body{
  background:#f3f3f3;
  text-align:center;
  font-family:sans-serif;
}

#outterWrap{
  background:#f3f3f3 url(top_bar.png) 50% 0 no-repeat;
}

#pageWrap{
  background:transparent 50% 100% no-repeat;
}


.player{
  display:inline-block;
  position:relative;
  line-height:0;
}

.player .play{
position:absolute;
  left:5px;
  bottom:5px;
}

/***********************

Styles for the top logo bar

************************/

#topBar{
  
  width:760px;
  padding-top:0px;
  padding-bottom:15px;
  text-align:left;
  margin:0 auto;
  
}

#logo{
  margin-left:10px;
  float:left;
}

#logo img{
  border:0px;
}

#joinFormDiv{
  float:right;
  text-align:right;
  font-size:0.8em;
  margin:0px 10px;
  color:white;
}

#joinFormDiv h4{
  margin:5px 0px;
  font-size:1.2em;
  color:white;
}

#joinFormDiv ul{
  float:left;
  color:black;
  margin:0px;
  margin-right:5px;
  padding:0px;
  padding-right:5px;
}

#joinFormDiv label{
  float:left;
  margin:0px;
  padding:0px;
}



/***********************

Styles for the top menu

************************/

#menu{ 
  margin-top:0px;
  width:950px;
  border-bottom:1px solid #ccc;
}

#menu ul{
  list-style:none;
  margin:0px;
  padding:0px;
  margin-left:10px;
  text-align:center;
  padding:15px;
}

#menu ul li{
  padding:0px;
  margin:0px;
  display:inline;
  font-weight:bold;
}


#menu li a{
  text-decoration:none;
  margin:2px 15px;
  padding:5px;
  color:#333;
}


#menu li.active a{
  color:white;
  background:#000;
}

#menu li.current a{
  color:#333;
  background:#ddd;
}



#menu li a:hover{
  color:black;
  border-bottom:3px solid #6ad0e5;
}

/***********************
Secondary Menu
***********************/
#secondaryMenu{
  border-bottom:1px solid black;
  margin-bottom:1.5em;
  width:950px;
}

#secondaryMenu ul{
  list-style:none;
  padding:0px;
  margin:0px;
  text-align:center;
  padding:15px;
}


#secondaryMenu ul li{
  padding:0px;
  margin:0px;
  display:inline;
  font-weight:bold;
}


#secondaryMenu li a{
  text-decoration:none;
  margin:2px 15px;
  padding:5px;
  color:#333;
}

#secondaryMenu li.current a{
  color:#333;
  background:#ddd;
}

#secondaryMenu li a:hover{
  color:black;
  border-bottom:3px solid #6ad0e5;
}

/***********************

Styles for the main 
content area

************************/
#bodyWrap{
  
  width:950px;
  margin:0 auto;
  text-align:left;
  padding-bottom:30px;
}


/***********************
* Home page styles
************************/

.roundBox{
  padding:20px;
  border:4px solid black;
  -webkit-border-top-left-radius: 15px;  
  -moz-border-radius-topleft: 15px;  
  border-top-left-radius: 15px;
  
  -webkit-border-bottom-right-radius: 15px;  
  -moz-border-radius-bottomright: 15px;  
  border-bottom-right-radius: 15px;
  border-bottom:15px solid black;
  margin-bottom:10px;
}

.thinCol{
  width:260px;
  float:left;
  margin-right:30px;
  
}

.medCol{
  width:346px;
  float:left;
  margin-right:30px;
  
}

.roundBox h4.round{
  margin:-20px;
  margin-bottom:1.5em;
  background:black;
  color:white;
  padding:5px;
  text-transform:uppercase;
}

#rightCol{
  margin-right:0px;
}





/*********************

Image feed styles

**********************/

ul.feed_image_list{
  list-style:none;
}

ul.feed_image_list li{
  float:left;
  margin:0px;
  padding:0px;
}



/*********************

Tag cloud styles

**********************/

#tags_div{ 
  margin:10px;
}

#tags_div a{ 
  margin:5px;
  padding:5px;
}

#tags_div a:hover{
  background:#eee;
} 



/*********************

Styles for the footer

********************/


#footer{
  
  width:944px;
  margin:0 auto;
  margin-top:-26px;
  padding-top:20px;
  padding-bottom:120px;
}





/*********************************
*Coments
**********************************/

.comment{
  border-bottom:1px solid #eee;
  padding:10px 0px;
  width:100%;
}

.comment .author{
  float:left;
  width:200px;
  margin:10px;
}

.comment .author_name{
  margin-bottom:10px;
}

.comment .date{
  margin-top:10px;
}

.comment .content{
  margin-left:220px;
}

/*****************************
* Blog layout
******************************/

#blogMainArea{
  
}

#blogSidebar{
 
}

.post{
 
}

.post .grav_img{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.post .body{
  clear:left;
}

.postInfo h3, .postInfo h5{
  border-bottom:0px;
  margin:0px;
}

.postInfo .grav_img{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.postBody{
  clear:left;
}




/***********************
* Directory stuff
************************/
.directory th{
  background:black;
  color:#fff;
}

.directory th a{
  color:#fff;
}

.directory td.icon{
  width:100px;
}



/*#pageBody img{
margin:10px;
padding3px;
background:white;
border:3px double black;
}*/




ul.gallery{ 
  margin:0px;
  padding:0px;
  list-style:none;
}

ul.gallery li{ 
  float:left;
  background:#eee;
  padding:0px;
  border:1px solid #ccc;
  margin:5px;
}

ul.gallery li a{
  display:block;
}




.pagination{
  background:#eee;
  padding:10px;
  border:1px solid #ccc;
  border-left:0px;
  border-right:0px;
  text-align:center;
  margin:10px 0px;
}

.pagination a{
  border:1px solid #ccc;
  padding:3px 8px;
  margin:3px;
}

.pagination a:hover{
  background:#ccc;
  color:black !important;
}

.tag1 {font-size: 1.0em;}
.tag2 {font-size: 1.2em;}
.tag3 {font-size: 1.4em;}
.tag4 {font-size: 1.6em;}
.tag5 {font-size: 1.8em;}
.tag6 {font-size: 2.0em;}



.info_item{
  margin-bottom:0.5em;
}

.info_item .label{
  font-weight:bold;
}


/***********************
**Some general form stuff
************************/


ul.form_errors{ 
  border:1px solid red;
  background:#fdd;
  padding:10px;
  padding-left:30px;
}

.submitted_ok{ 
  border:1px solid green;
  background:#dfd;
  padding:10px;
  padding-left:30px;  
  margin:10px;
}

input.form_error,textarea.form_error,select.form_error{ 
  border:2px inset red;
  background:#fdd;
}

label{
  font-size:1.2em;
  border:0px solid red;
  padding:5px 0px;
  margin:0px;
  display:block;
}

label span{ 
  border:0px solid red;
  display:block;
  width:12em;
  text-align:right;
  float:left;
  padding-right:5px;
}