/*
Theme Name: St Petersburg Auto Accident Lawyer
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: SI
Author URI: http://wordpress.org/
Description: Custom theme for stpetersburgautoaccidentlawyer.com
Version: 1
License: GNU General Public License
License URI: license.txt
Tags: 
*/

/****************************** Main CSS ******************************/
table, tr, td, div, img, form, object, embed, h1, h2, h3, h4, h5, h6, h7, h8, p, ul, ol, li, cite, a, blockquote{
	border-width: 0;
	margin: 0;
	padding: 0;
}

body { 
   	background:#004d82 url(../images/page_bg.gif) 0 0  repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#453118;
	text-align:center;
	margin: 0;
	padding: 0;
}


a{
color: #048dd2;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.invisible{
display:none;
}

.clear{
clear:both;
}

form p, form{
font-size:11px;
}

form p{
padding: 2px 0px 5px 0px;
}

#page_container{
    width: 980px;
	margin:0 auto;
	text-align:left;
}
/****************************** Flash_mc / contact header ******************************/

#flash_contact{
width:980px;
height:249px;
}

#flash_mc{
width:644px;
float:left;
}

#contact_header{
float:right;
height:249px;
width:335px;
background:url("../images/contact_bg.jpg") repeat-x;
text-align:center;
color:#fff;
border-left:1px solid #145384;

}

#contact_header h2{
padding:10px 0px 0px 0px;
}

#contact_header form{
	padding-top:15px;
}
#contact_header input, #contact_header textarea{
border:1px solid #bccad3;
color:#999;
font-size:14px;
width:215px;
padding:5px 5px 0 5px;
height:17px;
font-family:Arial, Helvetica, sans-serif;
background:#f0f0f0;
}
#contact_header textarea{
height:50px;
}

#contact_header input.submitbutton{
width:120px;
height:35px;
border:0;
background: url("../images/button_bg.gif") no-repeat;
font-size:15px;
color:#fff;
padding:0px;
cursor:pointer;
}

#header-report {
background: #164072;
float: right;
height: 246px;
margin: 0;
padding: 0;
position: relative;
width: 335px;
}
#header-report h3 {
background: url('../images/free-book-banner.png') no-repeat 0 0;
display: block;
height: 95px;
position: absolute; top: 0; left: 0;
text-indent: -999em;
width: 95px;
}
#header-report img {
display: block;
margin: 20px auto 10px;
text-align: center;
}
#header-report a.button {
background: url('../images/free-book-button.png') no-repeat 0 0;
clear: both;
display: block;
height: 52px;
margin: 0 auto;
text-indent: -999em;
width: 172px;
}

/****************************** utility links ******************************/
.utilbar{
list-style-type: none;
color:#91acce;
text-align:right;
font-size:11px;
width:315px;
padding-left:640px;
padding-top:12px;
position:absolute;
height:19px;
}

.utilbar ul{
display:inline;
}

.utilbar li{
display: inline;
}

.utilbar li a{
color:#91acce;
padding:0px 4px 0 2px;
text-decoration: none;
}

.utilbar li a:hover{
text-decoration:underline;
}

#reports .utilbar, #messages .utilbar, #directions .utilbar, #contact .utilbar{
position:relative;
}

/****************************** content containers ******************************/
.columns{
background:#fff url(../images/container_top.gif) 0 0 no-repeat;
width:950px;
padding:15px;
}

.columns:after, 
.columns:before {
	content: " ";
	display: table;
}

.columns:after {
	clear: both;
}

/****************************** top navigation ******************************/
.navholder{
clear:both;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
height:44px;
border-bottom:1px solid #145384;
background:url(../images/nav_bg.gif) 0 0 no-repeat;
}

.navholder ul{
list-style-type: none;
text-align:center;
}

.navholder li{
display:inline;
}

.navholder a {
padding:14px 27px 9px 27px;
color:#f8eedc;
display:block;
font-weight:bold;
float:left;
text-decoration:none;
background:url(../images/nav_divider.gif) 100% 50% no-repeat;
}

.navholder a:hover{
color:#00a0f6;
text-decoration:none;
}

.navholder a.messages{
background:none;
}

.interactive{
background:url(../images/criminaldefense.gif) 0 100% no-repeat;
padding-bottom:56px;
margin-bottom:8px;
}

