/*







Theme Name: SS|PR



Theme URI: 



Description:



Version:



Author: 







*/	











			/* Global Layout */











html



{



background: #f7f6f6;



}







body 



{



font-size: .75em;



margin: 0px;



text-align: center;



background: #ffffff url(img/bg.gif) top left repeat-x;



color: #8D8475;



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



}







#wrap



{



position: relative;



margin: auto;



width: 938px;



}















/* header */







#header



{



position: relative;



height: 114px;



background: url(img/logo.gif) top left no-repeat;	



}



























/* nav */







#nav



{



position: relative;



padding: 5px 0 0 4px;	



height: 35px;



font-size: 1.15em;



background: url(img/nbg.gif) bottom center no-repeat;



}







#nav li



{



position: relative;



float: left;



}







#nav li a



{



position: relative;



float: left;



height: 35px;



padding-right: 20px;



color: #fff;



}







#nav li a span



{



position: relative;



float: left;



display: block;



padding: 6px 0 0 20px;



height: 29px;



}







#nav li a:hover, #nav li a.active



{



background: url(img/navright.gif) top right no-repeat;	



}







#nav li a:hover span, #nav li a.active span



{



background: url(img/navleft.gif) top left no-repeat;



}











.navigation



{



text-align: center;



padding: 0 0 10px 0;



}







.alignleft, .alignright



{



font-size: 1.25em;



display: inline;



padding: 0 10px 0 10px;



}







.alignleft a, .alignright a



{



color: #000000;



}







.alignleft a:hover, .alignright a:hover



{



color: ffffff;



text-decoration: underline;



}



















/* page wrap */







#page



{



position: relative;



background: url(img/pbg.gif) top right repeat-y;



background-position: 661px 0;



}























/* content */







#content



{



position: relative;



float: left;



padding-top: 8px;



padding-right: 14px;



width: 647px;



text-align: left;



}







.feature



{



position: relative;



padding-bottom: 16px;	



}







.feature img



{



position: relative;



display: block;



}







.post



{



position: relative;



padding-bottom: 35px;	



}







.post a



{



color: #514537;



text-decoration: underline;



}







.post a:hover



{



color: #ffffff;



background: #fd8317;



}







#content h1



{



position: relative;



margin-bottom: 10px;



padding: 7px 0 0 52px;



height: 25px;



font-size: 1.25em;



font-weight: bold;



background: url(img/h1bg.gif) top left no-repeat;



}







#content h1 a



{



color: #8D8475;



background: none;



text-decoration: none;



}







#content h1 a:hover



{



color: #000000;



}







.post p



{



position: relative;



line-height: 1.5em;



padding: .75em 0 .75em 0;



}







.post h2, .post h3, .post h4



{



font-size: 1.2em;



font-weight: bold;



}







.post h4



{



margin: 0 0 8px 0;



}







#comment



{



width: 400px;



}







.post input



{



position: relative;



padding: 4px;



}







.commentlist li



{



position: relative;



margin-bottom: 10px;



padding: 10px;



background: #FAF9F7;



border: 1px solid #EAE9E8;



}







.nocomments



{



display: none;



}







.taggedlist3 .taggedlist3 li



{



position: relative;



margin-left: 12px;



padding: 3px 0 3px 12px;



background: url(img/tag3.gif) left center no-repeat;



}



















/* page category plus */







#pcp_page_5, #pcp_page_92, #pcp_page_6, #pcp_page_7, #pcp_page_63



{



display: none;



}



















/* sidebar */







#sidebar



{



position: relative;



float: left;



padding: 0 0 15px 0;



width: 260px;



text-align: left;



font-size: .9em;



background: #f5f3f1;



}







#sidebar h2, #lowersb h2



{



position: relative;



font-size: 1.15em;



font-weight: bold;



padding-bottom: 10px;



}







#sidebar li



{



padding: 3px 0 3px 0;



line-height: 1.5em;



}







#sblogo



{



position: relative;



height: 208px;



background: #fff url(img/logo2.gif) center no-repeat;



}







.shadeOne



{



position: relative;



padding: 8px;



background: #FAF9F7;



}







.shadeTwo



{



position: relative;



padding: 8px;



background: #F5F3F1;



}







.shadeThree



{



position: relative;



padding: 8px;



background: #FFF;



}

li.twitter-item
{

}


ul.twitter
{
	list-style-position:inside;
	list-style-type: inherit;
	list-style:inside;
}




#lowersb /* fixed from absolute, footer based , padding in sidebar */



{



position: absolute;



width: 260px;



right: 17px;



top: -275px;



height: 275px; /* 300 padding in sidebar */



background: #F4F3F1;



}







#lowersb a, #sidebar a



{



color: #8F8579;



text-decoration: underline;



}







#lowersb a:hover, #sidebar a:hover



{



color: #000000;



}







.taggedlist .taggedlist



{



margin-top: -6px;



}







.taggedlist .taggedlist li, #sidebar .taggedlist .taggedlist li



{



position: relative;



padding: 3px 0 3px 10px;



background: url(img/tag.gif) left center no-repeat;



}







.taggedlist2 .taggedlist2



{



margin-top: -6px;



}







.taggedlist2 .taggedlist2 li, #sidebar .taggedlist2 .taggedlist2 li



{



position: relative;



padding: 3px 0 3px 10px;



background: url(img/tag2.gif) left center no-repeat;



}











.bloglist li



{



position: relative;



padding: 3px 0 8px 10px;



}







#lowersb .bloglist span



{



display: block;



color: #FD8317;



}







.label



{



position: relative;



float: left;



padding-top: 3px;



width: 42px;



font-size: 1.05em;



}







.txt



{



position: relative;



float: left;



width: 170px;



padding: 2px;



border: 1px solid #D2CBC3;



margin-bottom: 7px;



}







.submit



{



position: relative;



padding: 3px 7px 3px 7px;



background: #AEA69B;



color: #fff;



text-decoration: underline;



border: 0px;



margin-left: 166px;



}



























/* footer */







#foot



{



position: relative;



height: 53px;



background: url(img/footbg.gif) top left;



}







#footer



{



position: relative;



padding-top: 18px;



margin: auto;



width: 938px;



font-size: .9em;



text-align: left;



}







#footer .nav



{



position: relative;



float: left;



}







#footer ul.nav li



{



position: relative;



float: left;



padding-right: 8px;



}







#footer ul.nav li a



{



position: relative;



float: left;



color: #8F8579;



text-decoration: underline;



}







#designed



{



position: relative;



float: right;



color: #8F8579;



text-decoration: underline;



}















			/* Contact Form */







#contact_form_container



{



width: 500px;



margin: 10px 0 10px 0;



}







#contact_name



{



margin: 0 0 10px 0;



float: left;



}







#contact_name input



{



margin: 0;



width: 190px;



border: 1px solid #908475;



}







#contact_email



{



margin: 0 0 10px 0;



float: right;



}







#contact_email input



{



margin: 0;



width: 200px;



border:1px solid #908475;



}







#contact_message



{



margin: 0 0 10px 0;



}







#contact_message textarea



{



width: 488px;



height: 100px;



border: 1px solid #908475;



padding: 5px;



}







.formValidationError



{



color: #000000;



text-align: center;



padding: 5px;



margin-bottom: 5px;



background: #FFCCFF;



border: 1px solid #FF0000;



}







#contact_submit



{



text-align: right;



}







#contact_submit input



{



font-weight: bold;



}







.formSuccessMessage



{



padding: 20px;



color: #000000;



font-size: 1.25em;



text-align: center;



background: #ccffcc;



border: 1px solid #00ff00;


}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}