/*

Theme Name: Smith And Anderson WP v5

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: 5



.

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
	
	Note: Probably the final release of this theme. Alot of custom work has been done for various clients per request.
	Additional custom work can be done but charged at my hourly rate please contact me on afflict85@gmail.com

*/



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

}






small{

	color:#666666;

	font-size:11px;

	float:left;


}



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;

}


.awesome{
	list-style:none;
	margin:0px;
}

ul.awesome li{
	width:900px;
	height:180px;
}

/*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; 
	
	min-height:240px;

}



.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 h2{

	width:220px;

        float:left;
}

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;

        float:left;

	clear:both;

}



.iconimage{

	float:left;

	width:48px;

	height:48px;

	margin-right:5px;
	
	overflow:hidden;

}


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


#wp-calendar{
	width: 100%;
}

#today{
	border:1px solid #999999;
	color:#06263C;
}

caption{
	color:#666666;
}

#wp-calendar tbody td:hover {
	background:#cccccc;
}

#wp-calendar thead tr th{
	color:#06263C;
	border-bottom:1px solid #06263C;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#wp-calendar td, th{
	font-weight:normal;
	text-align:center;
	cursor:default;
}


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

}