/*

Theme Name: Gordon
Description: 'Clean Wordpress Portfolio and Blog'
Author: Norbert Ursu
Author URI: http://www.zappd.com/
Version: 1.0

*/

@import url('css/reset.css');

body {
	background: #eee8c6 url(css/images/bg.jpg) repeat-x 0 0;
	color: #40403b;
	font-size: 10px;
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	line-height: 1.8em;
	margin: 0 0 20px;
}

p {
	font-size: 130%;
	line-height: 160%;
	margin: 15px 0 15px;
}

.amp {
	font-family: Baskerville, Palatino, "Book Antiqua", serif;
	font-style: italic;
}

#container a, #container-blog a { color: #0d75d0; text-decoration: none; }
#container a:hover, #container-blog a:hover { text-decoration: underline; }

#container, #container-blog {
	border: 1px solid #b7b7b7;
	border-bottom: 0;
	border-top: 0;	
	margin: 20px auto 0;
	width: 960px;
	background: #fefefe;
	padding-bottom: 25px;
}

	/* Header - Logo + Navigation */

	#header {
		background: url(css/images/header-bg.png) repeat-x;
		height: 81px;
		line-height: 68px;
		padding: 0 20px;
	}
	
		#logo {
			float: left;
			height: 68px;
			font-size: 350%;
			color: #eee !important;
		}
		
		ul#nav {
			float: right;
			font-size: 120%;
			text-transform: uppercase;
		}
		
			ul#nav li {
				float: left;
			}
			
			ul#nav li a {
				color: #fff;
				text-decoration: none;
				border-right: 1px solid #4b6981;
				padding: 0 10px;
				letter-spacing: 0.1em;
				font-weight: normal;
				background-color: inherit;
			}
			
			ul#nav li a:hover {
				text-decoration: underline;
			}
			
			ul#nav li a.last {
				border: 0;
				padding-right: 0;
			}
			
	#header:after,
	#pagination:after,
	.col-3 dl:after,
	#main-content-blog .post-bar:after,
	#container-blog:after,
	.box .buttons:after,
	.box li:after,
	#flickr ul:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	
	
	/* Main Content - Sans-Blog */
	
	#main-content {
		text-align: justify;
	}
	
	#main-content #intro {
		padding: 0 30px;
	}
	
	#main-content h1 {
		font: italic normal 450%/150% Georgia, sans-serif;
		text-align: center;
		letter-spacing: 0.03em;
		margin-top: 10px;
	}
	
		#main-content #left-side {
			float: left;
			width: 435px;
			margin-left: 30px;
		}

		#main-content #right-side {
			float: right;
			width: 435px;
			margin-right: 30px;
		}
		
		#main-content .project-wrap {}
		
		#main-content .project {
			margin: 10px 30px 25px;
			width: 410px;
			float: left;
		}
		
			.project img {
				border: 1px solid #a9a9a9;
				padding: 4px;
				margin-bottom: 5px;
			}
		
			.project h2 {
				text-transform: uppercase;
				font-family: Verdana, Arial, sans-serif;
				font-size: 120%;
			}
			
			.project .tags {
				text-transform: uppercase;
				font-family: Verdana, Arial, sans-serif;
				font-size: 110%;
				color: #989788;
			}

			.project p {
				border-top: 1px solid #eee;
				padding-top: 6px;
				margin: 3px 0 5px;
			}
			
			.project p+p {
				border: 0;
			}
			
			.project .date {
				float: left;
				color: #989788;
				text-transform: uppercase;
			}
			
			.project .url {
				float: right;
				text-transform: uppercase;
			}
			
		#main-content #pagination {
			clear: both;
			background-color: #f9f8f4;
			border: 1px solid #ebebeb;
			padding: 10px 0;
			height: 1%;
			display: block;
			margin: 0 30px;
			position: relative;
		}
		
			#pagination h3 {
				font: italic normal 230% Georgia;
				text-align: center;
			}
			
			#pagination .left a {
				position: absolute;
				left: 10px;
				width: 128px;
				height: 35px;
				top: 4px;
				background: url(css/images/previous-page.png) no-repeat;
			}

			#pagination .right a {
				position: absolute;
				right: 10px;
				width: 104px;
				height: 36px;
				top: 4px;
				background: url(css/images/next-page.png) no-repeat;
			}
	
		#footer {
			background: #333 url(css/images/footer-bg.jpg) repeat;
			width: 922px;
			margin: 0 auto 0px;
			padding: 15px 20px 0px;
			clear: both;
		}
		
			.col-1, .col-2 { float:left;margin-right:10px; }
			.last { margin-right: 0; }
			.col-1 { width: 290px; }
			.col-2 { width: 300px; padding-left: 10px; padding-right: 20px; }
			.col-3 { width: 270px; }
			.colborder {
				margin-right: 10px;
				border-right: 1px dashed #555;
			}
			
			.col-3 {
				float: right;
			}
			
			.clear {
				clear: both;
			}
			
			#footer a {
				color: #9cb03f;
				text-decoration: none;
			}
			
			#footer a:hover {
				text-decoration: underline;
			}
			
			#footer h6 {
				color: #f7f2d9;
				font-size: 120%;
				font-weight: normal;
				text-transform: uppercase;
			}	
			
			.col-1 h6 {
				margin-bottom: 5px;
			}
			
			.col-1 img {
				background: #000;
				border: 1px solid #ddd;
				padding: 4px;
				margin-bottom: 5px;
			}
			
			.col-1 ul li {
				font-size: 110%;
				width: 145px;
				color: #d1d1d1;
				float: left;
				margin: 5px 0;	
			}
			
			.col-1 ul li img {
				float: left;
				margin-right: 6px;
				width: 40px;
				height: 29px;
			}
			
			.col-1 ul li span {
				color: #727272;
				display: block;
			}
			
			.col-1 .all {
				text-transform: uppercase;
				font-size: 110%;
				display: block;
				clear: left;
			}
			
			.col-2 blockquote {
				background-color: #292929;
				border: 1px solid #323232;
				padding: 8px 10px;
				color: #a9a9a9;
				font-size: 110%;
				margin: 10px 0;
			}
			
			.col-2 span {
				display: block;
				text-align: right;
				color: #727272;
				font-size: 120%;
			}
			
			.col-3 dl {
				clear: both;
				font-size: 1.1em;
				margin: 6px 0;
			}
			
			.col-3 dt {
				color: #d1d1d1;
				float: left;
				background-position: 0 50%;
				background-repeat: no-repeat;
				padding-left: 25px;
			}
			
				.col-3 .name {
					background-image: url(css/images/user.png);
				}

				.col-3 .phone {
					background-image: url(css/images/phone.png);
				}
				
				.col-3 .email {
					background-image: url(css/images/email.png);
				}
				
				.col-3 .im {
					background-image: url(css/images/comment.png);
				}
				
				.col-3 .vcard {
					background-image: url(css/images/vcard.png);
				}

			
			.col-3 dd {
				color: #727272;
				float: right;
			}
			
			#credits {
				clear: left;
				border-top: 1px dashed #444;
				margin: 15px 0;
				color: #999;
				font-size: 110%;
				display: inline-block;
				width: 100%;
				padding: 12px 0 0px;
			}
			
			#credits ul li {
				float: left;
				margin-left: 4px;
			}
			


/* About Page */

.info {
	margin: 0px 0 0px;	

}

.info h2 {
	font-size: 160%;
}

.info dl {
	margin: 10px 0;
	font-size: 110%;
}

.info dl dt {
	font-weight: bold;
	background: url(css/images/tick.png) no-repeat 0 50%;
	padding-left: 25px;
}

.info dd {
	padding-left: 25px;
}


/* Contact Page */


.info dl .address {
	background: url(css/images/address.png) no-repeat 0 50%;
}


.info dl .phone {
	background: url(css/images/phone.png) no-repeat 0 50%;
}

.info dl .email {
	background: url(css/images/email.png) no-repeat 0 50%;
}

.info dl .im {
	background: url(css/images/comment.png) no-repeat 0 50%;
}

.info dl .social {
	background: url(css/images/group.png) no-repeat 0 50%;
}

form#contact label {
	display: block;
	font-size: 110%;
}

form#contact input#name,
form#contact input#email,
form#contact input#subject,
form#contact textarea {
	background: #f7f7f0;
	padding: 5px;
	font-size: 140%;
	color: #222;
	width: 225px;
	margin: 0 0 10px;
	border: 1px solid #d1cfc1;
}

form#contact input#subject {
	width: 400px;
}

form#contact textarea {
	width: 400px;
	height: 105px;
}

form#contact .alert, form#contact .sent {
	background-color: #FBE3E4;
	border: 2px solid #FBC2C4;
	color: #A1473C;
	display: none;
	text-align: center;
	padding: 5px;
}

form#contact .sent {
	background-color: #E6EFC2;
	border: 2px solid #C6D880;
	color: #4E6830;
}


/* Main Content - Blog */

#container-blog {
	background: url(css/images/blog-bg.jpg) repeat-y top right;
}

#main-content-blog {
	width: 600px;
	float: left;
	padding: 10px 20px 0;
}
	
	.article {
		margin-bottom: 20px;
	}

	.article h1 { font: normal 340%/120% Georgia, serif; }
	.article h2 { font: normal 250%/100% Georgia, serif; margin: 15px 0; }
	.article h3 { font: normal 220%/100% Georgia, serif; margin: 15px 0; }
	.article h4 { font: normal 190%/100% Georgia, serif; margin: 15px 0; }	
	.article h5 { font: normal 170%/100% Georgia, serif; margin: 15px 0; }	
	.article h6 { font: normal 150%/100% Georgia, serif; margin: 15px 0; }	
	
	.article h1 a {
		color: #40403b !important;
	}
	
	.article .date {
		font: italic normal 120%/150% Georgia, serif;
		color: #8d8d89;
	}
	
	.article blockquote {
		background: #f5f5f5;
		padding: 5px 20px !important;
		margin: 15px 0;
		font-style: italic;
		text-align: center;
		font-size: 120%;
		font-family: Georgia, serif;


	}
		
		.article blockquote span {
			font-size: 500%;
			line-height: 100px;
			display: block;
			font-weight: bold;
			color: #555;
			position: absolute;
			left: 10px;
			top: 0px;
			color: #d0d0d0;
		}
		
	.article img {
		border: 1px solid #ccc;
		padding: 4px;
	}
	
	.article img.alignleft {
		float: left;
		margin: 0 15px 15px 0;
	}

	.article img.aligncenter {
		margin: 0 auto;
		display: block;
	}
	
	.article img.alignright {
		float: right;
		margin: 0 0 15px 15px;
	}
	
	.article ul, ol {
		margin: 15px 0;
	}
	
	.article ul li, ol li {
		margin-left: 40px;
		padding: 2px 0;
		font-size: 120%;
	}

	.article ul li { list-style-type: disc;	}
	.article ol li { list-style-type: decimal;	}
	
	.more-link { padding-top: 10px; }

	.article .post-bar {
		font: italic normal 130%/150% Georgia, sans-serif;
		color: #575353;
		background: #fbfbf7;
		border: 1px solid #f0eeee;
		padding: 8px 12px;
		height: 1%;
		margin-top: 15px;
		clear: both;
	}
		
		.post-bar .posted {
			float: left;
		}
		
		.post-bar .comments {
			float: right;
			background: url(css/images/comment.png) no-repeat 0 90%;
			padding-left: 20px;
		}
	
	.adblock1 {
		margin-bottom: -15px;
		text-align: center;
	}
	
	.adblock2 {
		text-align: center;
	}
		
