/*
Theme Name: v1
Description: template for B.R.O.S. 
Author: D. Givens
Author URI: http://dgivens.com/
Version: 0.1
Tags: fixed-width, sans-sidebar
*/

/* ----------- Basic ----------- */
a{outline:none;}

* {
     margin: 0;
 }
html, body {
     height: 100%;
	 }


img{
	border:none;
	behavior: url(iepngfix.htc);
	}

a img { border:none }

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

  
body{
	text-align:center;
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family:GillSans, Calibri, Trebuchet, sans-serif;
	color:#101010;
	background-color: #000000;
	background-image: url('img/bg/image.php');
	background-repeat: repeat;
	}
	
p a{
	color:#330033;
	text-decoration:underline;
	}
	
p a:hover{
	color:#CC0000;
	text-decoration:none;
	}
	
li a{
	color:#006600;
	text-decoration:none;
	}
	
li a:hover{
	color:#2e1737;
	text-decoration:none;
	}

	
.wrapper{
	width:100%;
	z-index:1000;
    min-height: 100%;
    height: auto !important;
    margin: 0 auto;
	}
	
h1{
	padding:0;
	margin:0;
	}
	
h1 a{
	color: #101010;
    font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 3.0em;
	text-decoration:none;
	font-weight:100;
	}

	
h4{
	font-size:1.2em;
	font-weight:bold;
	}
	
strong{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	}	
	
em{
	color:#3F333F;
	}
	
h3{
	font: 1.7em Futura, 'Century Gothic', 'Apple Gothic', sans-serif;
	color: #eeeeee;
	margin:0 20px;
}

h5 {
	color:#3f3f3f;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:normal;
	margin-left:10px;
}


#content h3{
margin:40px 0 10px 0;
}






/* ----------- Heading ----------- */
	
#description{
	font-size:1.4em;
	font-family: times, Times New Roman, times-roman, georgia, serif;
	text-transform: uppercase;
	color:#580c39;
	margin-top:-2px;
	}
	
#top{
	width:860px;
	margin:60px auto 0 auto;
	font-family: Futura, 'Century Gothic', 'Apple Gothic', sans-serif;
	padding: 0 50px;

}
 #bucket input {margin:0 0 0 10px;}

ul#twitter_update_list{
	list-style-type: none;
	margin:0 0 20px 5px;
	text-align: left;
	display: inline;
	float:left;
	font-size: 13px;
	height:12px;
	padding:10px 0 10px 0;
	width:850px;
	color:#ffffff;
	font-style: italic;
}

	
#top h1{
	font-size: 36px;
	font-weight: lighter;
	margin:0 0 10px 0;
	padding:0;
	border-bottom-color: #BAFFED;
	color: #FFFFFF;
	margin-left:5px;
	padding:0;
	width:630px;
	float:left;
	text-align:left;
}

#top p{
	font-size: 2.2em;
	margin:0 auto;
	clear:both;
	color:#FFFFFF;
	text-align:left;
	padding:20px 0 10px 0;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #BAFFED;
	width:850px;
	
}

#top a{
	color: #FFFFFF;
	text-decoration: underline;
}

#top a:hover{
	color: #FFFFCC;
	
}

#bucket{
	width:180px;
	float:right;
	height:100px;
	padding-right:12px;
	background-image: url(img/bucketbg.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top:0px;
	text-align: center;
}

/*#connect p{
	color: #FFFFFF;
	font-family: Futura, 'Century Gothic', 'Apple Gothic', sans-serif;
	font-size: 1.1em;
	margin:0;
	padding:0 0 10px 0;
}

#connect {
	width:180px;
	float:right;
	text-align:center;
	margin-right:5px;
	margin-top:5px;
}

#connect img{
margin:2px;
}
*/


#latest{
	float:left;
	font: 1.1em Futura, 'Century Gothic', 'Apple Gothic', sans-serif;
	color: #eeeeee;
	margin:0 0 0 5px;
	padding:0;
	clear:both;
	text-align:left;
	width:500px;
	height:auto;
	
}


	
	
/* ----------- Menu ----------- */

#logo{width:940px;margin:0 auto; text-align:left;height:0px;overflow:visible;z-index:500;position:relative;}

	
#navwrap{
	width:100%;
	margin:0 auto;
	padding:0;	
	background-image:url('img/blackBg.png');
	background-repeat:repeat;
	height:70px;
	z-index:50;
	position:relative;
	}

