/*
CA State Parks Styles
Version 2012.2.14
*/

/* *************** FIXES *************** */

body {background:#333 url(../images/150th/bg.gif) repeat !important;}
	
#footer_2
{margin-top: -20px;}

#page_container {margin: -12px auto 20px auto;}

/*TYPE*/
h1{padding-bottom:8px;
line-height: 22px;
color: #333;}

h2{color: #333;}

p {
font-family: Arial;
text-transform:none;
font-size: 12px;
border: none;
color: #505050;
font-style: normal;
border: none;
padding-left: 5px;
line-height:14px;}


a { color: #08c; }
a:link, a:active { text-decoration: none;}
a:visited {color: #b07660;}
a:hover { text-decoration: underline; }
a.block { display: block; cursor: pointer; }
a.block span,
a.block em { color:#08c; cursor: pointer; }
a.block:hover { text-decoration: none; }
a.block:hover span,
a.block:hover em { color: #08c; text-decoration: underline; }

/* CONTENT LAYOUT */

.content_area{ margin-bottom: 10px;}

section { margin-bottom:0; }
section h1 { margin-bottom:10px; font-size:20px; line-height:22px; font-weight:normal; }

section { position:relative; z-index:2; margin-bottom:36px; }
section.border { padding-top:58px; border-top:1px solid #dadada; }
section:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
section { margin-bottom:0; }
section h1 { margin-bottom:10px; font-size:20px; line-height:22px; font-weight:normal; }

.top_content { width:100%; padding:10px 10px 0px 10px;}
.top_content .content_area {padding-left: 10px;}
.top_content .content_area p { margin: 1px 10px 15px 0px;}
.top_content .content_area h2{background:url(/images/content/bullet_blue_disc.png) no-repeat; background-position: 0% 50%; padding-left: 15px;}
.top_content .content_area h2 a:link, a:active, a:hover{ text-decoration: none;}
.top_content a {color: #1f70a7; }
.top_content a:visited {color: #b07660;}
.top_content h1, h2 { color: #1f70a7; background-image: none; margin-bottom:1px;  padding-left: 2px;}
.top_content img.center { display:block; margin:0 auto 21px; padding-top: 25px; margin-left: 14px;}
.top_content .column {padding-left: 5px; padding-right: 12px; border-right: 1px solid #c7b299; }
.top_content .column.first .intro {padding-bottom: 200px; line-height: 18px; padding-right: 10px; font-style:italic;}
.top_content .column.first {border-right: none;background:url(../images/150th/transparent_parks_logo.png) #e1dfd2; background-repeat: no-repeat; background-position: 50% 105%;   padding-right: 8px; padding-left: 8px;}
.top_content .column.first h2{padding-top: 5px; border-top: 1px solid #1f70a7;}
.top_content .column.first .director{position: absolute; left: 0; bottom: 0;}

.top_content .column.last{background:none;border-right:none;}
.top_content .column.last .categories {min-height: 200px;}
.top_content .column.last .categories img.images {background:#e1dfd2; padding: 8px; margin-bottom: -10px;}
.top_content .column.last .categories .pictures {background:#e1dfd2; padding: 8px; margin-bottom: -10px;}
.top_content .column.last .picture_links{width: 315px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #c7b299;} 
.top_content .column.last .picture_links .pictures {width: 95px; padding-right: 5px; float: left; padding-left: 5px;}
.top_content .column.last .picture_links .pictures p {font-size: 12px; line-height: 13px; font-weight:bold; color:#652300;}
.top_content .column.last .timeline {text-align: center; width: 315px; margin-top: 130px; padding-top: 20px; padding-bottom: 10px; border-top: 1px solid #c7b299;} 
.top_content .column.last .timeline p {font-size: 12px; line-height: 13px; font-weight:bold; color:#652300;} 

/* COLUMN GRIDS */
.column { float: left; }
.grid2col, .grid2cola, .grid2colb, .grid2colc, .grid2cold, .grid2cole, .grid2colf, .grid3col, .grid3cola, .grid4col, .grid5col, .grid6col { width: 95%; }

.grid2col .column { width: 49%; }
.grid2col .grid2col .column { width: 47.8%; }
.grid3col .grid2col .column { width: 46%; }
.grid4col .grid2col .column { width: 45%; }


.grid2cola .column.first { width: 66%; }
.grid2cola .column.last { width: 32%; }

.grid3col .column { width: 31%; margin-left: 2%; }
.grid2col .grid3col .column { width: 31%; }

.grid3cola .column { width: 360px; margin-left: 10px; }
.grid3cola .column.first { width: 155px;}
.grid3cola .column.last { width: 280px; margin-right: 10px; }


/*.column.first, .column.last { margin-left: 0 !important; }*/
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }

#container:after, #content:after, .grid2col:after, .grid2cola:after,  .grid3col:after, .grid3cola:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#container, #content, .grid2col, .grid2cola, .grid3col, .grid3cola { zoom: 1; }


/**************** SOCIAL MEDIA ****************/

#socialmedia {width: 285px; padding:15px 10px 10px 15px; margin-top: 10px; float:left; border-top: 1px solid #c7b299;}

#twitter a { width:230px; height:28px; background-image:url(../images/content/icon-twitter.png); display:block; }
#twitter { text-indent:-99999px; padding:0 0 5px 0; }
#twitter a:hover { background-position:0 -28px; }
#facebook a { width:230px; height:28px; background-image:url(../images/content/icon-facebook.png); display:block; }
#facebook { text-indent:-99999px; padding:0 0 5px 0; }
#facebook a:hover { background-position:0 -28px; }
#rss a { width:230px; height:28px; background-image:url(../images/content/icon-rss.png); display:block; }
#rss { text-indent:-99999px; padding:0 0 1px 0; }
#rss a:hover { background-position:0 -28px; }
#flickr a { width:230px; height:28px; background-image:url(../images/content/icon-flickr.png); display:block; }
#flickr { text-indent:-99999px; padding:0 0 5px 0; }
#flickr a:hover { background-position:0 -28px; }
#youtube a { width:230px; height:28px; background-image:url(../images/content/icon-youtube.png); display:block; }
#youtube { text-indent:-99999px; padding:0 0 5px 0; }
#youtube a:hover { background-position:0 -28px; }