/*
Theme Name: CA Lemon Law Blog Design
Theme URI: http://attorneysonlineinc.com/
Description: The default CA Lemon Law theme.
Version: 1.0
Author: James Talkington
Author URI: http://attorneysonlineinc.com/
*/

body{
font:0.625em Tahoma,Arial,Helvetica,sans-serif, serif; /* This resets the font size to a 10 scale: 1em = 10px */
background:url("images/header-bg.png") repeat-x top;
margin:0 auto;
padding:0;
}

a{outline:none; text-decoration:none;}
.sidebar a,  .footer a{padding:0 .2em;}
h2 a{border-bottom:none !important;}

abbr, acronym{cursor:help; border-bottom:.1em dotted;}

p{margin:0 0 1em; padding:0;}

blockquote{margin:.5em 0; padding:.4em 8em .2em 2em; font-size:1.2em;}
blockquote span{float:left; height:0; margin:0 0 0 -.4em; padding:.2em 0 0; font-size:4em; font-family:Georgia, Times, "Times New Roman", serif;}
cite{font-size:0.7em; display:block;}

h1,h2,h3,h4,h5,h6{margin:.5em 0 1em; padding:0; line-height:1.2em;font-weight:normal;}
h1{text-transform:none;margin:0 0 .25em;padding:0em 0em 0.5em;font: 18px Tahoma,Arial,Helvetica,sans-serif;font-weight:bold;}
h3{text-transform:uppercase;margin:0 0 .25em;padding:0em 0.5em 0.5em;font: 14px Tahoma,Arial,Helvetica,sans-serif;font-weight:bold;}
h2{font-size:1.2em;font-style:italic;text-transform:capitalize;}
h3{text-transform:uppercase;font:bold 12px Arial, Helvetica, sans-serif;background:url("images/nav-bg.png") repeat-x scroll center top transparent;line-height:12px;}
h4{font-size:1.6em;text-transform:capitalize;margin:0 0 .3em;}
h5,h6{font-size:1.2em;}

table, img{border:none;}
td{vertical-align:top;}

textarea{font:1em "Helvetica Neue", Arial, Helvetica, sans-serif;}

ul.disc{list-style-type:disc;}
ul.circle{list-style-type:circle;}

ol.A{list-style-type:upper-latin;}
ol.a{list-style-type:lower-latin;}
ol.I{list-style-type:upper-roman;}
ol.i{list-style-type:lower-roman;}

.left,.alignleft{float:left;}
.right,.alignright{float:right;}
.center{text-align:center;}
.justify{text-align:justify;}

.clear{clear:both;}
.clearright{clear:right;}
.clearleft{clear:left;}

.underline{text-decoration:underline;}

.access{height:0; text-indent:-9999em; display:none;}
	
.container{
padding:0;
font-size:1.2em; /* Sets default to 12px */
}

.head {margin: 0 auto; background:url("images/header.png") no-repeat left;height:230px; width:900px; text-align: left;}
.brand{
display:block;
height:86px;
width:312px;
margin:.5em 0 0 1em;
background:url('images/logo.jpg') no-repeat center center;
text-indent:-9999em;
float:left;
}

.spanish {
padding-left:655px;
padding-top: 62px;
font-size: 9px;
font-weight: bold;
color: #000000;
}
.phone {
padding-left: 625px;
font-size: 24px;
font-weight: bold;
text-align:right;
}
.case-review {
padding-left:400px;
padding-top:23px;
font-size:11px;
font-weight:bold;
}
.address {
padding-left:355px;
padding-top:9px;
font-size:12px;
font-weight:bold;
}


.navwrap{background:url('images/nav-bg.png') repeat-x top center;z-index:999;position:relative;}
.nav{padding:0 0 0 7em;width:875px;margin:0 auto;}
.nav a{
display:block;
cursor:pointer;
text-decoration:none;
margin:0;
font-size:1.2em;
padding:.3em 1.5em;
font-family:Tahoma,Arial,Helvetica,sans-serif;
}
.nav li ul li a, .nav li:hover ul li a{
text-align:left;
height:100%;
padding:.7em;
margin:0;
border-bottom:.2em solid;
}
.nav .drop:after{content:"\2198"; font-size:1em; font-weight:bold; line-height:0; position:relative; top:.55em;}
.nav .hidden{display:none;}



/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar{position:relative;}
.sf-navbar li{position:static;}
.sf-navbar li ul{width:44em;} /*IE6 soils itself without this*/
.sf-navbar li li{position:relative;}
.sf-navbar li li ul{width:13em;}
.sf-navbar li li li{width:100%;}
.sf-navbar ul li{width:auto; float:left;}

ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul{left:0; top:2.5em;} /* match top ul list item height */
ul.sf-navbar .current ul ul{top:-999em;}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{list-style:none;}
.sf-menu li{float:left; position:relative;}
.sf-menu li:hover{visibility:inherit;} /* fixes IE7 'sticky bug' */
.sf-menu ul{position:absolute; top:-999em; width:17em;} /* left offset of submenus need to match (see below) */
.sf-menu ul li{width:100%;}
.sf-menu li:hover ul, .sf-menu li.sf-menuHover ul{
left:0;
width:18em;
top:4em;
z-index:99;
text-align: left;
padding:0;
} /* match top ul list item height */
.sf-menu li:hover li ul, .sf-menu li.sf-menuHover li ul{top:-999em;}
.sf-menu li li:hover ul, .sf-menu li li.sf-menuHover ul{left:10em; top:0;} /* match ul width */
.sf-menu li li:hover li ul, .sf-menu li li.sf-menuHover li ul{top:-999em;}
.sf-menu li li li:hover ul, .sf-menu li li li.sf-menuHover ul{left:10em; top:0;} /* match ul width */
.sf-menu li:hover, .sf-menu li.sf-menuHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0;}



/*** arrows **/
.sf-menu a.sf-menu-with-ul{padding-right: 2.25em; min-width:1px;} /* trigger IE7 hasLayout so spans position accurately */
.sf-menu-sub-indicator{
position:absolute;
display:block;
right:.75em;
top:1.05em; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
}
a > .sf-menu-sub-indicator{  /* give all except IE6 the correct values */
top:.8em;
}

/* Geoff arrow. I edited superfish.js line18 to ⌄ */
.sf-menu span{font-size:1.4em; font-weight:bold; line-height:0;}


/*** shadows for all but IE6 ***/
.sf-menu-shadow ul{
padding:0 8px 9px 0;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
}


.banner{
width:501px;
height:200px;
margin:0 auto;
padding: 2em 430px 2em 2em;
clear:left;
font:normal 1.2em Tahoma,Arial,Helvetica,sans-serif;
background:url('images/image-banner.png') no-repeat top right;
}
.banner h3{
font-size:1.6em;
font-weight:normal;
text-transform:capitalize;
letter-spacing:normal;
margin:0 0 1em;
padding:0;
}
.banner p{margin:0; padding:0 35em 0 .1em;}


.wrap{padding:2em 2em 1em; line-height:1.6em; clear:left;width:912px;margin:0 auto;}

.sidebar{width:18em;}
.sidebar form fieldset{border:0;margin:0;padding:0 .5em .5em;}
.sidebar form legend{
font-size:1em;
font-style:normal;
margin:0;
padding:0;
}
.sidebar form p{margin:0; padding:5px;}
	.notice legend{font-size:1.2em !important;}
	.notice p{font-size:1em; line-height:1em;}
.sidebar form label{text-transform:capitalize; cursor:pointer;}
.sidebar form label.disclaimer{
text-transform:none;
font-size:.875em;
display:block;
margin:-1.7em 0 0 2.3em;
padding:0 2em 0 0;
line-height:1.2em;
}
.sidebar input, .sidebar textarea{padding:.2em .3em;}
.sidebar .wide, .sidebar textarea{width:90%;}
.sidebar .tel{width:1.8em;}
.sidebar .tell{width:2.4em;}
.sidebar #submit, .sidebar #reset{
padding:.3em ;
border:.1em solid;
font-size:1em;
border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em;
cursor:pointer;
}
.sidebar #submit{margin:1em 0 1em 1.5em;}
.sidebar #reset{margin:1em 0 1em .6em;}

.sidebar form small{display:block; margin:-.4em 0 -1.5em;}

.error{border:.1em solid;}
label.error{
float:left;
margin:-2.2em -3.5em 0;
padding:.1em .8em;
position:relative;
left:21.3em;
white-space:nowrap;
text-transform:none !important;
}
.tell + label.error{left:17.5em;}
textarea + label.error{top:-7.7em;}
#disclaimer + label.error{top:2.2em;}

.sidebar h6{
font-style:italic;
text-transform:uppercase;
text-indent:1em;
margin:3em 0 0;
padding:.5em 0;
width:100%;
}
.sidebar ul{margin:0; padding:.5em 1em; list-style:none;}
	.sidebar li{padding:0 0 1em;line-height:normal;}

.sidebar .sidetab{margin-bottom:1em;}
.sidebar .sidetab p{padding:0 1em 1em;}
.sidebar .sidetab h3{border-bottom:1px solid;padding:.5em;}
.sidebar .sidetab .textwidget{padding:0 1em 1em;}

#content img{margin:.5em;border:1px solid;}


#content{margin-left:19em; padding:0 0 0 3em;}
	#content.home{margin:0 19em;padding: 0 3em;}
#content:after{content:" "; display:block; clear:left;}
#content li{margin:0 0 .6em; padding:0;}
#content p{font-size:12px;}

/*style for the 2 columns Letter to the Editor and Cycling FAQs */
#content .box{width: 24em;margin-right:1.5em;float:left;}
	#content .box p{font-size:1em;}
	#content .box ul {list-style:none;margin:0;padding:0;}