#sidebar {
	float: right;
	width:  290px;
	padding: 42px 0px 0;
}
	
	.box {
		border: 1px solid #e0e0e0;
		background: #faf9f6;
		position: relative;
		width: 270px;

		margin: 0 0 53px;
	}

	.box .header {
		background: url(css/images/sidebar-header.png) no-repeat top left;
		color: #545348;
		display: block;
		width: 271px;
		top: -32px;
		left: -15px;
		position: absolute;
		font: bold 120%/42px "Helvetica Neue", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
		padding-left: 15px;
	}
	
	.box p {
		font-size: 125%;
		margin: 10px 15px;
	}	

	.box form {
		text-align: center;
		padding: 12px 0 12px;
	}

	.box input.search {
		width: 165px;
		border: 1px solid #aeaeae;
		font-size: 120%;
		padding: 3px;
		height: 18px;
		color: #555;
		vertical-align: top;
	}
	
	.box input.submit {
		margin-left: -5px;
		background: url(css/images/search-bg.png) no-repeat;
		height: 26px;
		width: 65px;
		cursor: pointer;
		border: 0;
	}
	
	.box .buttons img {
		display: block;
		margin: 0 auto;
	}

	.gordon_social li, .widget_categories li, .widget_archives li {
		background: url(css/images/side-box-bg.jpg) repeat-x;
		display: block;
		font-size: 120%;
		padding: 5px 10px;
		font-style: italic;
		text-align: right;
		font-family: Georgia;
		height: 1%;
	}
	
		.gordon_social li a, .widget_categories li a, .widget_archives li a {
			float: left;
		}
	
		.gordon_social li a, .widget_categories li a, .widget_archives li a {
			padding-left: 25px;
			background-repeat: no-repeat;
			background-position: 0 50%;
		}
	
			.box .rss {
				background-image: url(css/images/rss.png)
			}
			
			.box .email {
				background-image: url(css/images/email.png);
			}
			
			.box .twitter {
				background-image: url(css/images/twitter.png);
			}
			
			.box .facebook {
				background-image: url(css/images/facebook.png);
			}

			.box .linkedin {
				background-image: url(css/images/linkedin.png);
			}
			
			.box .flickr {
				background-image: url(css/images/flickr.png);
			}
	
			
			.widget_categories li a {
				background-image: url(css/images/folder.png);
			}
			
			.widget_archives li a {
				background-image: url(css/images/calendar.png);	
			}
	
		#flickr ul {
			margin: 5px auto 10px;
			width: 250px;
		}
	
		#flickr ul li {
			float: left;
			margin: 5px 7px 0;
			display: block;

		}
		
		#flickr img {
			width: 100px;
			height: 75px;
		}
		
		#flickr img, .widget_recent_entries img {
			border: 1px solid #a9a9a9;
			padding: 4px;
			margin-bottom: 5px;
			margin-top: 4px;
		}
		
		.widget_recent_comments img {
			border: 1px solid #d0d0d0;
			margin-bottom: 5px;
		}

.twtr-bd {font-size:0.8em; }
.twtr-tweet-text p { font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Geneva, Verdana, sans-serif; }
		
.widget_recent_entries li, .widget_recent_comments li {
	background: url(css/images/side-box-bg2.jpg) repeat-x top;
	display: block;
	border-top: 1px solid #e0e0e0;
	font-size: 120%;
	padding: 10px 10px 5px;
	height: 1%;
}

.widget_recent_entries img, .widget_recent_comments img {
	float: left;
}

.widget_recent_entries img {
	width: 70px;
	height: 40px;
	margin-right: 10px;
}

.widget_recent_comments span {
	font-family: Georgia, sans-serif;
	font-style: italic;
}

.widget_recent_comments img {
	height: 36px;
	margin-right: 10px;
}

.widget_recent_entries p {
	margin: 0;
	font-size: 100%;
}

.widget_recent_comments p, #twitter p {
	margin: 0;
	font-size: 100%;
	font-style: italic;
}
	
#twitter dl {
	margin-bottom: 10px;
}
	
#twitter dt {
	font-size: 100%;
	margin-bottom: 8px;
}

#twitter dd {
	font: italic normal 100% Georgia;
	color: #6b6b68;
}

#twitter dd span {
	font-size: 90%;
	font-style: normal;
}	


/* Comments Style */

.depth-1 {
	width: 574px;
	padding: 20px 15px 0;
	clear: both;
}
	.depth-1.comment {	background: url(css/images/comment-user-bg.jpg) no-repeat top left; }
	.depth-1.bypostauthor, depth-1.comment-author-admin { background: url(css/images/comment-admin-bg.jpg) no-repeat top left; }


.depth-2 {
	width: 500px;
	float: right;
	clear: both;
	padding: 20px 15px 0;
}

	.depth-2.comment {	background: url(css/images/comment-user-reply-bg.jpg) no-repeat top left; }
	.depth-2.bypostauthor, .depth-2.comment-author-admin { background: url(css/images/comment-admin-reply-bg.jpg) no-repeat top left; }

	
	.comment .avatar, .comment-reply .avatar {
		float: left;
		margin-right: 8px;
	}
		.comment .avatar img, .comment-reply .avatar img {
			width: 42px;
			height: 42px;
			padding: 0px;
			border: 1px solid #d0d0d0;
			background-color: #fff;
		}

	.comment .name, .comment-reply .name {
		display: block;
		font: italic 210%/120% Georgia, sans-serif;
	}

	.comment .date, .comment-reply .date {
		background: url(css/images/time.png) no-repeat 0 50%;
		padding-left: 20px;
		font: italic 120%/140% Georgia, sans-serif;
	}
	
	.comment .date a {
		color: #40403b !important;
	}

	.comment .reply, .comment-reply .reply {
		float: right;
	}

	#navigation {
		clear: both;
	}
	
		#navigation .left a {
			float: left;
			width: 128px;
			height: 35px;
			background: url(css/images/previous-page.png) no-repeat;
		}

		#navigation .right a {
			float: right;
			width: 104px;
			height: 36px;
			background: url(css/images/next-page.png) no-repeat;
		}
		
	#comment-navigation {
		clear: both;
		padding-bottom: 5px;
	}
		
		#comment-navigation .left a {
			float: left;
		}

		#comment-navigation .right a {
			float: right;
		}

#leave-comment {
	background: url(css/images/leave-comment-bg.jpg) no-repeat top left;
	width: 574px;
	padding: 20px 15px 0;
	clear: both;
	margin-top: 30px;
}

#leave-comment h1 {
	font: italic 220%/140% Georgia, sans-serif;
	margin-bottom: 15px;
}

form#comment label {
	display: block;
	font-size: 110%;
}

form#comment input#author,
form#comment input#email,
form#comment input#website,
form#comment textarea {
	background: #fff;
	padding: 5px;
	font-size: 140%;
	color: #222;
	margin: 0 0 10px;
	border: 1px solid #d1cfc1;
}

form#comment input#author,
form#comment input#email,
form#comment input#website {
	width: 260px;
}

form#comment textarea {
	width: 520px;
	height: 120px;
}

.comment-reply-link {
	background: url(css/images/reply-button.png) no-repeat;
	display: block;
	width: 67px;
	height: 34px;
}


/* root element for single scroll */ 
.scroll { 
    position:relative; 
    overflow:hidden; 
    width: 430px; 
    height: 166px; 
    float:left; 
} 
 
/* root element for the scroll pics */ 
.scroll .pics { 
    width:20000em; 
    position:absolute; 
    clear:both; 
} 
 
/* single scroll item */ 
.pics img { 
    float:left; 
    cursor:pointer; 
    width:420px;
    height: 150px;
    margin:0px; 
} 
 
/* borders */ 
#container, #container-blog {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

#header {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}

#footer {
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}