/*  
	Theme Name: SimpleFolio
	Theme URI: http://www.slimmity.com/
	Description: Portfolio Theme based off SimpleBlog Theme
	Version: 1.5
	Author: Omar Corrales
	Author URI: http://www.omarcorrales.com
	*/

	/* Include Reset File */
	@import url("reset.css");

		body {
			background: #e7e7e2 url(images/main_bg.png) top left repeat-x;
			font-family: 'Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif; 
			font-size:14px;
			line-height:22px;
			color:#696767;
		}
		
		a:link,a:visited,a:active {
			color:#4f91b0;
			text-decoration:none;
		}
		a:hover {
			color:#000000;
		}
		.clear {clear: both;}
		textarea,input {color:#7b7d6f}
		strong {font-weight:bold;}
		em {font-style:italic;}
		code { font-family: "Consolas", "Monaco", "Bitstream Vera Sans Mono", monospace, serif; font-size: 1em; }
		
		p img {padding: 0;max-width: 100%;}
		img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;}
		img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;}
		img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;}
		.alignright {float: right;}
		.alignleft {float: left}
		acronym, abbr, span.caps {cursor: help;}
		acronym, abbr {border-bottom: 1px dashed #999;}
		.center {text-align: center;}
		.hidden {display: none;}
		.aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
		.wp-caption {border: 1px solid #ddd;text-align: center;background-color: #f3f3f3;padding-top: 4px;margin: 10px;}
		.wp-caption img {margin: 0;padding: 0;border: 0 none;}
		.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}
		
		#wrapper {
			width:960px;
			margin:10px auto 0;
		}
			
		#header {
			margin-bottom:20px;
			padding:0 10px;
			width:940px;
			display:block;
		}
			#header #logo {
				float:left;
			}
			
			
			#header #logo h1 {
				font-size:40px;
				color:#4a85a0;
			}
			
			
			#header #logo h2 {
				font-size:18px;
				color:#4a85a0;
			}
			
			#header #pagenav {
				float:right;
			}					
				/* Superfish - Menu Styles */
				.sf-menu, .sf-menu * {z-index: 9999999 !important;}
				.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
				.sf-menu { margin-top:20px;}
				.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
				.sf-menu ul li {width:100%;}
				.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
				.sf-menu li {float:left;position:relative;}
				.sf-menu a {display:block;position:relative;}
				.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:2.2em; /* match top ul list item height */z-index:99;}
				ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {top:-999em;}
				ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:12.8em; /* match ul width */top:0;}
				ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
				ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
				.sf-menu {float:left;margin-bottom:1em;}
				.sf-menu a {padding: 10px;text-decoration:none;}
				.sf-menu a, .sf-menu a:visited,.sf-menu a, .sf-menu a:link  { color: #5c879b; }
				.sf-menu li {font-size:18px;}
				.sf-menu li a:hover {background:#e2e2e2; opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
				.sf-menu li ul {background:#d2d2cf;border:1px solid #bbbbb8;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
				.sf-menu li ul li {font-size:14px;}
				.sf-menu li ul li a:link,.sf-menu li ul li a:visited { color:#454545;}
				.sf-menu li ul li a:hover {border:0;background:#fff;}
				.sf-menu li ul li ul { background-color:#e2e2e2; border:1px solid #d1d1cc;opacity: .85;filter: alpha(opacity=85);	-ms-filter: "alpha(opacity=85)";-khtml-opacity: .85;-moz-opacity: .85;}
				.sf-menu li ul li ul li a:link,.sf-menu li ul li ul li a:visited { color:#000;}
				.sf-sub-indicator { padding:0; margin:0;}

			
		#main {
			clear:both;
			overflow:hidden;
		}
			#main .container {
				background-color:#ffffff;
				border:1px solid #d2d2cf;
				padding:29px;
				overflow:hidden;
			}
			
				#slider {
					width: 870px;
					height: 250px;
					position: relative;
					overflow: hidden;
					margin-bottom:20px;
				}
					#slider #sliderContent {
						width: 870px;
						position: absolute;
						top: 0;
						margin-left: 0;
					}
					#slider .sliderImage {
						float: left;
						position: relative;
						display: none;
					}
					#slider .sliderImage span {
						position: absolute;
						font-size:12px;
						padding: 20px 30px;
						width: 840px;
						background-color: #000;
						filter: alpha(opacity=90);
						-moz-opacity: 0.9;
						-khtml-opacity: 0.9;
						opacity: 0.9;
						color: #fff;
						display: none;
					}
					#slider .sliderImage h3 {
						font-size: 18px;
						margin:0;
						padding:0;
						line-height:24px;
						color:#ffffff;
					}
					#slider .top {
						top: 0;
						left: 0;
					}
					#slider .bottom {
						bottom: 0;
						left: 0;
					}
					#slider .left {
						top: 0;
						left: 0;
						width: 110px !important;
						height: 280px;
					}
					#slider .right {
						right: 0;
						bottom: 0;
						width: 90px !important;
						height: 290px;
					}

				#main .container .slogan {
					margin-bottom:20px;
					padding:10px 0 30px;
					border-bottom:1px solid #e3e3e3;
				}
					#main .container .slogan .qbutton {
						float:right;
						line-height:50px;
						margin-left:5px;
					}
						#main .container .slogan .qbutton a:link,#main .container .slogan .qbutton a:visited,#main .container .slogan .qbutton a:active {
							font-size:18px;
							padding:10px;
							background: #5c96b0 url(images/qbutton_bg.png) top left repeat-x;
							border:1px solid #bdbdbd;
							color:#ffffff;
						}
						#main .container .slogan .qbutton a:hover {
							background:#88c2dc url(images/qbutton_hover_bg.png) top left repeat-x;
						}
					#main .container .slogan h2 {
						font-size:28px;
						color:#4a85a0;
						padding-bottom: 0.25em;
					}
					
					#main .container .slogan h4 {
						font-size:15px;
						color:#404040;
						line-height:10px;
						padding-left: 3px;
						
					}
					
				#main .container .home_widgets {
					overflow:hidden;
					font-size:12px;
					line-height:22px;
					color:#5e5e5e;
				}
					#main .container .home_widgets .widget {
						margin-left:30px;
						width:280px;
						float:left;
					}
					#main .container .home_widgets .widget h3{
						padding:15px 10px;
						padding-top:0;
						margin-bottom:15px;
						font-size:24px;
						color:#4a85a0;
						border-bottom:1px solid #e3e3e3;
					}
					#main .container .home_widgets .widget h4{
						padding:5px 0px 10px 0px;
						font-size:16px;
						color:#4a85a0;
					}
					#main .container .home_widgets .widget h5{
						padding:10px 0px 10px 0px;
						font-size:16px;
						color:#4a85a0;
					}
					#main .container .home_widgets .widget p {
						margin-bottom:15px;
					}
					#main .container .home_widgets .widget ul {
					
					}
						#main .container .home_widgets .widget ul li {
							padding-bottom:5px;
							padding-left:20px;
							background: url(images/icon_bullet.png) 0 5px no-repeat;
						}
					
				#main .container .portfolio {
					
				}
					#main .container .portfolio .title {
						padding-bottom:10px;
						border-bottom:1px solid #e3e3e3;
						color:#818181;
					}
						#main .container .portfolio .title h2 {
							color:#5c96b0;
							font-size:30px;
						}
					#main .container .portfolio .portfnav {
						font-size:11px;
						color:#929292;
						padding:10px 20px;
						border-bottom:1px solid #e3e3e3;
						overflow:hidden;
					}
						#main .container .portfolio .portfnav ul {
							overflow:hidden;
						}
						#main .container .portfolio .portfnav ul li {
							display:inline;
							margin-right:5px;
						}
							#main .container .portfolio .portfnav ul li a {
								padding:5px 10px!important;
								padding:0px 10px;
							}
							#main .container .portfolio .portfnav ul li.active a,#main .container .portfolio .portfnav ul li a:hover {
								background:#e6e6e6;
								color:#4c4c4c;
							}
					
					#main .container .portfolio #folio {
						overflow:hidden;
						margin-top:30px;
					}
						#main .container .portfolio #folio .item {
							width:400px;
							float:left;
							margin-bottom:40px;
							padding:0 25px;
						}
							#main .container .portfolio #folio .item img {
								border:1px solid #dddddd;
								background:#ededed;
								padding:5px 4px;
								margin-bottom:10px;
							}
							#main .container .portfolio #folio .item h2 {
								font-size:18px;
								margin-bottom:10px;
							}
							#main .container .portfolio #folio .item p {
								font-size:12px;
								color:#8a8a8a;
							}
							
				#main .container .content {
					line-height:24px;
					color:#5e5e5e;
					width:560px;
					float:left;
				}
					#main .container .content .title {
						font-size:30px;
						color:#5c96b0;
						margin-bottom:15px;
					}
					#main .container .content_code .title {
						font-size:30px;
						color:#5c96b0;
						margin-bottom:15px;
					}
					#main .container .content p { 
						margin-bottom:20px;
					}
					#main .container .content h1,#main .container .content h2,#main .container .content h3,#main .container .content h4 {
						color:#697e87;
						margin-bottom:15px;
					}
					#main .container .content h1 {
						font-size:30px;
					}
					#main .container .content h2 { 
						font-size:24px;
					}
					#main .container .content h3 { 
						font-size:18px;
					}
					#main .container .content h4 {
						font-size:14px; 
					}
					#main .container .content ul { 
						margin:10px 0 10px 20px;
					}
						#main .container .content ul li{
							padding-bottom:5px;
							padding-left:20px;
							background: url(images/icon_bullet.png) 0 5px no-repeat;
						}
					#main .container .content ol {
						list-style: decimal;
						margin:10px 0 10px 50px;
					}
						#main .container .content ol li {
							padding-bottom:5px;
						}
					#main .container .content blockquote {
						border:1px #c0c09b solid;
						background:#f0f0e5 url(images/quote.png) 10px 15px no-repeat;
						padding:20px;
						padding-left:65px;
						font-style:italic;
						margin:20px 0;
					}
					#main .container .content a {
						text-decoration:underline;
					}
					#main .container .content form {
						margin:20px 40px;
					}
						#main .container .content form label {
							display:block;
							margin-bottom:5px;
						}
						#main .container .content form input,#main .container .content form textarea,#main .container .content form select {
							background-color:#e7e7e2;
							border:1px solid #ccccba;
							padding:5px;
							color:#333333
						}
						
					
					#main .container .content .blogpost {
						margin-bottom:20px;
						overflow:hidden;
					}
						#main .container .content .blogpost .no-comments {
							float:left;
							margin-right:10px;
							margin-top:5px;
							background:url(images/text-plain.png) top left no-repeat;
							font-weight:600;
							font-size:11px;
							width:35px;
							height:33px;
							text-align:center;
							padding-top:2px;
						}
						#main .container .content .blogpost .comments {
							float:left;
							margin-right:10px;
							margin-top:5px;
							background:url(images/commentcount.png) top left no-repeat;
							font-weight:600;
							font-size:11px;
							width:35px;
							height:33px;
							text-align:center;
							padding-top:2px;
						}
							#main .container .content .blogpost .comments a {
								color:#6e6e6e;
								text-decoration:none;
							}
							#main .container .content .blogpost h2.title {
								margin:0;
								padding:0;
								margin-left:45px
							}
								#main .container .content .blogpost h2 a{
									text-decoration:none;
								}
							#main .container .content .blogpost .meta {
								font-size:12px;
								margin-left:45px
							}
							#main .container .content .blogpost .entry {
								clear:both;
								overflow:hidden;
								margin-top:15px;
							}
					
					#main .container .content .social {
						overflow:hidden;
						border-top:1px solid #e3e3e3;
						border-bottom:1px solid #e3e3e3;
						padding:20px 0;
						margin-bottom:20px;
					}
						#main .container .content .social a {
							text-decoration:none;
						}
						#main .container .content .social h3 {
							margin:0;
							padding:0;
							color:#518c9b;
						}
						#main .container .content .social p {
							font-size:12px;
							margin-bottom:10px;
						}
						#main .container .content .social ul {
							font-size:12px;
							margin:0;
							margin-bottom:0px!important;
							margin-bottom:1px;
							padding:0;
						}
							#main .container .content .social ul li {
								display:inline;
								margin-right:10px;
								background-position:0 0;
								background-repeat:no-repeat;
							}
								#main .container .content .social ul li.designfloat {
									background-image:url(images/fav/designfloat.png);
								}
								#main .container .content .social ul li.delicious {
									background-image:url(images/fav/delicious.png);
								}
								#main .container .content .social ul li.digg {
									background-image:url(images/fav/digg.png);
								}
								#main .container .content .social ul li.stumbleupon {
									background-image:url(images/fav/stumbleupon.png);
								}
								#main .container .content .social ul li.reddit {
									background-image:url(images/fav/reddit.png);
								}
								#main .container .content .social ul li.technorati {
									background-image:url(images/fav/technorati.png);
								}

					#main .container .content #comments {
						font-size:24px;
						margin:0;
					}
					
					#main .container .content ol.commentlist {
						margin:20px 0 0;
						clear:both;
						overflow:hidden;
						list-style:none;
					}
						#main .container .content ol.commentlist li {
							margin:10px 0;
							line-height:18px;
							padding:10px;
						}
							#main .container .content ol.commentlist li .comment-author {
								
							}
								#main .container .content ol.commentlist li .comment-author .fn {
									color:#000;
								}
								#main .container .content ol.commentlist li .comment-author .avatar{
									float:right;
									border:1px solid #dddddd;
									background:#ededed;
									padding:3px;
								}
							#main .container .content ol.commentlist li .comment-meta{
								font-size:10px;
							}
								#main .container .content ol.commentlist li .comment-meta a {
									color:#a7a7a7;
									text-decoration:none;
								}
							#main .container .content ol.commentlist li p {
								line-height:22px;
								margin-top:5px;
							}
							#main .container .content ol.commentlist li .reply{
								
							}
								#main .container .content ol.commentlist li .reply a{
									background:#77afbe;
									color:#fff;
									text-decoration:none;
									padding:5px 10px;
								}
								#main .container .content ol.commentlist li .reply a:hover{
									background:#000;
									color:#fff;
								}
							#main .container .content ol.commentlist li.odd {
								border:1px solid #bbe0e8;
								background:#e7f1f3;
							}
							#main .container .content ol.commentlist li.even {
								border:1px solid #e5e5e5;
								background:#f1f1f1;
							}
								
					#main .container .content #comment-form {
						margin-top:20px;
					}
						#main .container .content #comment-form #respond {
						
						}
							#main .container .content #comment-form #respond h3 {
								font-size:24px;
							}
							#main .container .content #comment-form #respond #commentform {
								margin:0;
							}
								#main .container .content #comment-form #respond #commentform label{
									margin-left:10px;
									display:inline;
								}
									#main .container .content #comment-form #respond #commentform label small {
										font-size:10px;
										color:#a0a0a0;
									}
								#main .container .content #comment-form #respond #commentform textarea,#main .container .content #comment-form #respond #commentform input {
									margin-bottom:10px;
									padding:5px; 
									margin:0 10px 10px 0;
									background:#f8f8f5;
									border-left:1px solid #d1cec6;
									border-top:1px solid #d1cec6;
									border-right:1px solid #edede8;
									border-bottom:1px solid #edede8;
								}
								#main .container .content #comment-form #respond #commentform input{
									width:400px;
								}
								#main .container .content #comment-form #respond #commentform textarea{
									width:560px;
								}
								#main .container .content #comment-form #respond #commentform input#commentSubmit {
									width:100px;
									padding:5px;
									background:#a6cfda;
									border:1px solid #78b0bf;
									color:#fff;
									font-weight:bold;
									cursor:pointer;
								}
	.commentnumber {
		color:#fff;
		font-size:2em;
	}

					#main .container .content .navigation,#main .container .content .comment-nav {
						clear:both;
						font-size:11px;
						overflow:hidden;
					}
						#main .container .content .navigation .alignleft,#main .container .content .navigation .alignright,#main .container .content .comment-nav .alignright,#main .container .content .comment-nav .alignleft {
							width:49%;
							overflow:hidden;
							padding:10px 0;
						}
						#main .container .content .navigation .alignright,#main .container .content .comment-nav .alignright {
							text-align:right;
						}
						#main .container .content .navigation a,#main .container .content .comment-nav a{
							background:#eee;
							border:1px solid #d0d0c9;
							padding:10px;
							text-decoration:none;
						}
						#main .container .content .navigation a:hover,#main .container .content .comment-nav a:hover {
							border:1px solid #c2c2c2;
							color:#6d6d6d;
						}
				
					
				
				#main .container .fullwidth {
					width:900px;
				}
					#main .container .fullwidth .thumblarge {
						margin-bottom:20px;
					}
				
				#main .container .sidebar {
						width:300px;
						margin-left:40px;
						float:left;
					}
					#main .container .sidebar .widget {
						margin-bottom:20px;
					}
						#main .container .sidebar .widget h3 {
							padding:0 10px 10px;
							padding-top:0;
							margin-bottom:15px;
							font-size:24px;
							color:#747474;
							border-bottom:1px solid #e3e3e3;
						}
							#main .container .sidebar .widget h3 img {
								display:none;
							}
						#main .container .sidebar .widget ul {
						
						}
							#main .container .sidebar .widget ul li {
								padding-bottom:5px;
								padding-left:20px;
								background: url(images/icon_bullet.png) 0 5px no-repeat;
							}
							
					#main .twitter .bqstart{
							background:url(images/open-quote.gif) 0 0 no-repeat; 
							padding-left:15px;
					}

					#main .twitter .bqend {
							background:url(images/close-quote.gif) 0 0 no-repeat; 
							padding-right:25px;
					}
					
					#main .container .sidebar .widget_rssfeed {
						font-size:16px;
					}
						#main .container .sidebar .widget_rssfeed ul li.rss { 
							background:url(images/rssfeed.png) 0 0 no-repeat; 
							padding:6px 0 10px 38px;
						}
						#main .container .sidebar .widget_rssfeed ul li.email { 
							background:url(images/mail.png) 0 0 no-repeat; 
							padding:6px 0 10px 38px;
						}
						#main .container .sidebar .widget_rssfeed ul li.twitter {
							background:url(images/twitter.png) 0 0 no-repeat; 
							padding:6px 0 10px 38px;
						}

					#main .container .sidebar .widget_search {
					
					}
						#main .container .sidebar .widget_search form {
						
						}
							#main .container .sidebar .widget_search form div {
								background:#e7e7e2;
								border:1px solid #cbcbc9;
								padding:5px;
							}
								#main .container .sidebar .widget_search form div input {
									border:0;
									background:#e7e7e2;
									color:#666666;
									padding:5px;
								}
									#main .container .sidebar .widget_search form div input#keyword {
										width:200px;
									}
									#main .container .sidebar .widget_search form div input#searchsubmit {
										cursor:pointer;
										color:#616161;
										border-left:1px solid #cbcbc9;
									}
						
		#footer {
			font-size:12px;
			padding:20px;
			clear:both;
			overflow:hidden;
		}
			#footer .footernav, #footer .copyright {
			}
				#footer .footernav ul {
					overflow:hidden;
				}
					#footer .footernav ul li {
						float:left;
						padding: 0 10px;
						border-right:1px solid #bebea7;
					}
						#footer .footernav ul li a:link, #footer .footernav ul li a:visited, #footer .footernav ul li a:active {
							color:#424242;
						}
						#footer .footernav ul li a:hover {
							color:#666666;
						}
			#footer .copyright {
				text-align:right;
				float:right;
				width:100%;
				display:inline;
			}
		

	/* Calender styles */
	#wp-calendar{width:100%;margin-bottom:15px;clear:both;padding:0;}
	#wp-calendar caption{padding:10px;text-align:center;}
	#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
	#wp-calendar td{background:transparent;}
	#wp-calendar td,table#wp-calendar th{padding:3px 0;}

	/* WP-PageNavi Styles */
	.wp-pagenavi {
		clear:both;
		font-size:12px;
		padding:20px 10px 0;
		text-align:right;
		text-transform:uppercase;
		border-top:1px solid #e3e3e3;
	}
		.wp-pagenavi a, .wp-pagenavi a:link {
			padding: 2px 4px 2px 4px; 
			margin: 2px;
			text-decoration: none;
			color: #87b5ca;
			background-color: #FFFFFF;	
		}
		.wp-pagenavi a:visited {
			padding: 2px 4px 2px 4px; 
			margin: 2px;
			text-decoration: none;
			color: #87b5ca;
		}
		.wp-pagenavi a:hover {	
			color: #000000;
		}
		.wp-pagenavi a:active {
			padding: 2px 4px 2px 4px; 
			margin: 2px;
			text-decoration: none;
			color: #87b5ca;
		}
		.wp-pagenavi span.pages {
			color: #737373;
			float:left;
		}
		.wp-pagenavi span.current {
			padding: 2px 4px 2px 4px; 
			margin: 2px;
			font-weight: bold;
			color: #303030;
		}
		.wp-pagenavi span.extend {
			padding: 2px 4px 2px 4px; 
			margin: 2px;	
			color: #000000;
		}

	/* Wolf Comment plugin CSS */
	#comment-captcha {
		vertical-align:middle;
		padding-bottom:1em;
	}
	.comment-form-body {
		width: 450px;
	}


	/**/

	.tbContactform label {
		 width:  95px;
		 display:  inline-block;
		 vertical-align: top;
		 clear: both;
	}

	.tbContactform input.text,
	.tbContactform textarea {
		 width:  100px;
		 padding: 2px;
	}

	.tbContactform textarea {
		 height:  115px;
		 width:	  400px;	
	}

	.tbContactform input.submit
	{
		display: block;
		margin-left: 250px;
		width:  auto;
	}

	.tbContactform td
	{
		padding: 5px;
		vertical-align: top; 
	}