/****************************** left column ******************************/
#left{
clear:both;
float:left;
width:190px;
text-align:left;
font-size:12px;
min-height:200px;
}

.box, #reports #quick_contact #minicontact{
border:1px solid #e1d7ca;
margin-bottom:20px;
}

#reports #quick_contact #minicontact{
padding-top:8px;
}

.contactbox{
border:1px solid #e1d7ca;
background:#f8eedc;
}

#left h2, #left h3, #quick_contact h3, #quick_contact h2{
clear:both;
padding: 10px 0px 2px 10px;
text-transform:uppercase;
color:#fff;
background: url(../images/sideheader.gif) 0 0 no-repeat;
text-align:left;
font-size:18px;
}

#left h3 img{
margin-left:40px;
}

#quick_contact h2.freeconsultation{
background:url(../images/freeconsultation.gif) 0 0px no-repeat;
height:66px;
}

.attention{
text-transform:uppercase;
color:#8f1400;
}

#left h4, #quick_contact h4{
color: #8f1400;
font-size:16px;
padding:8px 10px 8px 10px;
border-top:1px solid #e1d7ca;
border-bottom:1px solid #e1d7ca;
background:#f8eedc url(../images/headline_arrow.gif) 98% 16px no-repeat;
}

#quick_contact .contactbox p b{
display:block;
color:#8f1400;
padding:6px 0px 0px 10px;
margin-bottom:0;
margin-left:-8px;
background:url(../images/brown_bullet.gif) 0 7px no-repeat;
}

#quick_contact .contactbox p b a{
color:#8f1400;
}

#quick_contact .contactbox p b a:hover{
color:#048dd2;
}

#quick_contact .contactbox p{
padding-left:20px;
}

#left h4 a, #quick_contact h4 a{
color: #8f1400;
padding:0 2px;
text-decoration:none;
}

#left h4 a:hover, #quick_contact h4 a:hover{
color:#453118;
}

#left p, #quick_contact p{
line-height:16px;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
padding: 8px 6px 10px 10px;
}

#left p.more, #quick_contact p.more{
text-align: right;
padding:4px 8px 10px 0px;
font-size:10px;
margin:0 10px 0 0;
font-weight:bold;
background:url(../images/more_bullet.gif) 100% 10px no-repeat;
}

#left p.more a, #quick_contact p.more a{
text-decoration:none;
color:#048dd2;
}

#left p.more a:hover, #quick_contact p.more a:hover{
text-decoration:underline;
}

#left ul, #quick_contact ul{
list-style-type:none;
padding:0 6px 10px 10px;
}

#left li, #quick_contact li{
padding:7px 0px 7px 0px;
line-height:16px;
font-family:"Tahoma", Arial, Helvetica, sans-serif;
}

#left li a, #quick_contact li a, #left p a, #quick_contact p a{
color:#453118;
text-decoration:none;
}
#left li a:hover, #left p a:hover, #quick_contact li a:hover, #quick_contact p a:hover{
color:#048dd2;
}

#left ul.navlist a{
color:#453118;
text-decoration:none;
display:block;
font-size:16px;
padding:8px 6px 8px 20px;
background:url(../images/leftnav_pas.gif) 0 0 no-repeat;
border-bottom:1px solid #e1d7ca;
font-family:"Trebuchet MS" !important; 
}

#left ul.navlist a:hover{
text-decoration:none;
color:#8f1400;
background:url(../images/leftnav_pas_h.gif) 0 0 no-repeat;
}

#left ul.navlist li{
padding:0;
margin:0;
display:inline;
}

#left ul.navlist{
padding:0;
margin:0;
border-bottom:0;
}

/****************************** center column ******************************/




#messages #copy p.contactheader {
display:block;

}




#copy{
line-height:20px;
float:left;
width:524px;
margin-left:20px;
text-align:justify;
}

#copy .emaillink{
display:block;
padding:0;
margin:0;
border:0;
color:#048dd2;
font-size:11px;
background:url(../images/bullet.gif) 0 3px no-repeat;
padding-left:8px;
}

#copy table{
font-size:11px;
margin-bottom:15px;
text-align:left;
}

.floatleft, .photo, #Directions #copy p img, .bookphoto{
float:left;
margin:0px 25px 8px 0px;
}

.photo{
border:2px solid #e1d7ca;
}
 
#copy p.more{
font-size:10px;
text-align:left;
}

#copy h1, #copy h2, #copy h1 a, #copy h1 a:hover, #copy h2 a, #copy h2 a:hover{
color: #8f1400;
font-size:20px;
padding:8px 10px 8px 0px;
margin-bottom:8px;
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
line-height:24px;
border-bottom:1px solid #f2ece3;
font-weight:normal;
}

#copy h2{
margin-top:20px;
border-top:1px solid #f2ece3;
}

#copy h2 a{
color: #8f1400;
text-decoration:none;
}

#copy h2 a:hover{
color:#048dd2;
}

#copy h4 a{
text-decoration: none;
color: #785411;
}

#copy h3 a:hover, #copy h4 a:hover{
color:#65bce1;
background:none;
}

#copy h3, #copy h3 a{
color:#000;
text-decoration:none;
font-size:14px;
text-align:left;
margin-top:10px;
}

#copy h4{
color: #666;
font-size:13px;
margin: 10px 0px 0px 0;
text-align:left;
}

p.dotted_divider{
border-bottom:1px solid #e1d7ca;
margin-bottom:10px;
}

#copy p.top, #copy p.more{
text-align:right;
font-size:11px;
margin-top:8px;
padding:0 10px 2px 0;
}

#copy p.top a, #copy p.more a{
color:#4db2dc;
text-decoration:underline;
}

#copy p.top a:hover, #copy p.more a:hover{
text-decoration:none;
color:#fff;
}

#copy ul.bborder li{
border-bottom:1px solid #e1d7ca;
margin-bottom:5px;
margin-top:5px;
}

#copy p, #copy blockquote {
padding:5px 0px 5px 0px;
}

#copy ul {
list-style-type: none;
margin:5px 0px 0 17px;
}

#copy li{
background:url(../images/bullet.gif) 0 8px no-repeat;
padding: 3px 5px 4px 11px;
text-align:left;
}

#copy ul ul{
margin:0px 0 6px 0px;
}

#copy ul ul li{
padding:0px 5px 0px 11px;
background:none;
margin:0;
border-bottom:1px solid #f0e9e1;
}

#copy ol li{
background:none;
padding: 2px 5px 2px 0px;
}

#copy ol{
margin-left:25px;
}

.newsdate{
font-size:11px;
font-style:italic;
}

#copy p.info{
font-size:11px;
font-style:italic;
line-height:15px;
width:320px;
}

#copy #contactform{
font-size:11px;
margin-top:5px;
}

input, textarea, select{
border:1px solid #dedede;
border-top:2px solid #8c8c8c;
border-left:2px solid #8c8c8c;
background:#fff;
margin-bottom:5px;
}

input.check{
border:0;
background:none;
}

#copy #contactform td {
padding:2px 0px;
}

#sitemap #copy h2{
background:none;
padding: 10px 5px 0px 0px;
border-top:0;
margin:0;
text-align:left;
}

#sitemap #copy h2 a{
text-decoration:none;
color:#333;
}

#sitemap #copy li a{
text-decoration: none;
color:#333;
font-size:12px;
}

#sitemap #copy li a:hover{
text-decoration: underline;
}

#members #copy div{
margin-bottom:25px;
}

#copy .cmpadd{
font-size:11px;
line-height:13px;
}

#copy #cmp_container, .testimonial{
background:#f9f9f9;
border:1px solid #f0f2f6;
padding:5px 8px;
margin:10px 0;
}

#copy .testimonial h1{
font-size:14px;
font-weight:bold;
padding:10px 0 0 0;
margin:0;
background:none;
text-align:left;
line-height:18px;
}

.testimonial{
margin:0 0 10px 0;
}

hr{
background:#e1d7ca;
border:0;
color:#e1d7ca;
height:1px;
}

/****************************** right column ******************************/
#quick_contact{
width:190px;
font-size:12px;
text-align:left;
float:right;
}

/****************************** book module ******************************/
#quick_contact .book_container{
padding:18px 0px 10px 0px;
text-align:center;
}
#quick_contact .book_container h4{
padding:0 0 4px 0;
}

#quick_contact .book_container h4 a{
font-size:13px;
text-decoration:none;
color:#0088f2;
}

#quick_contact .book_container h4 a:hover{
color:#911600;
}

table#contactform td.required, table#contactform .optional{
font-size:11px;
}

#quick_contact p.contactinfo{
display:none;
}

#quick_contact p.contactnote{
padding:0 10px 10px 10px;
color:#2c384b;
text-align:left;
margin:0;
}

#quick_contact #minicontact{
padding:0px 0px 0px 8px;
text-align:left;
line-height:14px;
}
#quick_contact #minicontact br{
display:none;
}
#quick_contact form input, #quick_contact form textarea, .newsletter input { 
width:170px; 
margin-bottom:5px; 
}

#quick_contact form{
font-size:12px;
color:#2c384b;
font-weight:bold;
}

#quick_contact input.submitbutton, #copy input.btn, #quick_contact  .book_container .ordernow, #reports #quick_contact #minicontact input.btn, #st-peter-auto-miniform input.submit { 
color: #fff;
font-size:0.01em;
cursor:pointer;
background:url(../images/contactus.gif) 50% 2px no-repeat;
border:0;
padding:16px 18px;
}

#copy input.btn, #reports #quick_contact #minicontact input.btn, #st-peter-auto-mainform input.submit {
margin-left:0;
text-transform:uppercase;
font-weight:bold;
font-size:12px;
border-right:1px solid #0091e6;
border-left:1px solid #0091e6;
padding:6px 18px;
background:#008af0 url(../images/button_bg.gif) 0 0px repeat-x;
}
#directions #copy input.btn, #messages #copy input.btn, #st-peter-auto-mainform input.submit {
background: #02235c;
border: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/****************************** footer nav ******************************/
.footer{
width:980px;
margin:0 auto;
clear:both;
text-align:center;
background:url(../images/footer_bg.gif) 0 0 no-repeat;
}

.footer ul{
list-style-type: none;
text-align:center;
padding:12px 0 12px 0;
}

.footer li{
display:inline;
}

.footer li a {
padding:0px 14px 0px 14px;
color:#f8eedc;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

.footer li a:hover{
color:#00a0f6;
text-decoration:none;
}

/****************************** copyright info ******************************/
.copyright{
padding:12px 0 10px 0;
color:#5785a1;
width:980px;
margin:0 auto;
line-height:14px;
font-size:12px;
}

.copyright a{
color:#5785a1;
text-decoration:underline;
}

.copyright a:hover{
text-decoration:none;
}

/****************************** wordpress new ******************************/
nav#nav-single {
	float: left;
	line-height: 20px;
	margin-left: 20px;
	width: 524px;
}
a[rel=prev], .older a {
	float:left;
	clear:none;
}
a[rel=next], .newer a {
	float:right;
	clear:none;
}
p#tags {
	font-size:smaller;
	float:right;
}
h3.archive {
	display:inline;
}
#st-peter-auto-mainform input.submit {
	color:white;
	margin-right:40%;
}
#st-peter-auto-mainform label {
	float:left;
	width:95%;
	clear:both;
}
#st-peter-auto-mainform .textbox input, #st-peter-auto-mainform textarea {
	float:left;
	width:95%;
	clear:both;
}
label.error {
	font-size:smaller;
	color:red;
}
nav div.menu ul li:last-child a {
	background:none;
}

/****************************** Main Contact Form *********************************/
#st-pete-book-form {
  display:inline-block;
  position:relative;
	float:right;
}

#st-pete-book-form form {
  display:inline-block;
  position:relative;
  width:100%;
}
#st-pete-book-form form .textbox {
  display:block;
  float:left;
  clear:both;
  width:100%;
  position:relative;
  margin-bottom:7px;
}

#st-pete-book-form form label {
  display:inline-block;
  float:left;
  clear:both;
  width:100%;
}
#st-pete-book-form input {
	width: 205px;
}

#st-pete-book-form form .textbox label {
  display:inline-block;
  float:left;
  clear:both;
  margin-top:3px;
}

#st-pete-book-form form label.error {
  margin-bottom:6px;
  color:red;
  font-size:12px;
}

#st-pete-book-form form input.submit {
  display:inline-block;
  float:left;
  clear:both;
  margin-top:4px;
	width: 45px;
}