#topnav{
	text-align: center;
	font: 1.2em Futura, 'Century Gothic', 'Apple Gothic', sans-serif;
	width:850px;
	margin:0 auto;

}

ul#menu{
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: right;
	float:right;
	}

ul#menu li{
	display: block;
	float: left;
	padding: 10px 0 0 0;
	margin: 8px 0 0 10px;
	}

ul#menu li a{
	padding: 5px;
	margin: 0 0 10px 0;
	display: block;
	text-align: center;
	color:#eeeeee;
	border: thin dotted #333333;
	}

ul#menu li a:hover{
	color: #eeeeee;
	border: thin dotted #580c39;
	}
	
	
/* ----------- Centerpieces ----------- */


#content{
	width:860px;
	padding:10px 50px;
	margin:0 auto;
	font-size:1.2em;
	line-height:1.4em;
	text-align:left;
	}
	
#content p{
	margin-bottom:20px;
}
	
#content h2{
	font-size:1.6em;
	font-weight:100;
	text-transform:uppercase;
	color:#101010;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding-bottom:5px;
	border-bottom:dotted thin #FFCCFF;
	}
	
#content h2 a{
	color:#303030;
	text-decoration:none;
	}
	
#content h2 a:hover{
	color:#996600;
	text-decoration:none;
	}

#content .time{
	text-transform:uppercase;
	color:#999999;
	margin-top: -25px;
	float:right;
	}
	
#content .gray{
	color:#844a76;
	}
	
#content .edit{
	float:right;
	}
	
#content .time a{
	color:#ae3b88;
	text-decoration:none;
	}
	
#content .time a:hover{
	color:#2e1737;
	text-decoration:none;
	border-bottom:#ae3b88 solid 1px;
	}
	
.post{
	padding:0;
	margin:0 25px;
	}
	
.topbox{
	background-image: url('img/box.png');
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 860px;
}

.centerbox{
	background-image: url('img/boxBg.png');
	background-repeat: repeat-y;
	background-position: center;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 860px;
}

.bottombox{
	background-image: url(img/box.png);
	background-repeat: no-repeat;
	background-position: center -90px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 25px;
	width: 860px;
}
	
	
.details{
	padding:2px 15px 2px 15px;
	}
	
.details a:hover{
	color:#2e1737;
	border-bottom:#ae3b88 solid 1px;
	}
	
.spacer{height:50px;width:100%;clear:both;}
	

/* ----------- Previous & Next link ----------- */
	
.navigation{
	text-align:center;
	clear:both;
	width:860px;
	margin:0 auto;
	float:left;
	}
	
/* ----------- Footer ----------- */
#footer{
	width:100%;
	color:#eeeeee;
	clear:both;
	padding:0;
	position: relative;
	margin-top: -162px; /* negative value of footer height */
	height: 162px; 
		}
#footerTop{
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: 0px;
	padding: 0px;
	height: 43px;
	width: 100%;
	background-image:url(img/topFooter.png);

}


#footerContent {
background-color:#000000;
background-image:url(img/footBg.png);
background-position:top center;
background-repeat:no-repeat;
width:100%;
padding:0 0 50px 0;
}


#panelContainer{
width:810px;
margin:0 auto;
}

.panel{
float:left;
text-align:left;
margin-top:20px;
font-size:1.0em;
height:90px;
overflow:hidden;
}

.panel a{
color:#eeeeee;
text-decoration:none;
}

.panel a:hover{
color:#ffcccccc;
text-decoration:underline;
}

ul.foot{
	list-style-type: none;
	text-align: left;
	margin:0;
	padding:0;
	}

ul.foot li{

	}

ul.foot li a{
color:#eeeeee;
	}

.navigation a{color:#ffffff;}

ul.foot li a:hover{
	color: #eeeeee;
	}
	
#p1, #p2, #p2b{
	width:150px;
}


#p3{
text-align:right;
width:360px;
}

html, body, .wrapper {height: 100%;}

body > .wrapper {height: auto; min-height: 100%;}

#main {padding-bottom: 162px;}  /* must be same height as the footer */


/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */