/*
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: 18px;  /* PiPPi, from 26px */
}

h3 {
	font-size: 18px;
}

h4, h6 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, #breadcrumbs li a:link, #breadcrumbs li a:visited{
	color: #06263c;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6{
	color: #06263c;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 5px;
}

blockquote{
	border-left: 6px solid #dddddd;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-top: 10px;
	padding-left: 10px;
	width: 500px;
}

strong{
	font-weight: bold;
}

hr{
	border-top: 1px solid #777777; /* PiPPi, from #06263c 1px solid */
	margin-bottom: 8px; /* PiPPi, added for Firefox compatibility */
	margin-top: 8px /* PiPPi, added for Firefox compatibility */
}

a{
	/*color:#06263c;*/
	color: #06263c;
	text-decoration: underline;
}

a:hover, #breadcrumbs li a:hover, #breadcrumbs li a:focus, .blog-head small a, #failure, #success{
	/*color:#CC0000;*/
	color: #cc0000;
}

small{
	color: #666666;
	float: left;
	font-size: 11px;
}

ul{
	list-style: inside disc;
	margin-left: 20px;
	margin-top: 5px;
}

ul li ul{
	list-style: inside circle;
	margin-bottom: 5px;
	margin-left: 30px;
}

ol{
	list-style: inside decimal;
	margin-left: 20px;
	margin-top: 5px;
}

ol li ol{
	list-style: inside decimal;
	margin-bottom: 5px;
	margin-left: 30px;
}

.pullquote {
	background: url(images/closequote.png) no-repeat bottom right !important;
	color: #06263C;
	float: right;
	font: bold 16px/140% Georgia, "Times New Roman", Times, serif;
	margin: 10px;
	padding: 0px 25px 5px 10px;
	width: 30%;
}

.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 {
	background: #F0F0F0 url(images/main_bg.png) repeat-x scroll;
	color: #333333;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin: 0px auto;
	padding: 0px;
}


/*PAGE WRAPPER*/

#wrapper{
	margin: 0 auto;
	text-align: center;/* Fixes IE 6 insisting to move everything to center */
}

.container{
	margin: 0px auto;
	position: relative;
	width: 960px;
}


/*TOP NAVIGATION*/

#nav{
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 2px;
	text-align: center; /* PiPPi, from "left" */
}

#nav li a{
	color: #FFFFFF;
	text-decoration: none;
}

#nav li a:hover{
	text-decoration: none;
}

#nav a:visited{
	color: #FFFFFF;
}


/*Lava*/

.lavaLampWithImage {
	height: 29px;
	margin: 0px;
	overflow: visible;
	position: relative;
	/* padding: 5px; PiPPi does not work with new Logo-banner */
	width: 105%; /* PiPPi for IE6 */
	margin-left: auto; /* PiPPi for center */
	margin-right: auto; /* PiPPi for center */
	margin-left: 75px; /* PiPPi for center */
	/* margin-top: 0px; PiPPi */
	/* width:600px; */

/* original
	height: 29px;
	margin: 0px;
	overflow: visible;
	padding: 5px;
	position: relative;
	- width:600px; -
*/
}

.lavaLampWithImage li {
	float: left;
	list-style: none;
}

.lavaLampWithImage li.back {
	background: url(images/lava_gold.png) no-repeat right -30px;
	height: 30px;
	position: absolute;
	width: 9px;
	z-index: 8;
}

.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 {
	display: block;
	float: left;
	font: bold 14px arial;
	height: 30px;
	letter-spacing: 0;
	margin: auto 10px;
	outline: none;
	overflow: hidden;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	top: 7px;
	z-index: 10;
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
	border: none;
	color: #fff;
}


/*HEADER*/

#header {
	background: transparent url(images/Logo.jpg) no-repeat center;
	float: left;
	height: 115px;  /* PiPPi, from 110px so new banner fits */
	text-indent: -9999px;
	width: 100%; /* PiPPi, from 80% so new banner fits */
}

#header_right{
	float: left;
	width: 20%;
}


/*BREAD CRUMB */

#breadcrumbs{
	font-size: 11px;
	height: 15px;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 5px 30px;
}

#breadcrumbs li{
	color: #666;
	float: left;
	line-height: 2.3em;
	list-style: none;
	padding-left: 10px;
}

#breadcrumbs li a {
	background: url(images/crumbs.png) no-repeat right center;
	display: block;
	padding: 0 15px 0 0;
}

#featurewrap{
	background: transparent url(images/featblock2.png) no-repeat center;
	height: 200px; /* PiPPi from 240px för att dra ihop filmstrippen med headers */
	padding: 10px 0px 10px 0px;
	width: 960px;
}

.jc-container{
	height: 200px;
	margin: 0 auto;
	overflow:hidden !important;
	width: 900px;
	z-index: 2;
}

.auto{
	height: 200px;
	margin-top: 0px /* PiPPi, from 20px to position the filmstrip */;
	overflow:hidden !important;
	width: 900px;
}

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

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


/*CONTENT*/

#content{
	background: transparent url(images/pagetop.png) no-repeat center top;
	font-size: 13px;
	line-height: 1.3em; /* PiPPi from 1.7em, to tighten upp text on start page */
	margin: 0px auto;
	min-height: 240px;
	padding: 20px;
	width: 960px;
}

.hang{
	background: url(images/hang.png) no-repeat; /* PiPPi hang.png bortplockad */
	height: 9px;
	left: 941px;
	position: absolute;
	top: -9px;
	width: 17px;
}


/*INDEX PAGE MAIN CONTENT*/

ul.main-content{
	float: right;
	list-style: none;
	padding: 15px;
	text-align: left;
	width: 600px;
}

ul.main-content h2{
	float: left;
	width: 220px;
}

ul.main-content li{
	display: inline;
	float: left;
	margin-bottom: 20px;
	min-height: 100px;
	width: 300px;
}

ul.main-content li p{
	clear: both;
	float: left;
	margin: 5px;
	width: 280px;
}

.iconimage{
	float: left;
	height: 48px;
	margin-right: 5px;
	overflow: hidden;
	width: 48px;
}


/* PAGE CONTENT */

#page-content, #portfolio-content{
	background: #ffffff;
	border: 1px solid #dddddd;
	float: left;
	padding: 25px; /* PiPPi from 26px, regular page content */
	text-align: left;
	width: 600px;
}

.blog-head{
	float: left;
	padding-bottom: 10px;
	width: 600px;
	/* removed by PiPPi: width: 600px; */
}

.blog-head small{
	margin: 0px 0px 10px 0px;
	width: 540px;
}

.blog-head small a:hover, ul.gallery-post li:hover{
	text-decoration: underline;
}


/* PORTFOLIO and BLOG PAGE */

#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, .port-post small{
	width: 540px;
}


/* POSTS */

.blog-post li, .port-post li{
	border-bottom: 1px dotted #ccc;
	float: right;
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 600px; /* added by PiPPi to fix IE7 blog-post issue */
}

ul.archive, ul.gallery-post, ul.side-content{
	list-style: none;
}


/* Gallery Posts -------------------------*/

ul.gallery-post li{
	background: #ffffff;
	border: 1px solid #cccccc;
	float: left;
	height: 120px;
	margin: 5px;
	overflow: hidden;
	padding: 3px 3px 3px 3px;
	padding-top: 3px;
	width: 180px;
}

.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;
	margin: 10px auto;
	overflow: hidden;
	padding: 3px;
	width: 590px;
}


/* Post Navigation Styling ----------------------------*/

#posts_navigation{
	float: left;
	width: 600px;
}

.alignleft{
	float: left;
	text-align: left;
	width: 300px;
}

.alignright{
	float: right;
	text-align: right;
	width: 300px;
}


/*CONTACT PAGE*/

#contact_form label, .comments label {
	clear: both;
	float: left;
	margin-top: 15px;
	width: 120px;
}

#name, #email,#contact_form textarea, #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;
}

#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 {
	background:#eeeeee !important;
	border: 1px solid #999999;
}

.submit {
	background: #06263C;
	border: 1px solid #cccccc;
	color: #ffffff;
	cursor: pointer;
	float: left;
	margin: 15px 200px 0px 120px;
	padding: 5px;
}

.submit:hover {
	background: #cc0000;
	border: 1px solid #666666;
	cursor: pointer;
	float: left;
	margin: 15px 200px 0px 120px;
	padding: 5px;
}

#search {
	background: #eeeeee none repeat scroll 0 0;
	border: 1px solid #999999;
	float: left;
	margin-bottom: 15px;
	margin-top: 5px;
	padding: 5px;
	width: 180px;
}


/* COMMENTS */

#comments{
	border-top: 1px solid #cccccc;
	margin: 10px auto;
}

.commentblock li{
	border-bottom: 1px dotted #cccccc;
	margin: 10px auto;
	padding-bottom: 10px;
	width: 600px;
}

.commentblock {
	list-style: none;
	width: 600px;
}

.cimg{
	border: 2px solid #666666;
	float: left;
	height: 50px;
	width: 50px;
}

.ctxt{
	float: left;
	padding-left: 10px;
	width: 500px;
}

.ctxt em{
	color: #FF0000;
}

.ctxt p{
	margin: 0px;
	padding: 0px;
}

#cname:focus, #cemail:focus, #curl:focus, .comments textarea:focus, #cname:hover, #cemail:hover, #curl:hover, .comments textarea:hover {
	background:#eeeeee none repeat scroll 0 0 !important;
	border: 1px solid #999999;
}


/*SIDEBAR*/

#sidebar{
	float: left;
	font-size: 13px;
	line-height: 1.2em; /* PiPPi from 1.7em line spacing in side bar */
	padding: 15px 20px 30px 35px;  /* PiPPi from 15px 25px 30px 40px spacing in side bar to fix IE6 issue*/
	text-align: left;
	width: 240px;
}

#sidebar small{
	padding: 2px 0px 2px 0px;
	text-align: right;
	width: 230px;
}

.sbimage{
	float: left;
	height: 24px;
	margin-right: 5px;
	width: 24px;
}

.sidebarpost{
	font-size: 13px; /* PiPPi, from 14px */
	padding-bottom: 10px;
}

.sidebarpost img{
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 4px;
}

.sidebarpost h2, .widgettitle{
	border-bottom: 1px solid #cccccc;
	color: #06263c;
	font-size: 18px;
	padding-bottom: 5px;
}

ul.side-content li, .widget{
	font-size: 14px;
	padding-bottom: 2px;
}

ul.side-content li a, li.widget ul li a{
	color: #333333;
	display: block;
	line-height: 1.3;
	padding: 5px;
	text-decoration: none;
}

ul.side-content li a:hover, li.widget ul li a:hover, #wp-calendar tbody td:hover{
	background: #cccccc;
}


/* Widget Sidebar -----------------------------------------*/

ul.widgetlist{
	clear: both;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.widgetlist li{
	margin-bottom: 20px;
}

li.widget ul{
	list-style: none;
	margin-left: 20px;
}

li.widget ul li{
	font-size: 14px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

#wp-calendar{
	width: 100%;
}

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

caption{
	color: #666666;
}

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

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


/* Widget Search -----------------*/

#s{
	background:#ffffff none repeat scroll 0 0 !important;
	/*border:1px solid #dede5f;*/
	border: 1px solid #999999;
	float: left;
	margin-left: 0px;
	/*background:#ffffa0 none repeat scroll 0 0 !important;*/
	margin-top: 6px;
	padding: 1px;
}

#s:focus, #s:hover{
	background:#ffffff !important;
	border: 1px solid #999999;
}

#search_submit{
	background: #06263C;
	border: 1px solid #cccccc;
	color: #ffffff;
	cursor: pointer;
	height: 22px;
	margin-left: 3px;
	margin-top: 5px;
	padding: 1px;
	width: 60px;
}

#search_submit:hover {
	background: #cc0000;
	border: 1px solid #666666;
	cursor: pointer;
	margin-left: 3px;
	margin-top: 5px;
	padding: 1px;
}


/*FOOTER*/

#footer{
	background: #f0f0f0 url(images/footer_block.png) no-repeat center;
	color: #666666;
	font-size: 11px;
	height: 80px; /* PiPPi, from 120px för att tajte upp footern */
	margin: 0px auto;
	padding-bottom: 0px;  /* PiPPi, from 30px för att tajta upp footern */
	width: 960px;
}

#footer p{
	padding-top: 80px;
}

#footer a{
	color: #06263C;
}

#footer a:hover{
	color: #cc0000;
	text-decoration: underline;
}