.footerwrap {width:100%; padding: 1em 0;}
.footer{
padding:.5em 2em;
font-size:.875em;
text-align:center;
width:918px;
margin:0 auto;
}
.footer ul{margin:.5em 0 0; padding:0; float:left;}
.footer li{list-style:none; display:inline; padding:0 .5em .15em; border-right:.1em solid;}
.footer .end{border-right:0;}
.footer li ul{display:none;}
.footer p{margin:.5em 0; padding:0; text-align:right;}

.google{width:50%; height:20em;}

/* Blog Design */
.post-title{font-size:1.1em;}
p.post-date{margin:0;font-size:.8em;}

.post {margin: 0 0 40px;text-align: justify;}
.post hr {display: block;}
/*.postmetadata {clear:left;}*/
p img {padding: 0;max-width: 100%;}

img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}

#content .wp-caption {text-align:center;margin:.5em;padding:.3em;}
#content .wp-caption img {margin: 0;padding: 0;border: 0 none;}
#content .wp-caption p.wp-caption-text {font-size:1em;padding: .3em 0;margin: 0;}

.sticky {background:#f7f7f7;padding:0 10px 10px;}
.sticky h2 {padding-top: 10px;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar {float: right;padding: 2px;}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {font-family: Tahoma,Arial,Helvetica,sans-serif;}
.commentmetadata {font-weight: normal;}
#commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;}
#commentform {margin: 5px 10px 0 0;}
#commentform textarea {width: 100%;padding: 2px;}
#respond:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
#commentform #submit {margin: 0 0 5px auto;float: right;}
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;text-align: justify;}
.commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;}
.commentlist li ul li { margin-right: -5px;margin-left: 10px;}
.commentlist p {margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p {margin: 5px 0;}
.nocomments {text-align: center;margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;}

#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;}
#wp-calendar #next a {padding-right: 10px;text-align: right;}
#wp-calendar #prev a {padding-left: 10px;text-align: left;}
#wp-calendar a {display: block;}
#wp-calendar caption {text-align: center;width: 100%;}
#wp-calendar td {padding: 3px 0;text-align: center;}
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;}
#wp-calendar a {text-decoration: none;}
#wp-calendar caption {font: bold 1.3em Tahoma,Arial,Helvetica,sans-serif;text-align: center;}
#wp-calendar th {font-style: normal;text-transform: capitalize;}
#searchform {margin: 10px auto;padding: 5px 3px;text-align: center;}

.nav{width:900px; margin:0 auto; padding:0 0 0 5%; height:4.15em;}
.nav li{margin-top:.15em;}
.nav a{display:block; height:100%; cursor:pointer; font-size:1.2em; text-decoration:none; margin:0; padding:.3em .9em; color:#fff; text-transform:uppercase}
.nav li li a{text-align:left; height:100%; padding:.7em; margin:0; font-size:.9em; text-transform:capitalize;}
.nav .hidden{display:none;}
.nav li ul {background-color:#101E2F; border:.2em solid #58809A;width:100%;}
.nav li li{border-bottom:.1em solid #58809A;}
.nav li li:hover{background-color:#CC0033;}


.sf-menu, .sf-menu *{list-style:none;}
.sf-menu li{float:left; position:relative;}
.sf-menu li:hover{visibility:inherit;} /* fixes IE7 'sticky bug' */
.sf-menu ul{position:absolute; top:-999em; width:17em;} /* left offset of submenus need to match (see below) */
.sf-menu ul li{width:100%;}
.sf-menu li:hover ul, .sf-menu li.sf-menuHover ul{top:1.75em; left:0; width:18em; padding:0; text-align:left; z-index:99;}
.sf-menu li:hover li ul, .sf-menu li.sf-menuHover li ul{top:-999em;}
.sf-menu li li:hover ul, .sf-menu li li.sf-menuHover ul{left:18em; top:0;} /* match ul width */
.sf-menu li li:hover li ul, .sf-menu li li.sf-menuHover li ul{top:-999em;}
.sf-menu li li li:hover ul, .sf-menu li li li.sf-menuHover ul{left:10em; top:0;} /* match ul width */
.sf-menu li:hover, .sf-menu li.sf-menuHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0;}

.social{
	margin:.3em 0 0 .5em; 
	border:	none; 
	float:right;
	position:relative;
	left: 15px;
}

.social a{margin:.3em 0 0 .5em; border:none; float:right;}

.tweetmeme_button{
	float: right;
	margin-left: 10px;
}

.addthis_toolbox .hover_effect
{
    padding: 4px 0 9px 15px;
	border-top: 2px solid #DAD9D9;
	color: #4c4d50;
	background: #E4E4E4;
	color: #4c4d50;
	font-family: arial, "lucida console", sans-serif;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
	height:16px;
}

.addthis_toolbox{
	margin: 0 0 6px 0;
	height:25px;
}
.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    padding: 3px 15px 2px 16px;
    position: relative;
    text-decoration: none;
	color: #4c4d50;
}

.addthis_toolbox .hover_effect a:hover
{
    text-decoration: none;
}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}

.fbbox {
width:215px;
margin:5px auto;
}

.social .plusone {
	float:right;
	position:relative;
	top:0px;
}

.plusone {padding:6px;}