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

/* Include Reset File */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol,
ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,
th,
td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote,
q {
	quotes: "" "";
}
sup {
	vertical-align: super;
	font-size: 75%;
}
code {
	background: none repeat scroll 0 0 #F0F0F0;
    color: #000000;
    font-family: Consolas,Monaco,"Courier New",Courier,monospace;
    font-size: 12px;
    font-weight: inherit;
    overflow-x: auto;
    white-space: pre-wrap;
    word-wrap: break-word;   
}
/* Regular stuff */

	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: #600040; /*#4f91b0;*/
		text-decoration:none;
	}
	a:hover {
		color:#000000;
	}
	
	.clear {
		clear: both;
	}
	
	textarea,
	input {
		color:#7b7d6f
	}
	
	strong {
		font-weight:bold;
	}
	em {
		font-style: italic;
	}

	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 h1,
		#header strong {
			display: none;
		}

		#menu-header {
			float:right;
			margin-top:20px;
		}
			/* Superfish - Menu Styles */
			#menu-header ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
			#menu-header ul li {width:100%;}
			#menu-header li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
			#menu-header li {float:left;position:relative;}
			#menu-header a {display:block;position:relative;}
			#menu-header li:hover ul,
			#menu-header li.sfHover ul {left:0;top:2.2em; /* match top ul list item height */z-index:99;}
			ul#menu-header li:hover li ul,
			ul#menu-header li.sfHover li ul {top:-999em;}
			ul#menu-header li li:hover ul,
			ul#menu-header li li.sfHover ul {left:12.8em; /* match ul width */top:0;}
			ul#menu-header li li:hover li ul,
			ul#menu-header li li.sfHover li ul {top:-999em;}
			ul#menu-header li li li:hover ul,
			ul#menu-header li li li.sfHover ul {left:10em; /* match ul width */top:0;}
			#menu-header a {padding: 10px;text-decoration:none;}
			#menu-header a,
			#menu-header a:visited,
			#menu-header a,
			#menu-header a:link  { color: #600040; /*#5c879b; */}
			#menu-header li {font-size:18px;}
			#menu-header li a:hover {border-bottom:1px solid #d2d2cf;outline:0;}
			#menu-header 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;}
			#menu-header li ul li {font-size:14px;}
			#menu-header li ul li a:link,
			#menu-header li ul li a:visited { color:#454545;}
			#menu-header li ul li a:hover {border:0;background:#fff;}
			#menu-header 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;}
			#menu-header li ul li ul li a:link,
			#menu-header 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;
			position: relative;
			overflow:hidden;
		}

			#slider {
				width: 900px;
				height: 250px;
				position: relative;
				overflow: hidden;
				margin-bottom:20px;
			}
				#slider #sliderContent {
					width: 900px;
					position: absolute;
					top: 0;
					margin-left: 0;
				}
				.sliderImage {
					float: left;
					position: relative;
				}
					.sliderImage div {
						position: absolute;
						font-size:12px;
						padding: 20px 30px;
						width: 840px;
						background-color: #000;
						filter: alpha(opacity=70);
						-moz-opacity: 0.7;
						-khtml-opacity: 0.7;
						opacity: 0.7;
						color: #fff;
						display: none;
					}
					.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;
				}
				#prevBtn a,
				#nextBtn a {
					cursor: pointer;
					position: absolute;
					top: 140px;
					text-indent: -1000em;
					width: 16px;
				}
				#prevBtn a {
					background: transparent url("images/portfolio-left.png") no-repeat;
					left: 7px;
				}
				#nextBtn a {
					background: transparent url("images/portfolio-right.png") no-repeat;
					right: 7px;
				}

			.slogan {
				margin-bottom:20px;
				padding:10px 0 30px;
				border-bottom:1px solid #e3e3e3;
			}
				.qbutton {
					float:right;
					line-height:50px;
					margin-left:5px;
				}
					.qbutton a:link,
					.qbutton a:visited,
					.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;
					}
					.qbutton a:hover {
						background:#88c2dc url(images/qbutton_hover_bg.png) top left repeat-x;
					}
				.slogan h1,
				.slogan h2 {
					font-size:28px;
					color:#600040; /*#4a85a0;*/
				}

			.home_widgets {
				overflow:hidden;
				font-size:12px;
				line-height:22px;
				color:#8b8c8c;
			}
				.home_widgets .widget {
					margin-left:30px;
					width:280px;
					float:left;
				}
				.home_widgets .widget h3{
					padding:15px 10px;
					padding-top:0;
					margin-bottom:15px;
					font-size:24px;
					color:#600040; /*#4a85a0;*/
					border-bottom:1px solid #e3e3e3;
				}
				.widget .tweets a:hover {
					text-decoration: underline;
				}
				.widget p {
					margin-bottom:15px;
				}
				.widget li {
					padding-bottom:5px;
					padding-left:20px;
					background: url(images/icon_bullet.png) 0 5px no-repeat;
				}

			.portfolio {
				position: relative;
			}
				.portfolio .title {
					padding-bottom:10px;
					border-bottom:1px solid #e3e3e3;
					color:#818181;
					position: relative;
				}
					.portfolio .title h2 {
						font-size:30px;
						color: #600040; /*#5c96b0;*/
					}
				.portfnav {
					font-size:11px;
					color:#929292;
					padding:10px 20px;
					border-bottom:1px solid #e3e3e3;
					overflow:hidden;
				}
					.portfnav ul {
						overflow:hidden;
					}
					.portfnav ul li {
						display:inline;
						margin-right:5px;
					}
						.portfnav ul li a {
							padding:5px 10px!important;
							padding:0px 10px;
						}
						.portfnav ul li.active a,
						.portfnav ul li a:hover {
							background:#e6e6e6;
							color:#4c4c4c;
						}

				#folio {
					overflow:hidden;
					margin-top:30px;
				}
					#folio .item {
						width:400px;
						float:left;
						margin-bottom:40px;
						padding:0 25px;
					}
						#folio .item img {
							border:1px solid #dddddd;
							background:#ededed;
							padding:5px 4px;
							margin-bottom:10px;
						}
						#folio .item h2 {
							font-size:18px;
							margin-bottom:10px;
						}
						#folio .item p {
							font-size:12px;
							color:#8a8a8a;
						}

			.content {
				line-height:24px;
				color:#7e7e7e;
				width:560px;
				float:left;
			}
				.content h1,
				.content h2,
				.content h3,
				.content h4 {
					color: #600040; /*#697e87;*/
					margin-bottom:15px;
				}
				.content h1 {
					font-size:30px;
				}
				content h2 {
					font-size:24px;
				}
					.content h1.title,
					.content h2.title {
						font-size:30px;
					}
					.content h1.pagetitle,
					.content h2.pagetitle {
						font-size: 30px;
						margin-bottom: 20px;
					}
				.content h3 {
					font-size:18px;
				}
					.content h3.title {
						font-size: 24px
					}
				.content h4 {
					font-size:14px;
				}
				.content p {
					margin-bottom:20px;
				}
				.content ul {
					margin:10px 0 10px 20px;
				}
					.content ul li{
						padding-bottom:5px;
						padding-left:20px;
						background: url(images/icon_bullet.png) 0 5px no-repeat;
					}
					.content ul li.entries{
						padding: 0px;
						background: none;
					}
				.content ol {
					list-style: decimal;
					margin:10px 0 10px 50px;
				}
					.content ol li {
						padding-bottom:5px;
					}
				.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;
				}
				.content a {
					text-decoration:underline;
				}
				.content form {
					margin:20px 40px;
				}
					.content form label {
						display:block;
						margin-bottom:5px;
					}
					.content form input,
					.content form textarea,
					.content form select {
						background-color:#e7e7e2;
						border:1px solid #ccccba;
						padding:5px;
						color:#333333
					}


				.blogpost {
					margin-bottom:20px;
					overflow:hidden;
				}
					.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;
					}
						.blogpost .comments a {
							color:#6e6e6e;
							text-decoration:none;
						}
						.blogpost h1.title,
						.blogpost h2.title,
						.blogpost h3.title {
							margin:0 0 0 45px;
							padding:0 0 5px;
						}
							.blogpost h1 a,
							.blogpost h2 a,
							.blogpost h3 a{
								text-decoration:none;
							}
						.blogpost .meta {
							font-size:12px;
							margin-left:45px
						}
						.blogpost .entry {
							clear:both;
							overflow:hidden;
							margin-top:15px;
						}

				.blogpost-box {
					overflow:hidden;
					border-top: 1px solid #e3e3e3;
					padding-top: 20px;
					margin-top:20px;
				}
				#social {
					border-bottom: 1px solid #e3e3e3;
					margin-bottom:20px;
					padding-bottom: 20px;
				}
					#social a {
						text-decoration:none;
					}
					#social h3 {
						margin:0;
						padding:0;
						/*color:#518c9b;*/
					}
					#social p {
						font-size:12px;
						margin-bottom:10px;
					}
					#social ul {
						display: inline-block;
						font-size:12px;
						margin:0;
						margin-bottom:0px!important;
						margin-bottom:1px;
						padding:0;
					}
						#social ul li {
							display:inline;
							margin-right:10px;
							background-position:0 0;
							background-repeat:no-repeat;
						}
							#social .facebook {
								background-image:url(images/fav/facebook.gif);
							}
							#social .twitter {
								background-image:url(images/fav/twitter.jpg);
							}
							#social .delicious {
								background-image:url(images/fav/delicious.png);
							}
							#social .digg {
								background-image:url(images/fav/digg.png);
							}
							#social .stumbleupon {
								background-image:url(images/fav/stumbleupon.png);
							}

				#author {
					line-height: 1.2em;
				}
				#author .avatar{
					float: left;
					margin-right: 15px;
				}
				#comments {
					font-size:24px;
					margin:0;
				}

				ol.commentlist {
					margin:20px 0 0;
					clear:both;
					overflow:hidden;
					list-style:none;
				}
					.commentlist li {
						margin:10px 0;
						line-height:18px;
						padding:10px;
					}
						.commentlist  .comment-author {

						}
							.commentlist .fn {
								color:#000;
							}
							.commentlist .avatar{
								float:right;
								border:1px solid #dddddd;
								background:#ededed;
								padding:3px;
							}
						.commentlist .comment-meta{
							font-size:10px;
						}
							.commentlist .comment-meta a {
								color:#a7a7a7;
								text-decoration:none;
							}
						.commentlist p {
							line-height:22px;
							margin-top:5px;
						}
						.commentlist .reply{

						}
							.commentlist .reply a{
								background:#77afbe;
								color:#fff;
								text-decoration:none;
								padding:5px 10px;
							}
							.commentlist .reply a:hover{
								background:#000;
								color:#fff;
							}
						.commentlist li.odd {
							border:1px solid #bbe0e8;
							background:#e7f1f3;
						}
						.commentlist li.even {
							border:1px solid #e5e5e5;
							background:#f1f1f1;
						}

				#comment-form {
					margin-top:20px;
				}
					#comment-form #respond {

					}
						#respond h3 {
							font-size:24px;
						}
						#commentform {
							margin:0;
						}
							#commentform label{
								margin-left: 10px;
								display: inline;
								vertical-align: top;
							}
								#commentform label small {
									font-size:10px;
									color:#a0a0a0;
								}
							#commentform textarea,
							#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;
							}
							#commentform input{
								width: 280px;
							}
							#commentform textarea{
								width:560px;
							}
							input#commentSubmit {
								width:100px;
								padding:5px;
								background: #600040; /*#a6cfda;*/
								border:1px solid #960064;
								color:#fff;
								font-weight:bold;
								cursor:pointer;
							}

				.navigation,
				.comment-nav {
					clear:both;
					font-size:11px;
					overflow:hidden;
				}
					.navigation .alignleft,
					.navigation .alignright,
					.comment-nav .alignright,
					.comment-nav .alignleft {
						width:49%;
						overflow:hidden;
						padding:10px 0;
					}
					.navigation .alignright,
					.comment-nav .alignright {
						text-align:right;
					}
					.navigation a,
					.comment-nav a{
						background:#eee;
						border:1px solid #d0d0c9;
						padding:10px;
						text-decoration:none;
					}
						.navigation a:hover,
						.comment-nav a:hover {
							border:1px solid #c2c2c2;
							color:#6d6d6d;
						}



			.fullwidth {
				width:900px;
				position: relative;
			}
				.fullwidth .thumblarge {
					margin-bottom:20px;
				}

			.sidebar {
					width:300px;
					margin-left:40px;
					float:left;
				}
				.sidebar .widget {
					margin-bottom: 30px;
				}
					.sidebar .widget h3 {
						padding:0 10px 10px;
						padding-top:0;
						margin-bottom:15px;
						font-size:24px;
						color:#747474;
						border-bottom:1px solid #e3e3e3;
					}
						.sidebar .widget h3 img {
							display:none;
						}
					.widget li {
						padding-bottom:5px;
						padding-left:20px;
						background: url(images/icon_bullet.png) 0 5px no-repeat;
					}

				 .widget_simplefolio_rss_widget {
					font-size:16px;
				}
					 .widget_simplefolio_rss_widget ul li.rss {
						background:url(images/rssfeed.png) 0 0 no-repeat;
						padding:6px 0 10px 38px;
					}
					.widget_simplefolio_rss_widget ul li.email {
						background:url(images/mail.png) 0 0 no-repeat;
						padding:6px 0 10px 38px;
					}
					.widget_simplefolio_rss_widget ul li.twitter {
						background:url(images/twitter.png) 0 0 no-repeat;
						padding:6px 0 10px 38px;
					}
				.widget_search form div {
					background:#e7e7e2;
					border:1px solid #cbcbc9;
					padding:5px;
				}
					.widget_search form input {
						border:0;
						background:#e7e7e2;
						color:#666666;
						padding:5px;
					}
						.widget_search input#keyword {
							width:183px;
							border-right: 1px solid #cbcbc9;
						}
						.widget_search #searchsubmit {
							background-color: #e7e7e2;
							cursor:pointer;
							color:#616161;
							border: none;
							font-weight: bold;
							padding: 0 16px;
						}

	#footer {
		font-size:12px;
		padding:20px;
		clear:both;
		overflow:hidden;
	}
		.footernav,
		.copyright {
			float:left;
			width:49%;
			display:inline;
		}
			.footernav ul {
				overflow:hidden;
			}
			.footernav li {
				float:left;
				padding: 0 10px;
				border-right:1px solid #bebea7;
			}
			.footernav a:link,
			.footernav a:visited,
			.footernav a:active {
				color:#424242;
			}
			.footernav a:hover {
				color:#666666;
			}
		.copyright {
			text-align:right;
		}


/* 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;

		background-color: #FFFFFF;
	}
	.wp-pagenavi a:visited {
		padding: 2px 4px 2px 4px;
		margin: 2px;
		text-decoration: none;

	}
	.wp-pagenavi a:hover {

	}
	.wp-pagenavi a:active {
		padding: 2px 4px 2px 4px;
		margin: 2px;
		text-decoration: none;

	}
	.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;
	}

.widget_qtranslate {
	text-align: center;
}
.qtrans_language_chooser li{
	background: none;
	display: inline;
}
.qtrans_flag_en,
.qtrans_flag_de {
	background-position: left !important;
}

a.button-secondary { text-decoration: none; }


		#comment-form #respond h3 {
			font-size:24px;
		}
		#contact_form {
			margin:0;
		}
			#contact_form label{
				margin-left: 10px;
				display: inline;
				vertical-align: top;
			}
				#contact_form label small {
					font-size:10px;
					color:#a0a0a0;
				}
			#contact_form textarea,
			#contact_form 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;
			}
			#contact_form textarea.error,
			#contact_form input.error{
				border-color: #FF0000;
			}
			#contact_form input{
				width: 280px;
			}
			#contact_form input.checkbox{
				margin: 0;
				padding: 0;
				width: 13px;
			}
			#contact_form textarea{
				width:560px;
			}
			#contact_form input#submit {
				width:100px;
				padding:5px;
				margin-right: 180px;
				background: #600040; /*#a6cfda;*/
				border:1px solid #960064;
				color:#fff;
				font-weight:bold;
				cursor:pointer;
			}

.screenReader{
	display: none !important;
}
span.error{
	color: #FF0000;
	display: block;
}
#langSwitch {
	position: absolute;
	right: 0;
	top: 0;
}
	#langSwitch ul {
		margin: 0 !important;
	}
	#langSwitch li {
		background: none !important;
		display: inline-block;
		margin-left: 10px;
		padding: 0 !important;
	}