/*   



Theme Name: Clean Slate



Theme URI: http://www.cleanslatetheme.com



Description: 



Author: Brian Casel



Author URI: http://www.themejam.com



Version: 2.11



*/







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



@import url('styles/fonts.css');







body {



	font-size: 13px;



	font-family: arial, sans-serif;



	line-height: 1.5em;



	background: url(images/bg-gradient.jpg) top left repeat-x;



	color: #464646;



}







/* clearfix 



=================================*/



.clearfix:after {



    content: ".";



    display: block;



    clear: both;



    visibility: hidden;



    line-height: 0;



    height: 0;



}







.clearfix {



    display: inline-block;



}







html[xmlns] .clearfix {



    display: block;



}







* html .clearfix {



    height: 1%;



}



/* end clearfix */















/* General styles 



=================================*/







a {



	color: #900000;



	text-decoration: none;



}







a:hover {



	color: #000;



}







p {



	margin: 0 0 1.5em 0;



}







h1, h2, h3, h4 {



	padding: .5em 0 0 0;



	margin: 0 0 1em 0;



}







h1 {



	font-size: 2em;



	padding: 0;



	margin: 0;



	font-family: 'SansationRegular', arial, sans-serif;



}







h2 {



	font-size: 1.5em;



	color: #000;



	font-family: 'SansationRegular', arial, sans-serif;



}







h3 {



	font-size: 1.3em;



	color: #000;



	font-family: 'SansationRegular', arial, sans-serif;



}







h4 {



	font-size: 1em;



	font-weight: bold;



}







h5 {



	text-transform: uppercase;



}







textarea, input {



	font-size: 13px;



	font-family: arial, sans-serif;



	color: #464646;



}







/* Layout 



=================================*/



.top-bar {

	background-image:url(images/header_bg1.jpg) top left repeat-x; ;
	
    height: 20px;

}


#footer .top-bar {

	background: url(images/white-10.png);
	height: 10px;

}



.wrap {



	width: 900px;
	padding: 0 0 0 30px;
	margin: 0 auto;

}



#middle {

	padding: 3em 0 0 0;

}




#main {


	float: left;
	margin: 0 30px 3em 0;
	width: 850px;


}



.posts-page #main {

	padding: 2px 0 0 0;

}







.full-width #main {



	width: 900px;



}







#sidebar {



	float: left;



	width: 230px;



	background: url(images/black-10.png);



	-moz-border-radius: 5px;



	-webkit-border-radius: 5px;



	padding: 1.5em 25px 0 25px;



	margin: 2.5em 0 3em 0;



}











/* Header



=================================*/







#header {



	padding: 2em 0 0 0;



	width: 900px;



	margin: 0;



	position: relative;



	z-index: 999;



}







#branding {



	display: block;



	float: left;



	font-size: 3.462em;



	padding: 12px 0 0 0;



	margin: 0;



	font-family: 'SansationLight', arial, serif;



	text-shadow: 1px 1px 1px #fff;



	font-weight: normal;



}







#branding a {



	text-decoration: none;



	color: #aeabab;



	letter-spacing: -1px;



}







#site-description {



	float: left;



	font-family: 'SansationLight', arial, serif;



	font-size: 1.2em;



	padding: .5em 0 0 0;



	line-height: 1em;



	clear: both;



}







#search {



	float: right;



	border: 1px solid #d6d6d6;



	-moz-border-radius: 4px;



	-webkit-border-radius: 4px;



	background: #fff;



	margin: .3em 0 0 0;



	padding: 6px 6px 6px 9px;



	width: 268px;



}







#search input {



	background: none;



	border: none;



	width: 245px;



}







#search input.submit {



	background: url(images/icon-search-black.png) top left no-repeat;



	width: 16px;



	height: 16px;



	cursor: pointer;



}







#middle #search,



.widget #search {



	float: none;



}











/* Main Navigation



..................................*/







.main-nav {



	clear: both;



	position: relative;



	line-height: 1.5em; 



	z-index: 999;



	border-bottom: 1px solid #a2a0a1;



	padding: 2em 0 0 0;



	margin: 0 0 1em 0;



	text-transform: uppercase;



}







.main-nav ul {



	float: left;



}







.main-nav li {



	float: left;



	position: relative;



	font-weight: bold;



}







.main-nav li li {



	border-bottom: 1px solid #d4d4d4; /* dropdown divider lines */



}



.main-nav li li.last {



	border: none;



}







.main-nav a {



	display: block;



	padding: 0 3em .5em 0;



}







.main-nav ul ul {



	position: absolute;



	width: 190px;



	top: 25px;



	left: -21px;



	display: none;



	z-index: 20;



	background: #efefef;   /* dropdown background color */



	border: 1px solid #a2a0a1;  /* dropdown border color */



	border-top: 1px solid #efefef;  /* match the background color */



	-moz-border-radius-bottomLeft: 5px;



	-webkit-border-bottom-left-radius: 5px;



	-moz-border-radius-bottomRight: 5px;



	-webkit-border-bottom-right-radius: 5px;



}







.main-nav ul li.first ul {



	left: 0;



}







.main-nav li li.last a {



	-moz-border-radius-bottomLeft: 5px;



	-webkit-border-bottom-left-radius: 5px;



	-moz-border-radius-bottomRight: 5px;



	-webkit-border-bottom-right-radius: 5px;



}







.main-nav li li li a,



.main-nav li li.last li a {



	-moz-border-radius-bottomLeft: 0;



	-webkit-border-bottom-left-radius: 0;



	-moz-border-radius-bottomRight: 0;



	-webkit-border-bottom-right-radius: 0;



}







.main-nav li li li.last a,



.main-nav li li.last li.last a {



	-moz-border-radius-bottomLeft: 5px;



	-webkit-border-bottom-left-radius: 5px;



	-moz-border-radius-bottomRight: 5px;



	-webkit-border-bottom-right-radius: 5px;



}







.main-nav li li li.first a,



.main-nav li li.last li.first a {



	-moz-border-radius-topRight: 5px;



	-webkit-border-top-right-radius: 5px;



}







.main-nav ul ul a {



    float: left;



}







.main-nav li li a {



	width: 150px;



	padding: 2px 20px;



	font-size: 10px;



	font-weight: bold;



}







.main-nav li li a:hover {



	background: #d4d4d4;   /* dropdown hover bg color */



	color: #000;           /* dropdown hover link color */



}







.main-nav li ul ul,



.main-nav li.first ul ul,



.main-nav li ul li.first ul {



    left: 140px;



    top: -1px;



    margin: 0 0 0 10px;



    border-top: 1px solid #a2a0a1;



    -moz-border-radius-topRight: 5px;



	-webkit-border-top-right-radius: 5px;



}







.main-nav li:hover ul ul, 



.main-nav li:hover ul ul ul, 



.main-nav li:hover ul ul ul ul {



    display: none;



}



    



.main-nav li:hover ul, 



.main-nav li li:hover ul, 



.main-nav li li li:hover ul, 



.main-nav li li li li:hover ul {



    display: block;



}







#header ul#social-links {



	position: absolute;



	bottom: 10px;



	right: 1px;



	height: 13px;



	z-index: 1000;



}







#header ul#social-links li {



	float: right;



	margin: 0 0 0 7px;



	width: 13px;



	height: 13px;



}







#header ul#social-links a {



	display: block;



	width: 13px;



	height: 13px;



	padding: 0;



	margin: 0;



}







#header ul#social-links li.rss a {



	background: url(images/icon-rss.png) top left no-repeat;



}



#header ul#social-links li.facebook a {



	background: url(images/icon-facebook.png) top left no-repeat;



}



#header ul#social-links li.twitter a {



	background: url(images/icon-twitter.png) top left no-repeat;



}



#header ul#social-links li.linkedin a {



	background: url(images/icon-linkedin.png) top left no-repeat;



}







#header ul#social-links li.rss a:hover,



#header ul#social-links li.facebook a:hover,



#header ul#social-links li.twitter a:hover,



#header ul#social-links li.linkedin a:hover {



	background-position: 0 -13px;



}











/* Feature Slider



=================================*/







#feature {



	margin: 0;



	width: 900px;



}







#feature .post {



	position: relative;



	width: 900px;



	height: auto !important;



	display: none;



	margin: 0;



	text-align: center;



}







#feature .post img {



	z-index: 1;



}







#feature .post .video-wrap {



	margin: 0 auto;



}







#feature .post h2 {



	position: absolute;



	z-index: 2;



	bottom: 0;



	left: 0;



	background: url(images/black-90.png);



	margin: 0;



	padding: 3px 0 0 0;



	font-size: 1.5em;



	-moz-border-radius-topRight: 7px;



	-webkit-border-top-right-radius: 7px;



	text-align: left;



	line-height: 1.1em;



	font-family: 'SansationLight', arial, sans-serif;



}







#feature .post h2 a {



	display: block;



	padding: .5em .85em;



	color: #fff;



}







#feature .post.video h2 {



	display: none;



}







#controls {



	border-bottom: 1px solid #a2a0a1;



	padding: 5px 0;



}







#controls #pager {



	float: left;



}







#controls #toggle {



	float: right;



	background: url(images/play-pause.png) top left no-repeat;



	background-position: 0 -6px;



	width: 30px;



	height: 6px;



	cursor: pointer;



}



#controls #toggle.resume {



	background-position: 0 0;



}







#pager a {



	display: block;



	text-indent: -9999px;



	overflow: hidden;



	width: 30px;



	height: 6px;



	background: url(images/black-10.png);



	float: left;



	margin: 0 6px 0 0;



}







#pager a.activeSlide {



	background: #000;



}







/* Feature .medium (with excerpts)



.................................*/







#feature.medium .post h2 {



	position: relative;



	font-size: 2em;



	background: none;



	margin: 0 0 .5em 0;



}







#feature.medium .post h2 a {



	padding: 0;



}







#feature.medium .post .text {



	float: left;



	width: 390px;



	height: 230px;



	background: #252525;



	color: #cccccc;



	padding: 30px;



	text-align: left;



}







#feature.medium .post .text p {



	font-size: 1.154em;



	line-height: 1.5em;



}







#feature.medium .post .text .go a {



	color: #27A2F2;



	border: 1px solid #27A2F2;



}







#feature.medium .post .text .go a:hover {



	color: #fff;



	border: 1px solid #fff;



}







#feature.medium .post img {



	float: left;



}











/* Templates layout



=================================*/







.front-page #middle.posts-page {



	padding: 3em 0 0 0;



}







.post,



#middle .page {



	margin: 0 0 3em 0;



}







.title {



	border-bottom: 1px solid #A2A0A1;



	margin: 0 0 .4em 0;



	position: relative;



}







.title h1,



.title h2 {



	padding: 0 0 .3em 0;



	margin: 0;



	color: #000;



	width: 500px;



	line-height: 1em;



}







.title .comments {



	position: absolute;



	bottom: .8em;



	right: 0;



	font-size: 0.846em;



	font-weight: bold;



	text-transform: uppercase;



	line-height: 1em;



	padding: .6em 0 0 0;



}







h1#page-title {



	border-bottom: 1px solid #A2A0A1;



	margin: 0 0 1em 0;



	padding: 0 0 .3em 0;



	line-height: 1em;



}







.single .title .comments {



	padding: 1.3em 0 0 0;



}







.title .comments a {



	color: #959595;



}







.title .comments a:hover {



	color: #000;



	text-decoration: none;



}







.meta {



	font-size: 0.923em;



	color: #959595;



	margin: 0 0 1em 0;



}







.meta a {



	color: #959595;



	text-decoration: underline;



}







.meta a:hover {



	color: #000;



}







.meta .dot.last {



	display: none;



}







.post .thumbnail {



	float: left;



	margin: 5px 15px 10px 0;



}







.post .thumbnail img {



	width: 90px;



	height: 90px;



}







.go a {



	display: block;



	float: right;



	clear: both;



	text-transform: uppercase;



	font-weight: bold;



	font-size: 0.846em;



	border: 1px solid #A2A0A1;



	padding: 3px 12px 2px 12px;



	-moz-border-radius: 4px;



	-webkit-border-radius: 4px;



}







.go a:hover {



	border: 1px solid #000;



}







#more-posts {



	clear: both;



	width: 900px;



}







#more-posts .toggle {



	padding: 0 0 .2em 0;



}







#more-posts .toggle.open {



	border-bottom: 1px solid #A2A0A1;



}







#more-posts .toggle a {



	display: block;



	float: left;



	font-size: .846em;



	font-weight: bold;



	text-transform: uppercase;



	color: #464646;



	cursor: pointer;



	background: url(images/icon-more-black-70.png) top left no-repeat;



	background-position: 0 6px;



	padding: 0 0 0 14px;



	line-height: 1.7em;



}







#more-posts .toggle.open a {



	background-position: 0 -8px;



}







#more-posts .thumbs {



	padding: 1.3em 0;



}







#more-posts li {



	float: left;



	padding: 0 14px 0 0;



	margin: 0 15px 0 0;



	border-right: 1px solid #e1e1e1;



	height: 125px;



}







#more-posts li.last {



	padding: 0;



	margin: 0;



	border: none;



}







.page-template-template-home-1-php #sidebar {



	margin-top: 2em;



}







#portfolio {



	margin: 0 0 1em 0;



	padding: 2em 0 0 0;



}







#portfolio .post {



	width: 280px;



	height: 260px;



	float: left;



	margin: 0 30px 2em 0;



}







#portfolio .post .title {



	padding: 0 0 .3em 0;



	margin: 0 0 1em 0;



	position: relative;



}







#portfolio .post h2 {



	position: absolute;



	bottom: 0;



	left: 0;



	padding: 0 0 .4em 0;



	margin: 0;



	font-size: 1.3em;



	width: 280px;



}







#portfolio .post img {



	margin: 0 0 .5em 0;



}







.home-content {



	margin: 0 0 4em 0;



	width: 900px;



}







h1.archive-title {



	-moz-border-radius:5px 5px 5px 5px;



	background:url("images/black-10.png") repeat scroll 0 0 transparent;



	margin: 0 0 2em 0;



	padding: .6em 15px .5em 15px;



	font-size: 1.3em;



}



















/* Widgets & Callouts



=================================*/







.widget {



	margin: 0 0 3em 0;



}







.widget h4,



.callout h4 {



	font-size: 1.3em;



	border-bottom: 1px solid #A2A0A1;



	padding: .2em 0 .3em 0;



	margin: 0 0 .5em 0;



	color: #000;



	font-family: 'SansationRegular', arial, sans-serif;



	font-weight: normal;



}







.callout .callout-image {



	margin: 0 0 .5em 0;



}







.callout p.go a,



.widget p.go a {



	float: left;



	clear: both;



}







.widget li {



	border-bottom: 1px solid #e1e1e1;



	padding: 0 0 .4em 0;



	margin: 0 0 .4em 0;



}







#sidebar .widget li {



	border-bottom: 1px solid #bfbfbf;



}







.widget_calendar table {



	width: 100%;



}



.widget_calendar table caption {



	border-bottom: 1px solid #A2A0A1;



    font-weight: bold;



    margin: -5px 0 5px;



    padding: 0 0 1px;



    text-align: center;



}



.widget_calendar table td,



.widget_calendar table th {



	padding: 2px;



	text-align: center;



}



.widget_calendar table th {



	font-weight: bold;



}



.widget_calendar table tfoot td {



	font-weight: bold;



	text-align: left;



}



.widget_calendar table tfoot td#next {



	text-align: right;



}







.widgets.three-col {



	clear: both;



}







.widgets.three-col .widget,



.widgets.three-col .callout {



	width: 280px;



	float: left;



	margin: 0 30px 4em 0;



}







.widgets.two-col .widget,



.widgets.two-col .callout {



	width: 435px;



	float: left;



	margin: 0 30px 4em 0;



}







.widget.widget_tag_cloud a {



	line-height: 1.5em;



	padding: 0 10px 0 0;



}







.widget #search {



	width: auto;



}







.widget #search input {



	width: 196px;



}







.widget #search input.submit {



	float: right;



	width: 16px;



}











/* Footer



=================================*/











#footer {



	background: #252525;



	color: #cccccc;



}







#footer .wrap {



	width: 930px;



	padding: 3em 0 3em 10px;



}







#footer a {



	color: #27a2f2;



}







#footer a:hover {



	color: #fff;



}







#footer .widgets {



	margin: 0 0 2em 0;



}







#footer .widget .go a {



	border: 1px solid #27A2F2;



}







#footer .widget .go a:hover {



	border: 1px solid #fff;



}







#footer .widgets.three-col .widget {



	margin-bottom: 2px;



}







#footer .widget li {



	border-bottom: 1px solid #3c3c3c;



}







#footer .widget.last {



	margin: 0;



}







#footer .widget h4 {



	border-bottom: 1px solid #676767;



	color: #fff;



}







#footer #end {


	border-top: 1px solid #676767;
	padding: 10px;
	color: #595959;
	width: 900px;


}



#footer #end a {

	color: #595959;
	text-decoration: underline;


}



#footer #end a:hover {


	color: #fff;

}


#footer #end p#copyright {


	margin: 0;
	font-weight: bold;
	padding-bottom: 5px;


}


#footer #end p#credit {


	margin: 0;
    font-size: .846em;
	padding-bottom: 5px;


}











/* Entry Content



=================================*/







.post #post-image {



	margin: 0 0 2em 0;



}







.post ul {



	list-style: disc;



	margin: 0 0 1.5em 2.5em;



}







.post ul ul {



	margin-bottom: 0;



}







.post ol {



	list-style: decimal;



	margin: 0 0 1.5em 2.5em;



}







.post ol ol {



	margin-bottom: 0;



}







blockquote {



	-moz-border-radius:5px 5px 5px 5px;



	background:url("images/black-10.png") repeat scroll 0 0 transparent;



	margin: 0 0 1em 0;



	padding: 1.5em 25px 1px 25px;



}







.alignleft {



	float: left;



	margin: 5px 15px 10px 0;



}







.alignright {



	float: right;



	margin: 5px 0 10px 15px;



}







.aligncenter,



.center {



	text-align: center;



	margin: 0 auto 1em auto;



	display: block;



}







p.wp-caption-text {



	margin: 0;



	font-size: .9em;



	font-style: italic;



}







.entry-navigation {



	margin: 0 0 2em 0;



	font-weight: bold;



}







.entry-navigation .previous-entry {



	float: left;



}







.entry-navigation .next-entry {



	float: right;



}







.tags a {



	display: block;



	padding: 3px 8px 2px 8px;



	float: left;



	margin: 0 8px 0 0;



	background: url(images/black-10.png);



	-moz-border-radius: 4px;



	-webkit-border-radius: 4px;



	text-transform: uppercase;



	font-weight: bold;



	font-size: .846em;



}







.gallery {



	margin: 0 0 1.5em 0 !important;



}







.gallery img {



	border: none !important;



}











/* Comments



=================================*/







h3#comments,



#respond h3 {



	border-bottom: 1px solid #A2A0A1;



	padding: 0 0 .5em 0;



}







.commentlist li {



	margin: 0 0 1.5em 0;



}







.commentlist li.comment.depth-1 {



	-moz-border-radius:5px 5px 5px 5px;



	background:url("images/black-10.png") repeat scroll 0 0 transparent;



	margin: 0 0 2em 0;



	padding: 1.5em 0 .5em 0;



}







.commentlist ul.children {



	padding: 1.5em 0 0 0;



}







.comment-avatar {



	float: right;



	margin: 0 0 0 20px;



}







.comment-avatar img {



	border: 1px solid #A2A0A1;



}







.comment-content {



	width: 540px;



	margin: 0 25px 1em 25px;



}







.comment-author {



	border-bottom: 1px solid #A2A0A1;



	margin: 0 0 1em 0;



}







.comment-author .comment-meta {



	float: left;



}







.comment-author .reply {



	float: right;



	font-weight: bold;



	font-size: .856em;



	text-transform: uppercase;



}







.comment-author .comment-date a {



	font-weight: normal;



	font-size: .856em;



	color: #959595;



}







.comment-author .author-name {



	font-size: 1.3em;



	font-weight: bold;



}







#respond input {



	border: 1px solid #d6d6d6;



	-moz-border-radius: 4px;



	-webkit-border-radius: 4px;



	background: #fff;



	padding: 7px 7px 6px 9px;



	width: 268px;



}







#respond input#submit {



	background:url("images/black-10.png") repeat scroll 0 0 transparent;



	border-bottom: 1px solid #A2A0A1;



	width: 135px;



	text-transform: uppercase;



	font-weight: bold;



	cursor: pointer;



	font-size: .856em;



}







#respond textarea {



	width: 576px;



	border: 1px solid #d6d6d6;



	-moz-border-radius: 4px;



	-webkit-border-radius: 4px;



	background: #fff;



	padding: 7px 7px 6px 9px;



}











#respond label {



	padding: 0 0 0 5px;



}