* {
    margin: 0;
    padding: 0;
}


body {
background-color: #222;
color: white;
font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
font-size: 80%; /* 62.5% default - This sets the default font size to be equivalent to 10px */
margin: 0;
}

a:hover		{ color: #fc0; text-decoration: none }
a:active	{ color: #4288B2; text-decoration: none }
a		{ color: #4288B2; text-decoration: none;}
a:visited     	{ color: #4288B2; text-decoration: none }

a img {
border: 1px solid #808080;
text-decoration: none; /*IE7 Blue Borders FTW!*/
}

a:hover img{
border: 1px solid #808080;
}


.topbg {
/*background: url('/ssx_forum/styles/site/images/headerbg.jpg') no-repeat center top transparent;*/
height: 100px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1;
}


.wrapper {
margin: auto;
position: relative;
width: 978px;
z-index: 2;
}

.header {
background: url('/ssx_forum/styles/site/images/header.jpg') no-repeat left top #000000;
/*background: #222;*/
position:relative;
height:150px;
z-index:11;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

.featured {
background: #666;
/*border-bottom: 1px solid #777;*/
border-right: 1px solid #000;
border-left: 1px solid #000;
/*border-top: 2px solid #555;
padding: 10px 15px; */
}

.content {
background: #000; /*main page background color */
padding-left: 10px;
}

.footer {
background: url('/ssx_forum/styles/site/images/footer.jpg') no-repeat right -100px #000000;
font-size: .85em;
color: #777;
height: 82px;
padding: 15px;
border-top: 1px solid #222;
border-left: 1px solid #222;
border-right: 1px solid #222;
}

.clear {
clear: both;
}

/* ----------HEADER--------------*/

.logo {
background: url('/ssx_forum/styles/site/images/merqcitylogo.png') no-repeat center bottom transparent;
height: 93px;
width: 459px;
margin: 0 0 5px 10px;
display: block;
top: 15px;
left: 5px;
position: absolute;
}

#switcher {
width: 25px; 
height: 16px; 
float: right;
margin: 10px 15px 0 0;
}

#switcher a, #switcher a:hover {
text-decoration: none; 
}

a.bw_dark {
display: block; 
width: 13px;
height: 16px;
border: 0; 
background: url('/ssx_forum/styles/site/images/bw.gif') no-repeat top left transparent;
float: left;
}

a.bw_light {
display: block; 
width: 12px;
height: 16px;
border: 0; 
background: url('/ssx_forum/styles/site/images/bw.gif') no-repeat top right transparent;
float: left;
}

/* menu format derived from a design by Kineda - http://www.kineda.com/ */

.header .menu {
background: transparent url('/ssx_forum/styles/site/images/menubg.png') left top repeat;
border-top: 1px solid #000000;
height: 35px;
left: 0;
list-style: none outside none;
position: absolute;
top: 115px;
width: 976px;
z-index: 10;
display: block;
}


.header .menu > li {
float: left;
position: relative;
list-style: none outside none;
border-right: 1px solid grey;
}

.header .menu > li > a {
color: #FFF;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
height: 35px;
width: 111px;
line-height: 35px;
margin-right: 2px;
padding: 0 25px;
}

.header .menu > li > a:hover, .header .menu > li:hover > a {
background: #222;
color: #FC0;
text-decoration: none;
}

.header .menu > li.dropdown > a > span {
background: none repeat scroll 0 0 red;
display: block;
width: 100%;
}

.header .menu > li:hover > ul {
display: block;
}

.header .menu > li ul {
list-style: none outside none;
/*padding-bottom: 6px;*/
position: absolute;
width: 161px;
z-index: 10;
}

.header .menu > li > ul {
background: #222222;
display: none;
left: 0;
top: 35px;
}
.header .menu > li > ul > li > ul {
display: none;
left: 161px;
top: 0;
}

.header .menu > li > ul li {
background: #222222;
padding-top: 0;
position: relative;
border-top: 1px dotted #444;
}

.header .menu > li > ul li > a {
color: #FFFFFF;
display: block;
font-weight: bold;
outline: medium none;
padding: 10px;
}

.header .menu > li > ul li > a:hover, .header .menu > li > ul > li:hover > a {
background-color: #000000;
color: #FFCC00;
text-decoration: none;
}

.header .menu > li > ul > li:hover > ul {
display: block;
}

.header .menu > li.last {
float: left;
position: relative;
}


/* ----------FEATURED---------- */

.content_highlight {
width: 980px; 
height: 240px; 
}

.content_text {
float: left; 
}

.content_headline {

}

.content_body {

}

.player {
float:right; 
padding-right: 15px; 
padding-top: 15px; 
}

#slides {
float: left;
position: relative;
width: 600px;
height: 200px;
background: #444;
overflow: hidden; /* Important to sliding feature - don't change */
}

#slides a img {
border: none;
}


#slides #features_tabs {
position: absolute;
top: 0;
left: 0;
padding: 0;
margin: 10px 0 0 10px;
width: 94px;
height: 30px;
z-index: 5;
}

#slides #features_tabs li {
list-style: none;
padding: 0;
margin-bottom: 7px;
/* Define a border to prevent image movement when focused tab is highlighted */
border: 2px solid white;
border-color: transparent;
}

#features_tabs li a {
	display: block;   /* Makes entire tab area clickable */
}

/* Highlights currently selected tab marker */

.tabs-selected {
border: 2px solid white !important;
}

#slides #features div
{
	background-color: lightblue;
	height: 200px;
	width: 600px;
	float: left;
	text-align: right;
}

#slides .slide_bl_bg {
display:block;
background: transparent url('/ssx_forum/styles/site/images/menubg.png') left top repeat;
height: 60px;
top: 140px;
position: absolute;
}

#slides .slide_bl_bg .sl_caption {
font-family: Verdana, Arial, sans-serif;
font-size: 1.0em; 
color:#FFF; 
text-align:left; 
float:left;
margin-left: 110px;
padding-right: 20px;
width:470px
}
 #slides .slide_bl_bg .sl_caption h2,  #slides .slide_bl_bg .sl_caption a h2 {
font-size.1.2em;
font-weight: bold;
color: white;
text-decoration: none;
}

#slides .slide_bl_bg .sl_caption a:hover h2 {
text-decoration: underline;
}


.featured_side {
float: right;
width: 328px;
background: #333;
height: 198px;
margin: 25px 0px;
/*border-left: 1px solid #222;
border-right: 1px solid #222; 
border-bottom: 1px solid #222;*/
border: 1px solid #333;
}

.featured_side a:link, .featured_side a:visited, .featured_side a { 
color: #3CF;
text-decoration: none;
}

.featured_side a:hover {
color: #fc0;
text-decoration: none;
}

.recent_topics {
text-indent: -9999px; 
background: url(/ssx_forum/styles/site/images/topics.jpg) no-repeat left top transparent;
display: block;
height: 25px; 
width: 328px; 
margin-bottom: 5px;
}

.content ul li, .featured_side ul li  {
list-style: disc inside;
padding-left: 5px;
}

/* ----------CONTENT---------- */

.leftcol {
width: 560px;
padding: 15px;
float: left;
}

.rightcol {
width: 330px;
float: right;
padding-right: 10px;
}

fieldset  {
-moz-border-radius: 5px 5px 5px 5px;
border: 1px solid #215377;
margin: 10px 0;
padding: 4px;
}

legend {
color: #4388b2;
font-family: Verdana, Arial,sans-serif;
font-size: 1.1em;
margin-left: 10px;
}

.postdetails {
font-size: .9em;
color: #777;
font-weight: bold;
margin-bottom: 10px;
}

.postbody {
line-height: 1.5em;
}

.postbody img {
border: 1px solid grey; 
}

.headline_footer {
border-bottom: 1px solid grey; 
padding: 0.3em 0.5em 10px 0.5em;
min-height: 20px;
text-align: right;
margin: 0 0 20px 0;
}

.share_button {
float: left;
width: 10%;
}

.twitter {
margin-right: 60px; 
}

.l_videos {
width: 600px; 
float: left; 
margin-top: -10px; 
margin-left: -10px;
}

.l_videos .left {
width: 180px; 
padding: 2px;
margin-left: 10px; 
}

.l_videos left, .summary, .entry_details, .entry_author, .entry_type {
color: grey; 
font-size: .8em; 
}

.l_videos a img {
border: 1px solid grey;
}

.entry_title a {
margin-top: 13px; 
}

.l_videos .left img {
display: block; 
width: 176px; 
height: 132px;
}

.head_banner {
text-indent: -9999px; 
background: url(/ssx_forum/styles/site/images/headlines.jpg) no-repeat left top transparent;
display: block;
height: 25px; 
width: 615px; 
margin: 5px 0 0 -25px;
}

.headlines.h2, .headlines.h1  {
clear: both;
}

.headlines h2 {
font-weight: bold;
font-size: 1.7em;
margin: 10px 0 10px 0;
}

.headlines h2 a {
font-weight: bold;
color: white;
}

.headlines h2 a:hover {
text-decoration: underline;
}

span.left, div.left {
float: left;
}

span.right, div.right {
float: right;
}

.poll {
margin: 15px 0 10px 0; 
}

.fanart img  {
display: inline;
float: left;
margin: 0 10px 10px 10px;
border: 1px solid grey;
} 

span.summary {
display: block; 
}

p.giInfo {
display: inline; 
margin: 0; 
padding: 0; 
float: left;
}

.one-image h3, h4 {
display: none; 
}

.socialmedia .left {
width: 105px; 
text-align: center;
}

.socialmedia .left img {
display: block;
margin: 0 auto; 
padding: 5px 0;
border: 0;
}

.masterruns, .masterruns ul lh {
padding-bottom: 10px;
}

.masterruns ul li {
font-size: .85em; 
color: #777;
padding-left: 5px; 
list-style-type: square;
line-height: 1.4em;
}

/* --- SCORES TABLE --- */

.scores_table {
border-collapse: collapse;
border: 1px solid #333;
/*margin: 0 auto;*/
padding: 2px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
}

.scores_table thead th, caption {
background-color: #111;
text-transform: uppercase;
text-align: center;
padding: 3px;
color:white;
font-weight: bold;
border-right: 1px solid #333;
font-size: .9em;
}

caption {
background-color: #000;
height: 2em;
font-size: 1.6em;
padding: 5px;
border: 2px solid black;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
}


.scores_table td {
/*background: #555 url('images/scoreboard_images/index/rowbg.gif') repeat-x scroll center top;*/
text-transform: none;
font-size: .8em;
border-bottom: 1px solid #333; 
border-right: 1px solid #333;
padding: 4px 5px;
width: 75px;
text-overflow: hidden; 
}