body{
	margin:0;
	padding:0;
	font:76% tahoma,verdana,sans-serif;
	background:#e6e6e6 url(images/bodybg.png) repeat-x;
	color:#333;
	text-align:center;
}

a{
	text-decoration:none;
	color:#269;
	border:none;
	cursor:pointer;
}

a:hover{
	text-decoration:underline;
}

p{
	margin:0 0 15px 0;
	line-height:1.5em;
}

h1,h2,h3,h4{
	margin:0;
	padding:0;
	font-weight:normal;
}

h1{
	font-size:3.2em;
	letter-spacing:-3px;
	color:#567;
	margin:12px 0 5px 20px;
}

h1 a:hover{
	text-decoration:none;	
}

h2{
	font-size:1.8em;
	letter-spacing:-1px;
	margin:-10px 0 0 50px;
	color:#888;
}

h3{
	color: #555;
	font-size:1.4em;
	margin:1em 0 0.5em 0.5em;
}

h4{
	font-size:1.2em;
	font-weight:bold;
}

#container{
    width:1100px;
    min-width:700px;
    padding:0 20px;
    margin:0 auto;
    background:#f0f0f0 url(images/contentbg.png) repeat-x;
    color:#333;
    text-align:left;
    border-left:1px solid #eef;
    border-right:1px solid #eef;
}

#sitetitle{
    float:right;
    height:100px;
    width: 300px;
}


#menu{
    float:left;
    height:71px;
    padding-top:35px;
    text-align: right;
    width: auto;
    position:relative;
    z-index:9999;
}

ul.topnav {    
    list-style: none;
    margin: 0;
    font-size: 1.2em;
    z-index:50;
}
ul.topnav li {

    height:100px;
    float: right;
    margin: 0;
    padding: 0 15px 15px 0;
    position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
    padding: 10px 5px;
    color: #222;
    display: block;
        text-decoration: none;
        float: left;
}
ul.topnav li a:hover{
    font-weight:bold;
}
ul.topnav li span { /*--Drop down trigger styles--*/
    width: 17px;
    height: 35px;
    float: left;
    background: url(images/down.png) no-repeat center top;
}
ul.topnav li span.subhover {cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {

    font-size: 0.9em;
    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 0; top: 30px;
    background: #333;
    margin: 0; padding: 0;
    display: none;
    float: left;
    width: 80px;
    border: 1px solid #111;
}
ul.topnav li ul.subnav li{
    margin: 0; padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    width: 80px;
    height:auto;
}
ul.topnav li ul.subnav li a {
    color:#FFF;
    float: left;
    width: 65px;
    background: #333;
    padding-left: 10px;
}
ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
    background: #222;
}

ul.topnav li ul.subnav li ul.subnav2  {

    list-style: none;
    position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
    left: 80px; top: 0px;
    background: #333;
    margin: 0; padding: 0;
    display:none;
    float: left;
    width: 130px;

}
ul.topnav li ul.subnav li ul.subnav2 {
    margin: 0; padding: 0;
    border-top: 1px solid #252525; /*--Create bevel effect--*/
    border-bottom: 1px solid #444; /*--Create bevel effect--*/
    width: 70px;
    height: auto;
    padding-left: 10px;
}
ul.topnav li ul.subnav li ul.subnav2 a {
    color:#FFF;
    float: left;
    width: 105px;
    background: #333;
}
ul.topnav li ul.subnav li ul.subnav2 a:hover { /*--Hover effect for subnav links--*/
    background: #222;
}




#content{
	margin-top:30px;
	width:100%;
	clear:both;
}

#content h2{
	margin:0 0 10px 0;
	color:#900;
	border-bottom:2px solid #abb;
}

#content h2 a{
	color:#555;
	font-size:80%;
	font-weight:normal;
}

#content h2 a:hover{
	color:#269;
	text-decoration:none;
	background:none;
}

#content p{
	margin:0 0.5em 1.2em 0.5em;
}

#left{
	width:770px;
	float:left;
}
#left table tr:hover td { background:url("images/high-light.png"); }


#right{
	margin-left:792px;
	margin-top:-15px;
}

#right h2{
	margin:0 0 8px 0;
	padding:12px 0 0 0;
	font-size:1.6em;
}

#footer{
	clear:both;
	padding:10px 0 12px 24px;
	text-align:left;
	color:#888;
}

#footer a{
	color:#888;
	font-weight:normal;
}
#footer a:hover{
	color:#888;
	font-weight:bold;
}
#footer span{
	color:#aaa;
	font-size:2em;
	letter-spacing:-2px;
}

.entry{
	position:relative;
	margin:0 0 20px 0;
	border:2px solid #fff;
	background:#eee url(images/entrybg.png) repeat-x;
	color:#333;
	padding:10px 10px 0 10px;
}
.eradio{
	background: url(images/eradio_background%20copy.png) no-repeat;
	position:relative;
	margin:0 0 20px 0;
	border:2px solid #fff;
	color:#333;
	padding:10px 10px 0 10px;
}
#eadio_entry {
	position:absolute;
	left:400px;
	top:330px;
	width:375px;
	height:260px;
	z-index:1;
	overflow:scroll;
}

.entry a:hover, .intro a:hover{
	text-decoration:none;
	padding-bottom:2px;
	background:url(images/flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}
.pushUp {
    position:relative;
    bottom:11px;
}
.link{
	color:#269;
	background:url(images/linkarrow.gif) left no-repeat;
	display:block;
	margin:4px 0 0 0;
	padding:2px 1em;
}

.link:hover{
	color:#48b;
	background:url(images/blinkarrow.gif) left no-repeat; /* Delete this line to remove the blinking arrows by the links */
	text-decoration:none;
}

.thumbs img{
	position:relative;
	padding:3px;
	margin:0 2px 2px 0;
	border:1px solid #fff;
	background-color:#ddd;
	color: #555;
}

.thumbs img:hover{
	background: url(images/flash.gif); /* Delete this line to remove the blinkingblue frame around the thumbnails */
}

.entryphoto{
	margin:5px 10px 10px 0;
	float:left;
	padding:3px;
	border:1px solid #fff;
	background-color:#ddd;
	color:#333;
}

.meta{
	clear:both;
	border-top: 2px solid #ccc;
	padding: 5px 1px 0 0;
	margin:10px 0 0 0;
	text-align:right;
	font-size:0.9em;
	color: #567;
}
.metaleft meta{
	text-align:left;
}
.pagenav{
	color: #888;
	text-align:center;
}

.entry img{
	position:relative;
}

.forum entry{
	width:1100px;
};

.subcontainer {
	width:98%;
}

.rightsub{
	float:left;
	width:45%;
	padding:0;
}

.rightsub2{
	margin-left:50%;
	padding:0;
}

.date{
	display:block;
	float:left;
	font-weight:bold;
}

.right{
	text-align:right;
}

.center{
	text-align:center;
}

.clear{
	clear:both;
}

.hide{
	display:none;
}

.login_logo{
	
}


/* fancyform styles */

.checked{background-color:#BBB;background-image:url(images/chk_on.png);background-repeat:no-repeat;}
.unchecked{background-image:url(images/chk_off.png);background-repeat:no-repeat;)}
.selected{background-color:#999;background-image:url(images/rdo_on.png)background-repeat:no-repeat;}
.unselected{background-color:#CCC;background-image:url(images/rdo_off.png)background-repeat:no-repeat;}
.leftcol{float:left;clear:left;width:50%}
.rightcol{float:left;clear:right;width:50%}

/* 
================================================
autosuggest, inquisitor style
================================================
*/

div.autosuggest
{
	position: absolute;
	background-image: url(images/as_pointer.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	background-image: url(images/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}
div.autosuggest div.as_footer
{
	background-image: url(images/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(images/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(images/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	overflow: hidden;
	background-color: #333;
}


div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: #333;
}

div.autosuggest ul li
{
	color: #ccc;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a
{
	color: #ccc;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #000 0px 0px 5px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: #444;
}
div.autosuggest ul li.as_highlight a:hover
{
	background-color: #1B5CCD;
}

div.autosuggest ul li a span
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #ccc;
}

div.autosuggest ul li.as_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
	background-image: url(images/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span
{
	background-image: url(images/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	background-image: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
	background-image: url(images/hl_corner_tl.gif);
	background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
	background-image: url(images/hl_corner_tr.gif);
	background-position: bottom right;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
	color: #6EADE7;
}

/***********************************************************************************
FORUMS
*/
/* Basic Elements */

#header {

			margin: 0px auto;
			height: 125px;
			border: 1px solid #444444;
			background-color: #1e1e1e;
			background-image: url(images/header_bg.png);
			background-position: left;
			background-repeat: repeat-x;
			

}


#navbar {
	
			margin: 0px auto;
			height: 155px;
			background-color: #1e1e1e;
			background-image: url(images/navbar_bg.png);
			text-align: center;
			

}


#toolbar {

			margin: 0px auto;
			height: 30px;
			background-color: #000;
			

}

#wrapper {

			margin: 0px auto;
			width: 1100px;
			border: 1px solid #555555;

}

#online {

			margin: 0px auto;
			width: 1100px;
			border: 1px solid #555555;
			border-top: 0px;
			position: relative; top: 15px;

}

#footer_forum {

			color: #ccc;
			font-family: Verdana;
			font-size: 10px;
			height: 30px;
			margin: 0px auto;
			text-align: center;
			
}

#footer_forum a {
	color:#ccc;
}
/* Other Id's */

#header #logo {

			float: left;
			width: 325px;
			height: 55px;
			background-image: url(images/logo.png);
			background-position: center center;
			background-repeat: no-repeat;
}

#header #search {

			float:right;
			width: 350px;
			position: relative; top: 10px; right: 15px;
			text-align: right;
}


#header #topnav {

			float: right;
			position: relative; top: 30px; right: 15px;
			font-family: Verdana;
			font-size: 10px;
			color: #ccc;
			
}

#header #topnav a {

			color: #ff7507;
			text-decoration: none;
}

#header #topnav a:hover {

			text-decoration: underline;

}


#header #sloagan {

			font-size: .6em;
			font-family: Verdana;
			color: #ccc;
			letter-spacing: -.1em;
            position: relative;
			left: 15px;
			width: 275px;

}

#toolbar #login {

			float: right;
			position: relative; top: 3px; right: 15px;
			width: 290px;
			text-align: right;

}

#toolbar #message {

			margin: 0px auto;
			position: relative; top: 8px;
            		font-family: Verdana;
			font-size: 10px;
			color: #cccccc;
			width: 250px;
			
			
}

#toolbar #message a {

			color: #ff7507;
			text-decoration: none;
}

#toolbar #message a:hover {	
			
			text-decoration: underline;

}

#toolbar #date {

			float: left;
			font-size: 10px;
			font-family: Verdana;
			color: #cccccc;
			width: 250px;
			position: relative; top: 8px; left: 10px;
}


#online .f_header .title {

			position: relative; left: 35px;
			border-right: 0px;

}


#online .users_list {

			background-color: #1e1e1e;
			padding: 15px 5px 15px 5px;
			font-size: 10px;
			font-family: Verdana;
			text-align: center;
			color: #cccccc;
}

#online .users_total {
			
			background-color: #1e1e1e;
			font-size: 10px;
			font-family: Verdana;
			color: #cccccc;


}


#online .users_list span a {

			text-decoration: none;
}

#online .users_list span a:hover {

			text-decoration: underline;
}

#online .users_total span {

			position: relative;
			left: 15px; bottom: 5px;
			

}

.ranks {	

			position: relative;
			left: 40px;
}

#footer span {

			position: relative;
			top: 8px;
			padding-left: 20px;
}

#footer span a {

			color: #777777;
			text-decoration: none;
}

#footer span a:hover {

			color: #ff7507;
}

/* Forum header */

.f_header {
	
			background-color: #f4f4f4;
			height: 26px;
			font-size: 11px;
			font-weight: bold;
			font-family: Verdana;
			color: #ccc;
			padding: 12px 0px 0px 0px;
			background-image: url(images/fheader.gif);
			background-repeat: repeat-x;
			

}

.f_header .h_title, .h_lastpost, .h_threads, .h_posts {

			float: left;
			text-align: center;
			

}


.f_header .h_title {width: 390px;}
.f_header .h_lastpost {width: 365px;}
.f_header .h_threads {width: 90px;}
.f_header .h_posts {width: 200px; border-right: 0px;}

/* Category bar */

.category {

			height: 32px;
			background-image: url(images/topic_bg.png);
			background-repeat: repeat-x;
			font-family: Verdana;
			font-size: 11px;
			color: #333333;
			padding: 8px 0px 0px 12px;
			border-top: 1px solid orange;
}


