/*
Theme Name: WordPress Lulay
Theme URI: http://wordpress.org/
*/


body { background: #001244 url("/wp-content/themes/lulay/images/body_bg.gif") repeat-y top center; margin: 0; padding: 0; font-family: arial, verdana, helvetica, sans-serif; font-size: 0.78em; line-height: 1.4; color: #404040; }

h1, h2, h3, h4 {
margin: 0; padding: 0;
}

p { margin-bottom: 15px; }

a { color: #404040; text-decoration: underline; }
a:hover { color: #404040; text-decoration: none; }

.page_margins { margin: 0 auto; }

.page_margins { width: 960px; background: #fff url("/wp-content/themes/lulay/images/header_bg.png") repeat-x top left; }
.page { padding: 0 40px; }

#header { height: 85px; color: #000; border-bottom: 1px #a4a4a4 solid; position: relative;  }
#logo { font-family: 'times new roman', georgia, times, serif; position: absolute; top: 30px; left: 0px; font-size: 180%; font-weight: bold; color: #182E69; line-height: 1.2;  }
#logo span { font-family: arial, verdana, helvetica, sans-serif; font-size: 60%; color: #5c5c5c;  }
#spanish { position: absolute; top: 10px; right: 250px; }
#phone { position: absolute; top: 10px; right: 0px; font-size: 180%; font-weight: bold;  }
#nav { position: absolute; top: 50px; right: 0px; }

#banner { height: 160px; color: #404040; background-color: #c2c2c2; margin: 17px 0 0 0; padding: 0;}

#footer { margin: 0; padding: 5px 40px; height: 20px; color:#a5a5a5; background: #393939; clear: both; font-size: 90%; font-weight: bold; }
#footer a { color:#a5a5a5; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#nav ul { margin: 0px; padding: 0; list-style-type: none; }
#nav ul li { float: left; margin: 0 0 0 20px; padding: 0; }
#nav ul li a { color: #373737; text-decoration: none; font-size: 115%; font-weight: bold; }
#nav ul li a:hover { text-decoration: underline; }




/* Home page - col1 is main content, col3 is sidebar */

#home { margin: 20px 0 0px 0; }

#home #col1 { float: left; width: 580px; }
#home #col2 { display:none}
#home #col3 { width: auto; margin: 0 0 0 580px; }
#home #col1_content { padding: 0 30px 15px 0px; font-size: 115%;  }
#home #col1_content .page { padding: 0; }
#home #col3_content { padding: 0 0px 15px 0px; }


/* Inside page - col1 is main content, col3 is sidebar */

#inside { margin: 0px 0 15px 0;  }

#inside #col1 { float: right; width: 525px; }
#inside #col2 { display:none}
#inside #col3 { width: auto; margin: 0 525px 0 0; }
#inside #col1_content { padding: 0px 10px 15px 0px; font-size: 115%; }
#inside #col3_content { padding: 10px 10px 15px 10px; }


/*-------------------------------------------------------------------------*/

/* Home page styles */

#home #col1 h2 {
display: none;
}

#home #col1 h3 {
margin: 20px 0 0 0;
padding: 0;
font-size: 110%;
text-transform: uppercase;
color: #001244;
}

#home #col3_content ul#practice_areas {
color: #6e6e6e;
font-weight: bold;
font-size: 95%;
list-style-type: none;
margin: 0;
padding: 0;
}
#home #col3_content ul#practice_areas li {
margin: 0;
padding: 5px 0;
border-top: 1px solid #e7e7e7;
}

#home #col3_content ul#practice_areas li.page-item-64 {
border-top: 0px solid #e7e7e7;
}

#home #col3_content ul#practice_areas li a {
text-decoration: none;
}

#home #col3_content ul#practice_areas li a:hover {
text-decoration: none;
color: #8D0000;
}

#home #col3_content h3 {
color: #8D0000;
font-size: 125%;
font-weight: normal;
text-transform: uppercase;
}



/* Inside page styles */


#inside #col1 h2 {
margin: -48px 0 28px 0;
font-size: 240%;
font-weight: normal;
color: #404040;
}

#inside #col3_content h2 {
margin: 15px 0 0px 0;
color: #505050;
font-size: 130%;
}

#inside #col3_content ul#our_firm {
color: #505050;
font-size: 115%;
list-style-type: none;
margin: 0;
padding: 0;
}

#inside #col3_content h3 {
margin: 15px 0 10px 0;
color: #001244;
font-size: 110%;
text-transform: uppercase;
}

#inside #col3_content ul#practice_areas {
color: #6e6e6e;
font-weight: bold;
font-size: 90%;
list-style-type: none;
margin: 0;
padding: 0;
}

#inside #col3_content ul#practice_areas li {
margin: 6px 0;
padding: 0;
}

/* End Typography & Colors */



/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */




.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */