@import url(http://fonts.googleapis.com/css?family=Crimson+Text);

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4

*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html { overflow-y: scroll; background: url(images/bg.jpg) repeat; }
.clear { clear: both }
.left { float: left }
.right { float: right }
.alignright {float: right; margin: 0 0 15px 15px; }
/**** ELEMENTS ****/
body {
	background: url(images/bg.jpg) repeat;
	font-size: 62.5%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	text-align: center;
}
del {
	text-decoration: line-through;
}
h1 {
	font-size: 2em;
	font-family:'Crimson Text', Georgia, 'Times New Roman', Times, serif;
	color: #000033;
	margin: 0 0 15px 0;
}
h1 a {
	font-family:'Crimson Text', Georgia, 'Times New Roman', Times, serif;
	color: #000033;
	text-decoration: none;
	border: none;
}
h1 a:hover {
	border: none;
	color: #000033;
}
.postmeta {
	font-size: 12px; 
	color: #333;
}
h2, h3 {
	font-size: 1.3em;
	font-family: 'Crimson Text', Georgia, 'Times New Roman', Times, serif;
	color: #000033;
	line-height: 1.3em;
}
p {
	padding-bottom: 15px;
}
a {
	color: #BD7945;
	text-decoration: none;
	border-bottom: 1px dashed #BD7945;
}
	a:hover {
		color: #986036;
		border-bottom: 1px solid #BD7945;
		text-decoration: none;
	}
.post ul {
	padding-bottom: 10px;
}
	.post li {
		list-style: square inside;
		padding-left: 10px;
	}
.post strong {
	font-weight: bold;
}
.post em {
	font-style: italic;
}
.framed {
	-webkit-box-shadow: 0 0 4px #CCC;
	-moz-box-shadow: 0 0 4px #CCC;
	box-shadow: 0 0 4px #CCC;
}
.postTitle {
	margin: 0 0 5px 0;
}
.clear:hover { text-decoration: none; } /* Remove under line on lightbox close links */
.first {
	/*font-family: Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
	background-color: #666666;
	color: #FFFFFF;
	float: left;
	font-size: 2em;
	font-weight: lighter;
	line-height: 1em;
	margin: 0 5px 0 0;
	padding: 5px;*/
}

div#wrapper {
	margin: 20px auto;
	width: 960px;
	background: url(images/top-corner.jpg) no-repeat top left #fff;
	font-size: 1.2em;
	text-align: left;
}
/**** HEADER ****/
	div#header {
		position: relative;
		height: 110px;
	}
		div#header img#logo {
			left: 10px;
			position: absolute;
			top: 15px;
			z-index: 2;
		}
		div#header ul {
			position: absolute;
			top: 45px; 
			right: 0px;
			font-family: Georgia, "Times New Roman", Times, serif;
			z-index: 1;
			border: 1px solid  #999;
			filter:alpha(opacity=60);
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
			opacity: .6;
		}
			div#header ul li {
				float: left; 
				display: inline;
				padding: 5px 0;
				background: #f0f0f0;
		
			}
				div#header ul li a {
					border: none;
					color: #000;
					padding: 5px;
					font-size: 1.6em;
				}
					div#header ul li a:hover {
						background: #ccc;
					}
	div#topbar {
		height: 169px; 
		background:url(images/topbar.jpg) no-repeat;
		clear: both;
		position: relative;
	}	
		div#topbar ul {
			position: absolute; 
			right: 20px;
			top: 76px;
			text-align: right;
		}
			div#topbar ul li span {
				line-height: 18px;
				padding-right: 10px;
				display: block;
				float: left;
				text-align: right;
				width: 300px;
			}
		div#topbar p, div#topbar h1 {
			width: 650px;
			font-size: 1.5em;
			padding: 0 20px;
			font-family: 'Crimson Text', Georgia, "Times New Roman", Times, serif;
			text-align:left;
			margin: 0;
		}
		div#topbar p { width: 550px; }
			div#topbar p span, div#topbar h1 span {
				color:#878B3F;
				font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;
				font-size:1.1em;
				font-style:italic;
				font-weight:normal;
			}
			div#topbar #idesign {
				font-size: 4em;
				padding: 36px 20px 0 20px;
			}