/* Threads */

.thread {
	
			background-color:#FFF;
			height: 40px;
			background-image: url(images/thread_bg.png);
			background-repeat:repeat-x;
			font-family: Verdana;
			font-size: 11px;
			color: #777777;
			font-weight: bold;
			
}

.threadPost {
			background:url(images/thread_bg.png) repeat-x #FFF;
			font-family: Verdana;
			font-size: 11px;
			height: 250px;
			overflow:scroll;
	
}

.thread .pic, .title, .lastpost, .threads, .posts {

			float: left;
			text-align: left;
			border-right: 1px solid #dddddd;
			
}
			
.thread .pic {width: 90px;}
.thread .title {width: 300px;}
.thread .lastpost {width: 365px;}
.thread .threads {width: 90px;}
.thread .posts {width: 200px; border-right: 0px;}

.thread div {
	
			height: 27px;
			padding: 13px 0px 0px 0px;

}

.thread div.lastpost {

			height: 32px;
			padding: 8px 0px 0px 0px;

}


.thread div.lastpost .date {
	
			font-weight: normal;
			font-size: 9px;

}

 .new {

			background-image: url(images/forum_new.png);
			background-position: center center;
			background-repeat: no-repeat;
}

 .old {

			background-image: url(images/forum_old.png);
			background-position: center center;
			background-repeat: no-repeat;
}

 .locked {

			background-image: url(images/forum_lock.png);
			background-position: center center;
			background-repeat: no-repeat;
			width: 40px;
			height: 40px;
}

 .sticky {

			background-image: url(images/forum_sticky.png);
			background-position: center center;
			background-repeat: no-repeat;
			width: 40px;
			height: 40px;
}

/* Navigation */


#navbar #links  {

			position: relative;
			top: 4px; 
					
}

#navbar #links div {
			
			cursor: pointer;
}

#navbar #links .home {

			float: left;
			background-image: url(images/home.png); 
			background-repeat: no-repeat;
			background-position: center center;
			height: 150px; width: 150px;
			position: relative; left: 90px;
			
}

#navbar #links .about {

			float: left;
			background-image: url(images/about.png); 
			background-repeat: no-repeat;
			background-position: center center;
			height: 150px; width: 150px;
			position: relative; left: 90px;
			
}

#navbar #links .signup {

			float: left;
			background-image: url(images/signup.png); 
			background-repeat: no-repeat;
			background-position: center center;
			height: 150px; width: 150px;
			position: relative; left: 90px;
			
}

#navbar #links .links {

			float: left;
			background-image: url(images/links.png); 
			background-repeat: no-repeat;
			background-position: center center;
			height: 150px; width: 150px;
			position: relative; left: 90px;
			
}

#navbar #links .help {

			float: left;
			background-image: url(images/help.png); 
			background-repeat: no-repeat;
			background-position: center center;
			height: 150px; width: 150px;
			position: relative; left: 90px;
			
}



/* Form elements */

 .textbox {

			background-color: #1e1e1e;
			background-image: url(images/textbox_bg.png);
			background-position: top left;
			background-repeat: no-repeat;
			color: #cccccc;
			font-family: Verdana;
			font-size: 10px;
			width: 120px;
			height: 13px;
			border: 1px solid #222222;
			padding-left: 5px;
}

.button {

           		background-color: transparent;
			color: #ff7507;
			font-weight: bold;
			border: 0px;
			width: 20px;
		    
}

.button:hover {
	
			cursor: pointer;
}

/* User Levels */

.admin { color: #21a2d6; }
.moderator { color: red; }
.user { color: #ff7507; }
.guest { color: #cccccc; font-weight: normal; }
.left { float: left; }
.right { float: right; };
.center { margin: 0px auto; };


/* Extras */

.clear { clear: both; }

/************************************************************************
eradio file uploader
******************************/
.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 7px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

/*THE BOx THAT STAYS*/
#box {
	background:#F00;
	
    height: 50px;
    width: 310px;
    position: fixed;
	bottom: 00px;
    right: 00px;
	z-index:100;
	cursor:pointer;
	
	 /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=50);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.5;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.5;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.5;
}
#box:hover
{
	background:#F30;
	/* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=100);

        /* Older than Firefox 0.9 */
        -moz-opacity:1;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 1;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 1;
}