/*
File:		Beyond 2012 HQ custom.css
Description:	Custom styles for Thesis


/* This line gets rid of the site title & tagline by casting them out to far left field */
.custom #header #logo, .custom #header #tagline { text-indent: -9999px; } 
/* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */
/* This is a bit of a kludge, but it seems to work. */
.custom #header #tagline { height: 0; } 
/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
.custom #header { padding: 0; border: none;} 

.custom #header_area{display:none;}
.custom #title_area {background:#161206; padding:1em 0 0.5em; border-bottom:1px solid #000000;}

.custom #header #logo a {display: block; height: 80px; width: 380px; background: url('images/b2012 logo trans.png') no-repeat; outline: none;}
/*.custom #header {border-bottom:none; height:100px; padding-top:0; padding-bottom:0; background:url('images/b2012 logo trans.png') left no-repeat;}*/
		
/*BACKGROUND CHANGES */

body.custom {
background: #000 url('images/starstonebg.gif') fixed; background-position: left top; background-repeat: repeat;
}

.custom #container {
    margin-top: 100px;
    margin-bottom: 100px;
}

.custom #content_box {
background:#f5f7f7;
width:100%;
}

.no_sidebars #content {
background:#f5f7f7;
width:100%;
}

/*---:[ #nav tabs ]:---*/

.custom #nav_area {-moz-background-inline-policy:continuous; background: #37322f none repeat scroll 0 0; }
	.custom ul#tabs li a { font-size: 14px; display: block; line-height: 1em; color: #d4a552; text-transform: uppercase; text-decoration: bold; letter-spacing: 2px; }
                .custom ul#tabs li a:hover { color: #a60400; text-decoration: bold; }
         .custom ul#tabs {border-bottom:0; border-color:#dcbc44;}
		.custom ul#tabs li {border: #37322f; background-color:#37322f; }
		.custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat {background:#37322f; }
                .custom ul#tabs li.current_page_item a { color: #dcbc44;}
.custom #tabs {
 border-bottom: none;
 }

.custom #nav_area {background:#161206; padding:0.5em 0; border-bottom:1px solid #000000;}
	.custom #nav_area ul {border-bottom:none; border-left:none;}
		.custom #nav_area ul li {border-width:0; margin-bottom:0; padding-bottom:0; background:none;}

.custom #container {
    margin-top: 0em;
    margin-bottom: 20em;
    padding: 1.0em;
    background: #f5f7f7;
    border: 0em;
} 

/*-----archives-----*/
.custom.archives .archive_column {width:12.34em; margin:0.25em; float:left;}
.custom.archives .archive_column.posts {width:38.57em; margin:0;}
	.custom.archives .archive_column.posts li {width:10.79em; margin-right:1.61em; margin-bottom:0.38em; float:left;}
	
/*-----background-----*/

.custom #page {background: #f5f7f7; border: none; border-top: 0; padding-bottom: 30px;}
body.custom {background: url('images/2012bg4repeat.gif'); }

/*-----page_background-----*/

.custom #post {background: #f5f7f7;}

/*-----links-----*/

.custom #content .format_text a { color: #2361A1; text-decoration: none; padding:2px 0px; 2px; 0px;}
.custom #content .format_text a:hover {color: #a60400; text-decoration: border-bottom:1px ; }

