/*
Theme Name: Blackout
Theme URI: http://www.temptemptemp.com/
Description: A template designed for the Brisbane club Blackout.
Author: boss & junior enterprises
Author URI: N/A
Version: 1.0
.
This template is Copyright 2009 boss & junior enterprises. Do not use without permission.
.
*/

body { margin:0; background:#000 url(images/bg.gif); color:#b3b3b3; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:8pt }
body * {margin:0; padding:0;}
a { color:#FFFFFF; font-style:italic; text-decoration:none}
a:hover { text-decoration:underline }
h1 { font-size:13pt; text-transform:uppercase; color:#FFF; border-bottom:4px solid #fff; padding:0 0 2px 4px; margin-bottom:16px; font-style:normal}
h2, h2 a { font-size:10pt; text-align:center; font-weight:bold; color:#9e005d; margin-bottom:20px; font-style:normal; text-transform:uppercase}
p { line-height:19px; margin-bottom:8px}
hr { margin: 20px 0; }
li { margin-left:17px;}
ul { margin-bottom:7px }
.seperator { width:850px; background:#fff; height:10px; text-align:center}
.clr { clear:both }
.ra { text-align:right }
p img {	padding: 0;	max-width: 100%;}
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;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #fff;}
.aligncenter,div.aligncenter{display: block;margin-left: auto;margin-right: auto;}

#container { width:850px; margin:0 auto; text-align:left; border:15px solid #f2f2f2; margin-bottom:8px; background:#1a1a1a}
#header img { border:0 }

#menu { height:53px; width:850px; background:url(images/menu_bg.gif) top right no-repeat; }
#menu, #menu ul { list-style: none; }
#menu ul {padding:2px 0 2px 4px;}
#menu, #menu * { padding: 0; margin: 0; }
#menu ul li { float:left; position:relative}

#menu ul li a { display:block; height:48px; line-height:48px; text-align:center; font-size:12px; font-weight:bold; font-family:"Arial Black"; text-decoration:none; position:relative; color:#fff;}
#menu ul li a.selected span { background-position:0 48px; }
#menu ul li a span{ position:absolute; height:48px; left:0; top:0;}
#menu ul li a span:hover{ background-position:0 48px;}

#news_but {width:77px}
#news_but span {background-image:url(images/news_but.jpg); width:77px}
#events_but { width:91px;}
#events_but span {background-image:url(images/events_but.gif); width:91px;}
#gallery_but { width:100px;}
#gallery_but span {background-image:url(images/gallery_but.gif); width:100px;}
#deejays_but { width:102px;}
#deejays_but span {background-image:url(images/deejays_but.gif); width:102px;}
#join_but { width:145px;}
#join_but span {background-image:url(images/join_but.gif); width:145px;}
#contact_but { width:102px;}
#contact_but span {background-image:url(images/contact_but.gif); width:102px;}

#content { margin:2px; padding:17px; border:2px solid #fff}
#main { width:540px; float:left }
#side { width:235px; float:right; text-align:center }
#side .item { margin-bottom:30px; }
#side .item img { border:0 }
#side .item h2 { font-size:13pt; text-transform:uppercase; color:#b3b3b3; border-bottom:4px solid #b3b3b3; padding:0 0 2px 4px; margin-bottom:16px; text-align:left }
#side .item input.txt { width:150px; border:0; background:#b3b3b3; padding:5px 4px; margin-right:5px; color:#9e005d; font-size:8pt}
#side .item input.but { vertical-align:middle; margin-top:-4px; }

#bot-menu { height:32px; border:2px solid #fff; margin:2px; background:#000}
#bot-menu a { line-height:32px; font-weight:bold; text-transform:uppercase; font-style:normal; margin-left:17px}
#bot-menu a:hover { color:#9e005d; text-decoration:none}

/* WORDPRESS DEFINITIONS */
.post_nav a { text-transform:uppercase}