@import url("reset.css");

body 			{ text-align: center; background: #fff url(images/bg.gif) repeat-x left top; font-family: Arial; }
#wrapper 		{ width: 940px; margin: 0 auto; text-align: left; }	
#header			{ height: 224px; position: relative; }

#logo h1 		{ float: right; width: 93px; height: 67px; display: none;	}

#logo h1 a {
	width: 93px;
	height: 67px;
	display: block;	
	background: url(images/gio-logo.gif) no-repeat left top;
	text-indent: -9999px;
}

.kiejtes {
	width: 346px;
	height: 116px;
	position: absolute;
	left: 440px;
	top: 0px;
	visibility: hidden;
	background: url(images/name.png) no-repeat left top;
}

/* nav */
#nav, #nav li	{ float: left; font-family: Arial; }

#nav li a {
	color: #5b5b5b;
	font-size: 12px;
	text-decoration: none;
	display: block;
	float: left;
	margin: 25px 25px 0 0;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
}

#nav li.current-cat a, #nav li.current_page_item a, #nav li .active_category { background: #cbe03d; }

/* intro */
#intro 			{ font-family: Georgia;  letter-spacing: -1px; }
#intro h2 		{ font-size: 40px; color: #c6c4c4; font-weight: normal; padding: 40px 0 20px; }
#intro h2 span 	{ color: #cbe03d; display: inline-block; position: relative; cursor: pointer; }
#intro h3 		{ font-size: 21px; color: #5b5b5b; font-weight: normal; }

/* twitter */
#twitter 		{ padding: 25px 0 0; border-bottom: 1px solid #d9d9d9; margin: 0 0 40px 0; }

#twitter .twitter-meta { font-size: 11px; color: #a1a1a1; padding: 25px 0 25px 40px; background: url(images/twitter.gif) no-repeat center left; }
#twitter .twitter-meta a { color: #757575; text-decoration: none;}

.more-about {
	font-family: Georgia;
	color: #a1a1a1;
	font-style: italic;
}

#twitter p {
	color: #757575;
	font-family: Georgia;
	font-size: 35px;
	line-height: 45px;
}

#twitter a { color: #757575;}

.main { float: left; width: 560px; padding: 40px 0 0 0; }

.meta { font-size: 12px;}

.sidebar, #sidebar { float: right; width: 280px; padding: 40px 0 0 0;}

#sidebar ul, .item ul {
	font-size: 13px;
	line-height: 37px;
	margin: 0 0 20px 0;
}

#footer ul {
	position: relative;
	top: -9px;
}

#footer ul li {
	border-top: none !important;
	height: 35px;
	line-height: 35px !important;
	border-bottom: 1px solid #ebebeb !important;
}

#sidebar ul li, .item ul li {
	border-top: 1px solid #ebebeb;
}

#sidebar ul li a, .item ul li a, .item li, #sidebar li {
	color: #a1a1a1;
	text-decoration: none;
}

#sidebar ul li a:hover, .item ul li a:hover { color: #d3e03d;}

/* intro proj */

#portf h2 {padding: 0 0 30px 0;}

#portf h2, h3.storytitle, .post h2 		{ font-size: 16px; font-weight: normal; color: #000; font-family: Georgia; padding: 0 0 30px 0;  }
#portf .see-all { padding: 40px 0 0 0; float: right; }

h3.storytitle { font-size: 22px; font-weight: normal; font-style: italic;}

.post h2 { padding: 0 0 15px 0;}

h3.storytitle a:hover { color: #d3e03d; text-decoration: none; }

h3.storytitle a { color: #000; text-decoration: none;}

#portf p {
	font-size: 13px;
	color: #757575;
	font-style: italic;	
	font-family: Georgia;
}

#portf p a {
	color: #757575;
	font-style: italic;	
}

#portf p a:hover { text-decoration: none; color: #d3e03d; }

#portf.inner .portf-item { margin: 0 43px 60px 0; }
#portf .portf-item.last { margin: 0 0 60px 0; }

#portf.inner { padding: 60px 0 0 0; }

#portf .portf-item {
	float: left;
	width: 284px;
	margin: 0 43px 0 0;
	height: 150px;
	position: relative;
}

#portf .portf-item a {
	display: block;
	width: 284px;
	height: 150px;
	text-decoration: none;
}

#portf .portf-item.last { margin: 0; }

#portf .portf-item .portf-thumb, #portf .portf-item .portf-info { position: absolute; top: 0; left: 0; width: 284px; height: 150px; }

#portf .portf-item .portf-info { 
	 z-index: 2;
	visibility: hidden;
	 background: url(images/thumb-bg.jpg) no-repeat left top; 
}

#portf .portf-title, #portf .portf-type { font-family: Georgia; position: absolute; left: 10px; color: #000; }

#portf .portf-title {
	bottom: 30px;
	font-size: 16px;
}

#portf .portf-type {
	bottom: 10px;
	font-size: 13px;
	font-style: italic;
}

.portf-post .post, .role div, .main p, .meta {
	font-size: 13px;
	line-height: 21px;
	color: #b2b1b1;
}

small {
	font-family: Georgia;
	color: #b2b1b1;
	font-style: italic;
	font-size: 11px;
	display: block;
	padding: 0 0 10px 0;
}

#respond input[type="text"], .wpcf7 input[type="text"] {
	border: 1px solid #d9d9d9;
	padding: 10px;
	background: #f9f9f9;
	font-family: Arial;
	color: #a1a1a1;
	width: 210px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
}

#searchform {
	height: 55px;
}

#searchform label {
	display: none;
	float: left;
}

#searchform input[type="text"] {
	width: 163px;
	margin: 0 10px 0 0;
}

#searchform input[type="submit"] {
	width: 63px
}

#searchform input[type="text"], #searchform input[type="submit"] {
	border: 1px solid #d9d9d9;
	padding: 10px;
	background: #f9f9f9;
	font-family: Arial;
	float: left;
	color: #a1a1a1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;	
}

.comment-body {
	font-size: 12px;
	line-height: 18px;
	color: #a1a1a1;
	border: 1px solid #d9d9d9;
	padding: 10px;
	margin: 0 0 20px 0;
}

.feedback {
	font-family: Georgia;
	font-size: 12px;
	color: #a1a1a1;
	font-style: italic;
	padding: 20px 0;
}

