/*

Theme Name: Smith And Anderson WP

Theme URI: http://live.rockingthemes.com/saa-wp/

Description: It's not just a theme, its your identity.

Author: Francois Marais

Author URI: http://twitter.com/francoisamarais

Version: 2.0



.

This theme can be used for commercial or non-commercial use

so long as it is not redistributed or resold in any way.

.



*/



/*

	Francois Marais

	http://rockingthemes.com

	http://twitter.com/francoisamarais

	http://themeforest.net/user/Afflict

*/



/*Reset*/



* { margin:0; padding:0;}

p { margin:5px 0 10px 0; }



/*Typography*/



h1 {

	font-size:42px;

}

h2 {

	font-size:26px;

}

h3 {

	font-size:18px;

}

h4 {

	font-size:14px;

}

h5 {

	font-size:12px;

}

h6 {

	font-size:14px;

}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{

	color:#06263c;

	text-decoration:none;

}



h1, h2, h3, h4, h5, h6{

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#06263c;

	margin-bottom:5px;

	font-weight:normal;

	line-height:normal;

}



blockquote{

	margin-left:20px;

	border-left:6px solid #dddddd;

	padding-left:10px;

	width:500px;

	margin-top:10px;

	margin-bottom:10px;

}



strong{

	font-weight:bold;

}



hr{

	border-top:#06263c 1px solid;

}



a{

	/*color:#06263c;*/

	color:#06263c;

	text-decoration:underline;

}



a:hover{

	/*color:#CC0000;*/

	color:#cc0000;

}



a:visited{

	text-decoration:none;

}



small{

	color:#666666;

	font-size:11px;

	float:left;

        width:200px;

}



ul{

	list-style:inside disc;

	margin-left:20px;

	margin-top:5px;

}



ul li ul{

	margin-left:30px;

	list-style:inside circle;

	margin-bottom:5px;

}



ol{

	list-style:inside decimal;

	margin-left:20px;

	margin-top:5px;

}



ol li ol{

	margin-left:30px;

	list-style:inside decimal;

	margin-bottom:5px;

}



.pullquote {

	width: 30%;

	float:right;

	font-size:16px;

	font-weight:bold;

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#06263C;

	line-height:140%;

	margin:10px;

	background: url(images/closequote.png) no-repeat bottom right !important;

	background /**/:url(); /* removing quote graphic in IE5+ */

	padding:0px 25px 5px 10px;

}



.pullquote p:first-letter {

	background: url(images/openquote.png) no-repeat left top !important;

	padding:5px 2px 10px 35px!important;

}



.clear {

	clear:both;

}



.linkbox{

	background:url(images/arrow.png) no-repeat;

	padding:0px 0px 0px 20px;

}



.linkbox:hover{

	background:url(images/arrow2.png) no-repeat;

	padding:0px 0px 0px 20px;

}



/*force sidebar*/

html { height: 100%; margin-bottom: 1px; }



body {

	margin:0px auto; 

	padding:0px;

	font-family:Geneva, Arial, Helvetica, sans-serif;

	color:#333333;

	background:#F0F0F0 url(images/main_bg.png) repeat-x scroll ;

}



/*PAGE WRAPPER*/



#wrapper{

	margin:0 auto;

	text-align:center; /* Fixes IE 6 insisting to move everything to center */

	

}



.container{

	width:960px;

	margin:0px auto;

	position:relative;

}





/*TOP NAVIGATION*/

#nav{

	text-align:left;

	padding-left:20px;

	padding-top:2px;

	padding-bottom:20px;

}



#nav li a{

	text-decoration:none;

	color:#FFFFFF;

}



#nav li a:hover{

	text-decoration:none;

}



#nav a:visited{

	color:#FFFFFF;

}



/*Lava*/





.lavaLampWithImage {

	position: relative;

	height: 29px;

	/*width:600px;*/

	padding: 5px;

	margin:0px;

	overflow:visible;

}

.lavaLampWithImage li {

	float: left;

	list-style: none;

}

.lavaLampWithImage li.back {

	background: url(images/lava_gold.png) no-repeat right -30px;

	width: 9px; 

	height: 30px;

	z-index: 8;

	position: absolute;

}

.lavaLampWithImage li.back .left {

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

	height: 30px;

	margin-right: 11px; /* 7px is the width of the rounded shape */

}

.lavaLampWithImage li a {

	font: bold 14px arial;

	outline: none;

	text-align: center;

	top: 7px;

	text-transform: uppercase;

	letter-spacing: 0;

	z-index: 10;

	display: block;

	float: left;

	height: 30px;

	position: relative;

	overflow: hidden;

	margin: auto 10px;  

}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {

	border: none;

	color: #fff;

	

}





/*HEADER*/



#header {

	background:transparent url(images/Logo.png) no-repeat left;

	text-indent:-9999px;

	height:110px;

	width:80%;

	float:left;

}



#header_right{

	float:left;

	width:20%;

}



/*BREAD CRUMB */

#breadcrumbs{

	font-size:11px;

	list-style:none;

	margin:0px;

	padding:0px 0px 5px 30px;

	height:15px;

}



#breadcrumbs li{

	list-style:none;

	float:left;

	padding-left:10px;

	line-height:2.3em;

	color:#666;

}



#breadcrumbs li a {

	display:block;

	padding:0 15px 0 0;

	background:url(images/crumbs.png) no-repeat right center;

}



#breadcrumbs li a:link, #breadcrumbs li a:visited {

	text-decoration:none;

	color:#06263C;

}



#breadcrumbs li a:hover, #breadcrumbs li a:focus {

	color:#cc0000;

}



/*FEATURE*/



#featurewrap{

	background:transparent url(images/featblock2.png) no-repeat center;

	height:240px;

	width:960px;

	padding:10px 0px 10px 0px;

}





.jc-container{

	height:200px;

	width:900px;

	margin:0 auto;

	z-index:2;

	overflow:hidden !important;

}



.auto{

	margin-top:20px;

	width:900px;

	height:200px;

	overflow:hidden !important;

}

/*CONTENT*/



#content{

	width:960px;

	margin:0px auto;

	background:transparent url(images/pagetop.png) no-repeat center top;

	padding:20px;

	font-size:13px;

	line-height:1.7em; 

}



.hang{

	height:9px;

	width:17px;

	position:absolute;

	background:url(images/hang.png) no-repeat;

	left:941px;

	top:-9px;

}





/*INDEX PAGE MAIN CONTENT*/ 

ul#main-content{

	list-style:none;

	text-align:left; 

	width:600px;

	float:right;

	padding:15px;

	

}



ul#main-content li{

	width:300px;

	min-height:100px;

	float:left;

	margin-bottom:20px;

	display:inline;

}



ul#main-content li p{

	width:280px;

	margin:5px;

}



.iconimage{

	float:left;

	width:48px;

	height:48px;

	margin-right:5px;

}



ul#main-content li h2, ul#main-content li p{

	float:left;

}





/* PAGE CONTENT */

#page-content{

	background:#ffffff;

	text-align:left; 

	width:600px;

	float:left;

	border:1px solid #dddddd;

	padding:26px;

}



.blog-head{

	padding-bottom:10px;

	width:600px;

	float:left;

}



.blog-head small{

	margin:0px 0px 10px 0px;

	width:540px;

}

.blog-head small a{

	color:#cc0000;

}



.blog-head small a:hover{

	text-decoration:underline;

}



/* PORTFOLIO and BLOG PAGE */



#portfolio-content{

	background:#ffffff;

	text-align:left; 

	width:600px;

	float:left;

	border:1px solid #dddddd;

	padding:26px;

}



#portfolio-content ul{

	list-style:none;

	margin:0px;

	padding:0px;

}



#portfolio-content  li{

	/*padding-top:0px;*/

}



#portfolio-content  p{

	padding-bottom:10px;

}



#portfolio-content  h2{

	width:540px;

}



/* POSTS */ 



.blog-post li{

	float:right;

	margin-bottom:20px;

	padding-bottom:10px;

	border-bottom:1px dotted #ccc;

}



.port-post li{

	float:right;

	margin-bottom:20px;

	padding-bottom:10px;

	border-bottom:1px dotted #ccc;

}



.port-post small{

	width:540px;

}



ul.archive{

	list-style:none;

}





/* Gallery Posts

-------------------------*/

ul.gallery-post{

	list-style:none;

}



ul.gallery-post li{

	float:left;

	width:180px;

	height:120px;

	overflow:hidden;

	margin:5px;

	background:#ffffff;

	padding-top:3px;

	padding:3px 3px 3px 3px;

	border:1px solid #cccccc;

}



ul.gallery-post li:hover{

	text-decoration:underline;

}







/* IMAGE POSITIONS */



.imgleft{

	border:2px solid #999;

	float:left;

	margin:2px 15px 2px 0px;

	padding:3px;

}



.imgright{

	border:2px solid #999;

	float:right;

	margin:2px 0px 2px 15px;

	padding:3px;

}



.imgtop{

	border:2px solid #999;

	padding:3px;

	margin:10px auto;

	width:590px;

	overflow:hidden;

}



/* Post Navigation Styling

----------------------------*/

#posts_navigation{

	width:600px;

	float:left;

}



.alignleft{

	float:left;

	width:300px;

	text-align:left;

}



.alignright{

	float:right;

	width:300px;

	text-align:right;

}



/*CONTACT PAGE*/



#failure{

	color:#cc0000;

}



#success{

	color:#cc0000;

}



#contact_form label {

	clear:both;

	float:left;

	margin-top:15px;

	width:120px;

}



#name, #email,#contact_form textarea {

	background:#ffffa0 none repeat scroll 0 0 !important;

	border:1px solid #dede5f;

	float:left;

	margin-top:15px;

	padding:5px;

	width:300px;

}



#submit {

	clear:both;

	float:left;

	margin-left:120px;

	margin-top:15px;

}



#name:focus, #email:focus, #contact_form textarea:focus, #name:hover, #email:hover, #contact_form textarea:hover {

	border:1px solid #999999;

	background:#eeeeee !important;

}



.submit {

	background:#06263C;

	float: left;

	padding:5px;

	border:1px solid #cccccc;

	cursor:pointer;

	color:#ffffff;

	margin:15px 200px 0px 120px;

}



.submit:hover {

	background:#cc0000;

	float: left;

	padding:5px;

	border:1px solid #666666;

	cursor:pointer;

	margin:15px 200px 0px 120px;

}



#search {

	background:#eeeeee none repeat scroll 0 0;

	border:1px solid #999999;

	float:left;

	margin-top:5px;

	margin-bottom:15px;

	padding:5px;

	width:180px;

}



/* COMMENTS */



#comments{

	border-top:1px solid #cccccc;

	margin:10px auto;

}





.commentblock li{

	margin:10px auto;

	padding-bottom:10px;

	width:600px;

	border-bottom:1px dotted #cccccc;

}



.commentblock {

	list-style:none;

	width:600px;

}



.cimg{

	width:50px;

	height:50px;

	float:left;

	border:2px solid #666666;

}



.ctxt{

	width:500px;

	padding-left:10px;

	float:left;

}



.ctxt em{

	color:#FF0000;

}





.ctxt p{

	margin:0px;

	padding:0px;

}



.comments label{

	clear:both;

	float:left;

	margin-top:15px;

	width:120px;

}



#cname, #cemail, #curl, .comments textarea {

	background:#ffffa0 none repeat scroll 0 0 !important;

	border:1px solid #dede5f;

	float:left;

	margin-top:15px;

	padding:5px;

	width:300px;

}



#cname:focus, #cemail:focus, #curl:focus, .comments textarea:focus, #cname:hover, #cemail:hover, #curl:hover, .comments textarea:hover {

	border: 1px solid #999999;

	background:#eeeeee none repeat scroll 0 0 !important;

}







/*SIDEBAR*/



#sidebar{

	text-align:left; 

	padding:15px 25px 30px 40px;

	width:240px;

	float:left;

	font-size:13px;

	line-height:1.7em; 

}



#sidebar small{

	text-align:right;

	width:230px;

	padding:2px 0px 2px 0px;

}



.sbimage{

	float:left;

	width:24px;

	height:24px;

	margin-right:5px;

}



.sidebarpost{

	padding-bottom:10px;

	font-size:14px;

}



.sidebarpost img{

	padding:4px;

	border:1px solid #cccccc;

	background:#ffffff;

}



.sidebarpost h2{

	color:#06263c;

	padding-bottom:5px;

	font-size:18px;

	border-bottom:1px solid #cccccc;

}



ul.side-content{

	list-style:none;

	list-style-position:outside;

}



ul.side-content li{

	font-size:14px;

	padding-bottom:2px;



}



ul.side-content li a{

	padding:5px;

	color:#333333;

	display:block;

	text-decoration:none;

	line-height:1.3;

	

}



ul.side-content li a:hover{

	background:#cccccc;

}



/* Widget Sidebar

-----------------------------------------*/

ul.widgetlist{

	list-style:none;

	list-style-position:outside;

        margin:0px;

	padding:0px;

	clear:both;

}



ul.widgetlist li{

	margin-bottom:20px;

}



widget{

	font-size:14px;

	padding-bottom:2px;

}



.widgettitle{

	color:#06263c;

	padding-bottom:5px;

	font-size:18px;

	border-bottom:1px solid #cccccc;

}



li.widget ul{

	list-style:none;

	list-style-position:outside;

	margin-left:20px;

}



li.widget ul li{

	font-size:14px;

	padding-bottom:2px;

        margin-bottom:0px;

}



li.widget ul li a{

	padding:5px;

	color:#333333;

	display:block;

	text-decoration:none;

	line-height:1.3;



}



li.widget ul  li a:hover{

	background:#cccccc;

}





/* Widget Search

-----------------*/



#s{

	margin-left:0px;

	/*background:#ffffa0 none repeat scroll 0 0 !important;*/

	background:#ffffff none repeat scroll 0 0 !important;

	/*border:1px solid #dede5f;*/

	border:1px solid #999999;

	float:left;

	margin-top:6px;

	padding:1px;

}



#s:focus, #s:hover{

	border:1px solid #999999;

	background:#ffffff !important;

}



#search_submit{

	background:#06263C;

	margin-top:5px;

	margin-left:3px;

	padding:1px;

	height:22px;

	width:60px;

	border:1px solid #cccccc;

	cursor:pointer;

	color:#ffffff;

}



#search_submit:hover {

	background:#cc0000;

	margin-top:5px;

	margin-left:3px;

	padding:1px;

	border:1px solid #666666;

	cursor:pointer;

}



/*FOOTER*/



#footer{

	background:#f0f0f0 url(images/footer_block.png) no-repeat center;

	height:120px;

	padding-bottom:30px;

	font-size:11px;

	color:#666666;

	width:960px;

	margin:0px auto;

}



#footer p{

	padding-top:80px;

}



#footer a{

	color:#06263C;

}



#footer a:hover{

	color:#cc0000;

	text-decoration:underline;

}