/**** CONTENT ****/
	div#content {
		width: 660px;
		float: left;
		margin: 30px;
		color:#000;
		font-size: 14px;
		line-height: 20px;
		text-align: justify;
		position: relative;
	}
		ul#grid { 
			/*margin: 0 15px;*/
		}
		div#content .post ul#grid li {
			width: 280px;
			float: left;
			display:inline;
			padding: 10px;
			background: #f7f7f7;
			border: 1px dotted #CCC;
			list-style: none;
			margin: 0 0 20px 10px;
			-webkit-box-shadow: 0 0 4px #CCC;
			-moz-box-shadow: 0 0 4px #CCC;
			box-shadow: 0 0 4px #CCC;
		}
		div#content .post ul#grid li.lgrid {
			margin: 0 20px 0 20px;
		}
		ul#grid h2 {
			font-size: 1.3em;
			padding: 7px 0;
		}
		ul#grid p {
			padding: 0;
		}
		ul#grid img {
			float: right;
			margin: 0 0 5px 5px;
		}
		h2#tech {
			padding-top: 10px;
		}
		div#slider {
			height: 105px;
		}
		div#featured-project, div.portfolio {
			background: #f7f7f7;
			border: 1px dotted #CCC;
			padding: 0px 10px 0 10px;
			/* margin: 0 20px; */
			margin-top: 10px;
			-webkit-box-shadow: 0 0 4px #CCC;
			-moz-box-shadow: 0 0 4px #CCC;
			box-shadow: 0 0 4px #CCC;
		}
		div#featured-project { padding: 10px }
		div.portfolio {margin-bottom: 15px; }
		div#featured-project { position: relative; }
			.post div#featured-project ul, .post div.portfolio ul {
				padding: 0;
				margin: 0;
			}
				.post div#featured-project ul p, .post div.portfolio ul p {
					padding-bottom: 5px;
				}
				.post div#featured-project ul li, .post div.portfolio ul li {
					list-style: none;
					padding: 0;
					display: none;
					padding: 10px 0 0 0;
				}
					.post div#featured-project ul li.firstitem, .post div.portfolio ul li {
						display: block;
					}
			div#featured-project p {
				padding: 0 !important;
			}
			a.featured-img {
				float: left; 
				margin: 0 20px 0 0;
				border: none;
				padding: 0;
			}
				a.featured-img img {
					border: 2px #CCC solid;
					display: inline;
					width: 100px;
					height: 100px;
					padding: 0;
				}
		div#contactinfo {
			background: #f7f7f7;
			border: 1px dotted #CCC;
			padding: 10px;
			width: 220px;
			margin-bottom: 10px;
			-webkit-box-shadow: 0 0 4px #CCC;
			-moz-box-shadow: 0 0 4px #CCC;
			box-shadow: 0 0 4px #CCC;
		}
			span.name {
				font-size: 1.1em;
				font-weight: bold;
			}
			span.position {
				color: #666;
				font-style:italic;
				font-size: 1em;
			}
				div#contact-col {
					float: right;
					width: 220px;
					margin-right: 20px;
				}
		div#contact-form {
			width: 380px; 
			float: left;
			background: #f7f7f7;
			border: 1px dotted #CCC;
			padding: 10px;
			-webkit-box-shadow: 0 0 4px #CCC;
			-moz-box-shadow: 0 0 4px #CCC;
			box-shadow: 0 0 4px #CCC;
		}
			.cform {
				background:#EDEDED none repeat scroll 0 0;
				border-color:#E6E5E5 #E6E5E5 #E2E1E1;
				border-style:solid;
				border-width:1px;
				margin:10px auto 0;
				padding:10px 15px 15px 10px;
			}
			.post div.wpcf7-response-output {
				margin: 0;
			}
			#contactinfo span {
				display: block;
			}
/**** SIDEBAR ****/
	div#sidebar {
		position: relative;
		float: right;
		width: 200px;
		text-align: left;
		margin-top: 40px;
		padding: 10px;
		margin-right: 20px;
	}
		#latestPosts {
			margin: 0 0 20px 0;
			/*border-top: 1px solid #EEE;*/
		}
		#latestPosts li {
			border-bottom: 1px solid #EEE;
		}
			#latestPosts li a {
				display: block;
				border: none;
				color: #232323;
				line-height: 20px;
				padding: 5px 10px;
			}
				#latestPosts li a:hover {
					background: #efefef;
				}
		div#sidebar h2 {
			border-bottom:1px dotted #D3D3D3;
			font-size: 1.4em;
			clear: both;
		}
			div#sidebar li a:hover {
				color: #000;
				text-decoration: none;
			}
		div#sidebar div#tweet {
			border-left:  1px dotted #ccc;
			border-right: 1px dotted #ccc;
			border-bottom: 1px dotted #ccc;
			background: #f7f7f7;
			padding: 5px;
			background: url(images/twitter-bird.png) no-repeat right bottom;
			min-height: 65px;
			font-style:italic;
			font-size: 1.1em;
			color: #232323;
			position: relative;
		}
			div#sidebar div#tweet a {
				border: none; 
				background: none;
				padding: 0;
				margin: 0;
				padding-top: 5px;
			}
			p#follow {
				float: right;
			}
			img#little-twitter {
				position: absolute;
				right: 10px;
				top: -40px;
			}
			.twitter-timestamp {
				/* DO SOMETHING CLEVER HERE */
			}
			ul.sb-flickr img {
				float: left;
				margin: 5px;
			}
			ul.sb-flickr {
				margin: 0 15px;
			}
/**** FOOTER ****/
	div#footer {
		clear: both;
		background: url(images/main-base.jpg) no-repeat;
		height: 81px;
		padding: 0 20px;
		line-height: 82px;
	}
a.close { text-decoration: none; border: none;}	
a.close:hover { text-decoration: none; border: none;}
.postThumb {
	float: left; 
	margin: 0 20px 20px 0;
	border: 3px solid #ccc;
	-webkit-box-shadow: 0 0 4px #CCC;
	-moz-box-shadow: 0 0 4px #CCC;
	box-shadow: 0 0 4px #CCC;
}

/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	font-size: 20px;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 0 0 20px 0;
}
.commentlist {
	list-style: none !important;
	margin: 0;
}
.commentlist li {
	list-style: none !important;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}
#comments p {
	padding-bottom: 10px;
}


/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#respond .required {
	color:#FF4B33;
	font-weight:bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin:0 0 9px;
	width:98%;
}
#respond textarea {
	width:98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	width: auto;
	font-size: 14px;
}

.post .entry div.syntaxhighlighter {
	padding: 5px 0 !important;
}

.portfolioInfo {
	float: right;
	width: 510px;
}
.portfolio li {
	clear: both;
}