.feedback a { color: #a1a1a1;}
.feedback a:hover {text-decoration: none; color: #d3e03d;}

.comment-meta { padding: 0 0 5px 0;}

.comment-body a { color: #a1a1a1;}

.comment-body a:hover {text-decoration: none; color: #d3e03d;}

#respond p {
	font-size: 12px;
	color: #a1a1a1;
	font-style: italic;
	font-family: Georgia;
}

.post-edit-link {
	font-family: Georgia;
	font-size: 12px;
	font-style: italic;
	color: #a1a1a1;
}

#respond p a { color: #a1a1a1;}

.wpcf7-form input[type="submit"] { margin: 0 !important;}

#respond #submit, .wpcf7-form input[type="submit"] {
	cursor: pointer;
	border: 1px solid #d9d9d9;
	margin: 15px 0 0 0;
	font-family: Arial;
	font-size: 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #f9f9f9;
	display: block;
	padding: 10px;
	color: #a1a1a1;
}

.wpcf7-form p {
	font-family: Georgia;
	font-style: italic;
	color: #a1a1a1;
	font-size: 12px;
}

#respond textarea, .wpcf7 textarea {
	border: 1px solid #d9d9d9;
	padding: 10px;
	background: #f9f9f9;
	width: 470px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height: 120px;
	font-family: Arial;
	color: #a1a1a1;
	font-size: 12px;	
}

.meta {
	font-size: 11px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	padding: 10px 0px 10px 0px;
}

.meta a { color: #b2b1b1;}
.meta:hover { text-decoration: none;}

.postmetadata { font-style: italic; padding: 0 0 20px 0; border-bottom: 1px solid #d9d9d9; margin: 0 0 20px 0; font-family: Georgia; font-size: 11px !important;}
.postmetadata a { color: #757575;}

.postmetadata a:hover, .meta a:hover, .post p a:hover, .entry p a:hover, .storycontent p a:hover { text-decoration: none; color: #d3e03d;}
.main p {
	
}

.post p a, .entry p a, .storycontent p a { color: #757575;}

.portf-post .post p, .entry p, .storycontent p { padding: 0 0 21px;}

.portf-post .content { float: left; width: 572px;}
.portf-post h2 { color: #2f2f2f; font-family: Georgia; font-size: 16px; padding: 0 0 20px 0; font-weight: normal; }

.portf-post .content p.link { font-family: Georgia; font-size: 13px; color: #010101; font-style: italic; padding: 0 0 21px 0; }
.portf-post .content p.link a { color: #010101;}
.portf-post .content p.link a:hover { text-decoration: none;}


.breadcrumbs, .scroll-to {
	font-size: 12px;
	font-family: Georgia;
	font-style: italic;
	color: #757373;
	float: left;
	padding: 20px 0 0 0;
}

.scroll-to { float: right;}

.breadcrumbs a, .scroll-to a { color: #757373;}

#portf-imgs {
	top: 0;
	position: absolute;
}

#prev-img, #next-img { display: block; width: 23px; height: 23px; text-indent: -9999px; position: absolute; top: 240px; }

#prev-img { background: url(images/prev-img.gif) no-repeat left top; left: 50px; }
#next-img { background: url(images/next-img.gif) no-repeat left top; right: 50px; }

#portf-imgs img {
	display: block;
	margin: 0 auto;
}

#portf-gallery { position: relative; height: 550px; width: 940px; margin: 30px 0;}

#portf-imgs .portf-img-elem {
	width: 700px;
	float: left;
	text-align: center;
	height: 550px;
}

#portf-holder {
	width: 700px;
	height: 550px;
	top: 0;
	left: 120px;
	float: left;
	overflow: hidden;
	position: absolute;
}

/* similar */

.similar { font-family: Georgia; width: 940px; border-top: 1px solid #d9d9d9; padding: 20px 0 0 0; }

.similar li { float: left; 
	width: 284px;
	margin: 0 43px 0 0;	
 }

.similar li.last { margin: 0;}
.similar li a { font-family: 12px; font-style: italic; color: #757373; font-size: 12px; line-height: 30px;}
.similar li a:hover, .breadcrumbs a:hover, .scroll-to a:hover  { text-decoration: none; color: #d3e03d; }

/* footer */
#footer				 { margin: 40px 0 0px 0; padding: 20px 0 0; }
.bottom 			{ margin: 20px 0 20px 0; padding: 20px 0 0 0; }
#footer, .bottom	{ border-top: 1px solid #d9d9d9; }

.footer-module .textwidget, #sidebar p, #sidebar .textwidget {
	font-size: 13px;
	line-height: 18px;
	color: #a1a1a1;
}

.page-sidebar .textwidget p, #sidebar .textwidget {
	line-height: 21px !important;
	margin: 0 0 18px;
}

.footer-module 		{ float: left; width: 284px; margin: 0 43px 0 0; }
.footer-module.last	{ margin: 0; }
.bottom p			{ padding: 10px 0 0 0; float: left; font-family: Georgia; font-size: 11px; color: #a1a1a1; }
.bottom p.alt		{ float: right; padding: 0; }

.footer-module h3, h3#comments, .role h3, .similar h5, #sidebar h3, #respond h3	{ font-family: Georgia; font-size: 13px; color: #000; font-weight: normal; padding: 0 0 15px 0;  }
.role h3 { font-weight: normal; font-size: 16px; padding: 0 0 20px;}

.footer-module h3, .similar h5 { font-size: 16px;}

#sidebar.page-sidebar h3 {
	font-size: 16px;
}

.role { float: right; width: 220px;}

.socialize { padding: 20px 0 0 0; }

.socialize a {
	display: inline-block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	margin: 0 10px 0 0;
}

.rss {
	background: url(images/rss.gif) no-repeat right top;
	display: inline-block;
	padding: 10px 31px 0 0;
	height: 21px;
	color: #a1a1a1;
	text-decoration: none;
}

.wpcf7-not-valid-tip { border: none !important; top: 0 !important; background: transparent !important; display: none !important;}

.wpcf7-validation-errors, .wpcf7-mail-sent-ok  {
	font-family: Georgia;
	font-size: 12px;
	padding: 0 !important; margin: 0 !important;
	border: none !important;
	font-style: italic;
	color: #a1a1a1;
}

.rss:hover { color: #d3e03d;}

.socialize a:hover { background-position: left bottom !important;}

.socialize a.ico-twitter { background: url(images/ico-twitter-h.gif) no-repeat left top; }
.socialize a.ico-linkedin { background: url(images/ico-linkedin-h.gif) no-repeat left top; }
.socialize a.ico-flickr { background: url(images/ico-flickr-h.gif) no-repeat left top; }
.socialize a.ico-lastfm { background: url(images/ico-lastfm-h.gif) no-repeat left top; }