.custom .format_text a { color: #2361A1; text-decoration: none; padding:2px 0px; 2px; 0px;}
.custom .format_text a:hover {color: #0505f9; text-decoration: none; border-bottom:1px ; } 

.custom .sidebar a { color: #2361A1; text-decoration: border-bottom:0px solid #707070; padding:2px 0px; 2px; 0px; }
.custom .sidebar a:hover {color: #0505f9; border-bottom:1px ;}

/*.custom #sidebar_1 a { color: #B0B0B0; text-decoration: none; border-bottom:0px solid #707070; padding:2px 0px; 2px; 0px; }
.custom #sidebar_1 a:hover {border-bottom:0px solid #808080 ;}
.custom #sidebar_1 a:hover {border-bottom:1px solid #808080 ;} */

/*.custom #sidebar { color: #2361A1; text-decoration: border-bottom:1px solid #707070; padding:2px 0px; 2px; 0px; }
.custom #sidebar { border-bottom:1px solid #808080 ;} 

.custom .post_nav a { color: #2361A1; text-decoration: border-bottom: 1px solid; padding:2px 0px; 2px; 0px;}
.custom .post_nav a:hover {cbackground-color: #554d4d; border-bottom:1px ;} */


.custom .headline_meta a {color: #554d4d; text-decoration: border-bottom:1px solid #606060; padding:2px 0px; 2px; 0px;}
.custom .headline_meta a:hover {background-color: #a60400; border-bottom:1px ;} 

.custom .format_text .to_comments a {font-size: inherit; color: #808080; border-bottom:1px; }   
.custom .format_text .to_comments a:hover {font-size: inherit; color: #0505f9; border-bottom:1px; }


#alert_box { border: 1px solid #dddddd; background: #f5f7f7; }

.custom .teasers_box h1.entry-title, .custom .teasers_box h2.entry-title, .custom .teasers_box h2.entry-title a, .custom .teasers_box h3.entry-title a {
   color:#a60400;
   font-size:18px;
   font-weight:400;
   text-transform:none;
   }

/*-----text_style-----*/

.custom h1, .custom h2, .custom h3, .custom h4 {font-weight: bold; color: #a60400; }
.custom h4 {font-weight: bold; color: #2361a1; }

/* .custom h2, a {color: #a60400; } */

.custom h2 a:hover {text-decoration: border-bottom:1px #a60400; }

/*-----make comments braces disappear-----*/

.custom .comments_intro span.bracket {display: none;}
.custom .to_comments span.bracket {display: none}

.format_text ul { list-style-image: url('http://beyond2012hq.com/wp-content/themes/thesis/custom/images/bullet.jpg'); background-position: 1.5em; padding-left: 3.0em; }
.format_text ul li {margin-left: 1em; }

#popular-posts li {
	background: #f5f7f7;
	border: 1px solid #dddddd;
	line-height: 1.4em;
	-moz-border-radius: 5px;
	padding: 1.2em;
	-webkit-border-radius: 5px;
}

#random-posts li {
	background: #f5f7f7;
	border: 1px solid #dddddd;
	line-height: 1.4em;
	-moz-border-radius: 5px;
	padding: 1.2em;
	-webkit-border-radius: 5px;
}
#recent-posts li {
	background: #f5f7f7;
	border: 1px solid #dddddd;
	line-height: 1.4em;
	-moz-border-radius: 5px;
	padding: 1.2em;
	-webkit-border-radius: 5px;
}

/*Brown White Box*/
.format_text .red_white_box {
	background: #ffffff;
	border: 1px solid #161206;
	line-height: 1.4em;
	-moz-border-radius: 5px;
	padding: 1.2em;
	-webkit-border-radius: 5px;
}

.custom #sidebar_1 {background:#eeefef none repeat scroll 0 0;}
.custom #sidebar_2 {background:#f5f7f7 none repeat scroll 0 0;}

.custom #footer_area { border-top: none; background: #161206 url('images/2012footer.gif') scroll 0 20px no-repeat; height:300px; padding-top: 10px; padding-bottom: 10px;}
	.custom #footer {border-top:0; color:#c6c8dd;}
        .custom #footer a {color: #f5f7f7; transformation: none;
	}

.format_text .bold_box {
	background: #e8f8f8;
	border: 1px solid #236236;
	line-height: 1.4em;
	-moz-border-radius: 5px;
	padding: 1.2em;
	-webkit-border-radius: 5px;
}

/* wheel image map */
#image_map{
width:583px;
height:550px;
background:url(http://beyond2012hq.com/wp-content/uploads/2009/08/2012wheel_583x550.jpg) no-repeat;
position:relative;
} 

#image_map a{
display:block;
position:absolute;
} 

#image_map a.menu1{
width:165px;
height:75px;
top:50px;
} 

#image_map a.menu2{
width:165px;
height:95px;
top:125px;
} 

#image_map a.menu3{
width:130px;
height:85px;
top:125px;
} 

#image_map a.menu4{
width:150px;
height:100px;
top:250px;
} 

#image_map a.menu5{
width:150px;
height:100px;
top:250px;
} 

#image_map a.menu6{
width:150px;
height:90px;
top:390px;
} 

#image_map a.menu7{
width:185px;
height:90px;
top:390px;
} 

#image_map a.menu8{
width:190px;
height:80px;
top:470px;
} 

#image_map a#link1{
left:235px;
}

#image_map a#link2{
left:65px;
}

#image_map a#link3{
left:400px;
}

#image_map a#link4{
left:15px;
}

#image_map a#link5{
left:415px;
}

#image_map a#link6{
left:45px;
}

#image_map a#link7{
left:380px;
}

#image_map a#link8{
left:200px;
}

/* ARCHIVE PAGE STYLING */

.custom .archive h3 {
   margin-top: 0;
   }

.custom .archive ul {
   font-size: .85em; 
   }

.custom .archivel { 
   float: left; 
   width: 40%;
   }

.custom .archiver { 
   float: right; 
   width: 60%;
   }

.custom .normalize {
   text-transform:none/*lowercase*/;
   }

.custom .normalize a {
   text-decoration:none;
   }

.custom .normalize a:hover {
   color:#333333;
   text-decoration:none;
   }

.custom a {outline: none;}