/* Link styles
------------------------------------------------ */

a:link {color: #000; text-decoration: none;border-bottom:1px solid #000;}
a:visited {color: #000; text-decoration: none;border-bottom:1px solid #000;}
a:hover {color: #7B2121; text-decoration: none;border-bottom:1px solid #7B2121;}
a:active {color: #7B2121; text-decoration: none;border-bottom:1px solid #7B2121;}

a.no-border:link, a.no-border:visited {color: #161616;text-decoration:none;border:none;}
a.no-border:hover {color: #7B2121;text-decoration:none;border:none;}

a.more-link:link, a.more-link:visited {color:white;text-decoration:none;border:none;}
a.more-link:hover {color:#7B2121;}


/* Container
------------------------------------------------ */

body {
 	margin: 0px;
	padding: 0px;
 	text-align: center;
	background-color: #1F1E23;
        color:#161616;
        background-image: url('../images/35.jpg'); 
        background-repeat: repeat;
}

#wrapper
{
	position: relative;
	margin: 0px auto 0px auto;
	width: 960px;
	padding:8px;
	background-color: #FFF;

}


/* Header
------------------------------------------------ */

#masthead
{
    height: 234px;
    width: 960px;
    margin: 0px auto 0px auto;
    padding:0px 0px 6px 0px;
    position: relative;
    text-align: left;
    background-color: #000;
    background-image: url('../images/574.jpg'); 
    background-repeat: no-repeat;
}


.masthead-left
{
        float: left;
	width: 260px;
        height: auto;
	margin: 0px;
	padding: 40px 0 0 0;
        text-align:left;
}

.masthead-right
{
        float: right;
	width: 350px;
        height: auto;
	padding:0;
	margin: 0px;
        text-align:right;
}


#search
{
    height: auto;
    width: auto;
    margin:0px;
    padding:8px;
    float:right;
    text-align: right;
    background-color:#fff; 
}

#search {filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}
#search:hover { filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;}
#search form label{color:#000;font-weight:bold;font-size:100%}
#search form fieldset{margin: 0px; padding:0px;}
}


div.masthead-right div.register-email legend {
  color:#000;
  margin:0;
  padding:0;
  display:none;
}
div.masthead-right div.register-email label {
  color:#000;
  font-size:100%;
  margin:0;
  padding:0;
  float:left;
  width:200px;
  font-weight:bold;
}
div.masthead-right div.register-email input {
  float:left;
}
div.masthead-right div.register-email input.zemText {
  width:120px;
}

.register-email ul.zemError li {background:none;padding:0;}
}

.register-email {
    height: 75px;
    width: 280px;
    margin:5px 0 0 0;
    padding:8px;
    float:right;
    background:#fff; 
    cursor:pointer;

    display:none;
}

div#ad-top {
  background:#fff;
  position:absolute;
  right:10px;
  bottom:50px;
  100px;
  z-index:100;
}


/* Footer
------------------------------------------------ */


#footer
{   
    width: 960px;
    height: 67px;
    clear:both;
    position: relative;
    margin: 0px auto 0px auto;
    padding: 60px 0 0 0 ;
    line-height: 1.5em;
    text-align:left;
	background-color: #FFF;
    background-image: url('../images/28.gif'); 
    background-repeat: no-repeat;
}


#footer a:link{font-weight:normal;color: #999; text-decoration: none;border:none;}
#footer a:visited{font-weight:normal;color: #999; text-decoration: none;border:none;}
#footer a:hover{font-weight:normal;color: #000; text-decoration: none;border:none;}
#footer a:active{font-weight:normal;color: #999; text-decoration: none;border:none;}
#footer span {  margin:0px 8px 0 8px; }

#footernav
{ height: 3em; width: 936px;  margin: 4px 0px 0px 6px;  padding:0px; float:left; }

#footernav ul
{
margin:0 0 0 0; padding:0; list-style:none; display:inline; white-space:nowrap;
}

#footernav ul li {margin: 0; padding: 0; display: inline;list-style-type: none; font-family: Impact, Helvetica, Arial,  sans-serif; font-size: 1.2em; font-weight:normal;text-transform:uppercase; letter-spacing:1px;}

#footernav a {float:left; color:#FFF; background-color: #7B2121; 
margin:0 2px 0 0;padding:6px 12px 6px 12px; 
text-decoration:none;border:none;outline: none;
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}

#footernav a:hover {color:#fff; background-color:#000; cursor:pointer;filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;}  
#footernav .active a {background-color:#000;color:#fff;filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;} 

#address
{color:#F0F0F0;font-family: Impact, Helvetica, Arial,  sans-serif; font-size: 110%; margin: 0px 0px 0px 6px;text-transform:normal; }


/* Layout
------------------------------------------------ */

#content
{
	position: relative;
 	height: auto;
 	width: 960px;
 	text-align: left;
 	margin: 0px;
	padding: 0;
    background-image: url('../images/bkgd_content.gif'); 
    background-repeat: repeat-y;
    background-position: 0px 0px ;
    float: left;
}


.content-float-rigid
{
    height: auto;
    float: left;
    width: 759px;
    padding: 0px;
    margin: 0px;
}


.first-float-rigid
{
    height: auto;
    float: left;    
    width: 190px;
    padding: 0px;
    margin: 0px;
    background-color:#000;
}

.second-float-rigid
{
    height: auto;
    float: right;
    width: 558px;
    padding: 0px;
    margin: 0px;
}


.third-float-rigid
{
    height: auto;
    float: right;
    width: 200px;
    padding: 0px;
    margin: 0px;
    background-color:#000;
}

#lhscontainer, #maincontainer, #rhscontainer
{
    position: relative;
    height: auto;
    width: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

#maincontainer
{
    padding: 12px;
    background-color:#fff;
}

#rhscontainer
{
    padding: 0px 10px 12px 10px;text-align:center;
}

/* Navigation & Lists
------------------------------------------------ */

#nav
{ width: 940px;  margin: 150px 0px 0px 12px;  padding:0px; float:left; }

#nav ul
{
margin:0 0 0 0; padding:0 0 0 3px; list-style:none; white-space:nowrap;
}

#nav ul li {margin: 0; padding: 0; display: inline;list-style-type: none; font-family: Impact, Helvetica, Arial,  sans-serif; font-size: 1.4em; line-height:1.3em;font-weight:normal;text-transform:uppercase; letter-spacing:1px;}

#nav a {float:left; color:#FFF; background-color: #7B2121; 
margin:0 3px 0 0;padding:6px 12px 6px 12px; 
text-decoration:none;border:none;outline: none;
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;}

#nav a:hover {color:#fff; background-color:#000; cursor:pointer;filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;}  
#nav .active a {background-color:#000;color:#fff;filter:alpha(opacity=99);-moz-opacity:.99;opacity:.99;} 

.articlelist
{ 	
    width: auto;
    padding: 0px; 
    margin: 0px;
}

.articlelist ul, .articlelist dl
{
     margin: 0px;
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.articlelist dt
{
     height: auto;
     margin: 0px  0px  0px 12px;
     padding: 6px;
     list-style-type: none;
     text-align:left;
     color: #CECECE;
    font-family: Impact, Helvetica, Arial,  sans-serif;
    font-size: 110%;
}


.articlelist li, .articlelist dd
{
     height: auto;
     margin: 0px  0px  0px 12px;
     padding: 6px;
     list-style-type: none;
     text-align:left;
     color: #F0F0F0;
    font-family: Impact, Helvetica, Arial,  sans-serif;
    font-size: 110%;

}

.articlelist a
{
     padding: 0px 4px 0px 0px;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;
    font-family: Impact, Helvetica, Arial,  sans-serif;
    font-size: 130%;
    text-transform:uppercase;
    line-height: 1.2em;
}


.articlelist a:link, .articlelist a:visited { color: #F0F0F0; text-decoration: none;  border:none;}
.articlelist a:hover { color:  #FFF; text-decoration: none;      border:none;}
.articlelist a:active { color: #FFF;text-decoration: none;      border:none;}
.articlelist li a.active { color: #FFF;text-decoration: none; border:none;}


#sitemap {margin-left:12px;margin-top:12px;}

#sitemap h4 {font-weight:normal;}

.sitemaplist 
{ 	
    width: auto;
    height: auto;
    padding: 0; 
    margin: 0; 
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 90%;
    line-height: 1.2em;
}

.sitemaplist ul
{
     margin: 8px 0 0 0; 
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.sitemaplist li
{
     height: auto;
     margin: 0px 0px 2px 12px;
     padding: 0px 0px 2px 0px;
     list-style-type: none;

}

.sitemaplist a
{
     padding: 0;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;
}


.sitemaplist a:link, .sitemaplist a:visited { color: #000; text-decoration: none;  border:none;}
.sitemaplist a:hover { color:  #7B2121; text-decoration: none;      border:none;}
.sitemaplist a:active { color: #7B2121; text-decoration: none;      border:none;}
.sitemaplist li a.active { color: #7B2121; text-decoration: none;     border:none;}


div.home-article {width:335px;float:left;padding:0 12px 12px 0;}

/* Panels
------------------------------------------------ */

#panel-comic-strip
{
	text-align: center;
 	height: auto;
 	width: 960px;
 	float: left;
 	margin: -1px 0 0 0;
	padding:  6px 0 0 0;
        border-top:12px solid #000;
	background-color: #FFF;
}

.article-listing
{   float:left;
    margin:0px 0 16px 0;
    padding:0 ;
    position:relative;
    width:530px;
}

.article-listing-image
{   float:left;
    margin 0px;
    padding:0px;
    width:120px;
    position:relative;
}

.article-listing-main
{   float:right;
    margin 0px;
    padding:0 0px 0 6px ;
    width:390px;
    position:relative;
}

.article-listing-details
{   float:left;
    margin 0px;
    padding:0px;
    width:326px;
    position:relative;
    font-size:90%;
}

.event-thumb {float:left;width:130px;}
.event-details {float:left;width:600px;}


span.author {margin:0px 0px 0px 0px; font-weight:bold;font-size:110%;color:#000;font-style: italic;}

#slideshow-wrapper {width:735px;height:294px;background:#000;overflow:hidden;
padding:0px 12px 12px 12px;}



#latest-articles {width:735px;height:750px;background:#000;padding:12px;clear:both;}

#latest-events {width:735px;height:auto;background:#000;padding:12px;clear:both;}

#latest-events-list {padding:0 0 0 20px;}

div.event-list-bullet {float:left;width:120px;height:85px;margin:0 5px 0 0}

#latest-events img {float:left;padding:10px;}

#latest-articles h4{color:#F0F0F0;padding-bottom:4px;}

.latest-left {width:360px;height:auto;float:left;}
.latest-right{width:360px;height:auto;float:right;}


.article-latest-listing
{   float:left;
    margin:8px 0 4px 0;
    padding:0 ;
    position:relative;
    width:360px;
}

.article-latest-listing-image
{   float:left;
    margin 0px;
    padding:0px;
    width:100px;
    position:relative;
}

.article-latest-listing-image img
{width:90px;height:90px;border:1px solid #000;}

.article-latest-listing-image img:hover
{ border:1px solid #fff;}

.article-latest-listing-main
{   float:right;
    margin 0px;
    padding:0 6px 0 0 ;
    width:250px;
    position:relative;
}

.article-latest-listing-main h5 {font-size:1.2em;}

.article-latest-listing-main h5 a:link, .article-latest-listing-main h5 a:visited{color:#fff;}

.article-latest-listing-main h5 a:hover {color:#7B2121;}

.article-latest-listing-details
{   float:left;
    margin 0px;
    padding:0px;
    width:250px;
    position:relative;
    font-size:90%;
}

.article-latest-listing-details p{color:#fff;margin:0.1em 0;}

div.media-home-image {float:left;width:120px;height:120px;}
div.media-home-content {float:left;width:389px;margin:0 0 0 12px;}
div.media-home-vid {float:left;width:123px;padding:0 6px 8px 0;height:170px;}

div.media-home-content a {border:none;font-size:0.8em;font-weight:bold;color:#690B0B;}
div.media-home-content a:hover {color:#8F5050;}

div.media-home-content h2 {border-bottom:1px dotted #bbb;}
div.media-home-content h2 a {padding:0 0 7px 0;margin:0 0 5px 0;font-size:24px;color:#444;font-weight:normal;}

div.media-home-images a {width:123px;height:120px;float:left;margin:0 3px;}

div.vid-description {line-height:1em;font-size:0.8em;}

/* Headers and Paragraphs:
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
     line-height: 1em;
     padding: 0;
     margin: 0 0 0.2em 0;
     font-family: Impact, Helvetica, Arial, Verdana, sans-serif; 
}


h1 { font-size: 1.3em; font-weight: bold; color: #161616;}
h2 { font-size: 1.7em; font-weight: normal; color: #444444;line-height: 1.1em; }
h3 {  font-size: 1.5em; font-weight: normal; color: #555;line-height: 1.1em;}
h4  {  font-size: 1.5em; font-weight: normal; color: #000;line-height: 1.1em;}
h5 { font-size: 1.3em; font-weight: normal; color: #161616; }
h6 { font-size: 2.3em; font-weight: normal; color: #990000; }

h1 span{display:none; }

#lhscontainer h3
{
    margin: 8px 0px 0px 18px;padding:0px;
}



p {line-height: 1.4em;margin:  0.3em 0;padding-bottom: 1em;}

ol { margin: 0em; padding-bottom: 6px;}

ul{ margin: 0 0 0.4em 0; padding-bottom: 6px;}

ul ul{ margin: 0.5em 0 0.4em 0;padding: 0px;}

li{ margin-left: 0em; margin-right: 2em; font-size: 0.9em; line-height: 1.2em;   padding-bottom: 6px;}


ul ul li { margin-left: 1em; margin-right: 1em; font-size: 1em;line-height: 1.2em;  padding-bottom: 3px;}


blockquote
{
    width: 210px;
    height: auto;
    float: right;
    margin: 0px 0px 0px 10px;
    padding: 0px 0 0 10px;
    line-height:1em;
    font: normal 1.6em Impact, Arial, Verdana, Helvetica, sans-serif;
    color: #444444; 
}

/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, form, fieldset
{margin: 0; padding: 0; font: normal 100.01%/1.3em "Lucida Grande", Verdana, Arial, sans-serif;}

html { font-size: 70%; } /* 1em = 10px */
html { font-size: 80%; } /* override it ... go bigger */

/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label
{cursor: pointer;}

fieldset, form
{border: none;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }

a {outline: none;}
img {border:none;}


/* Form Styles
---------------------------------------------------------------- */


textarea, input{font: normal 1em Verdana, Arial, Helvetica, sans-serif;}

form fieldset
{width: auto;height:auto;padding: 0 0 12px 0;margin: 0;border: 0;}

form input#textarea{width:auto;}

form label { color:#999;font-weight: normal; font-size:1em;}
form label.required{ color:#999;font-weight: bold; font-size:1em;}

.form-container { width: auto;float:right;height: auto; margin: 0; padding: 0;}

.form-row {width:auto;clear:both; padding: 4px 0px 6px 0px; margin: 0; text-align:left;}


.form-row-checkbox {width:auto;clear:both; padding: 4px 0px 6px 0px; margin: 0 0 0 130px; text-align:left;}

.form-row input {float:left;}
.form-row textarea {float:left;}
.form-row select {float:left;}
.form-row label {width:130px;float:left;}

.zemError, .comments_error
{
margin:0 0 1em 0 ;
padding:1em 0 0 0;
}

ul.zemError, ul.comments_error
{
margin:0;
padding:0;
}

.zemError li, .comments_error li
{
     font: normal 0.9em Verdana, Arial, Helvetica, sans-serif;
    list-style: none;
    height:1.5em;
    padding:4px 0 4px 12px;
    margin-left:1em;
    color: #FF0000;
    background-image:  url(../images/error.png);
    background-repeat: no-repeat;
    background-position: 0 0px ; 
}
div#competition-form label {
    width:450px;
    color:#686868;
}


/* Dateblock
------------------------------------------------ */

.dateblock {
text-align: center; 
width: 3.8em;font-family: Arial; padding:0.5em 0 0.5em 0;background-color:#3E5352; background-image: url('../images/29.jpg'); background-repeat: repeat-x;float:right;margin:2px 12px 2px 0;color:#fff;}

.dateblock-day {font-size: 2.2em;margin-top:0.1em;position:relative;}
.dateblock-month{ font-size: 1.2em;text-transform:uppercase;position:relative;}
.dateblock-year{font-size: 1.2em;margin-top:0.2em;position:relative;}

/* Tables
------------------------------------------------ */


#maincontainer table {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;width:80%;padding:2px;margin:0 12px 24px 12px;border:none;border-collapse:collapse;}


#maincontainer table th {background: #000; color:#fff;padding:3px 3px 3px 6px ;margin:0;border:none;font-size:80%;}


#maincontainer table td {padding:3px 3px 3px 6px;margin:0;border:none;border-bottom: 1px solid #CECECE;}
table tr {border-bottom: 1px solid #CECECE;}

#maincontainer table.comments {font-size: 100%;margin-top:12px;margin-bottom:12px;}

#maincontainer table.comments td {padding:3px 3px 3px 6px;border:none;border: none;}
table tr {border: none;}



/* Pagination
------------------------------------------------ */

#pagination {padding-top: 24px;margin-left: 0px;font-weight: bold;color: #000;}
.pagination ul {padding: 4px 0px 4px 00px;margin: 0px 2px 0px 0px;}
.pagination li {display: inline;padding: 5px 8px 5px 8px;margin: 0px 2px 0px 0px; background:#F0F0F0;}
.pagination li a {color: #666600;  text-decoration:none;  border:none;}
.pagination li.paginationEmpty  {font-weight: normal; color: #666; background:#F8F8F8;}
.pagination li a:hover {color: #000;  text-decoration:none;border:none;}


/* Social Bookmarks
------------------------------------------------ */

div.sharesb {margin:18px 0 0px 0px;padding:0;clear:both;font-size:90%;}

.sharesb ul{text-align:left;list-style:none;margin:6px 0 6px 12px;padding:0;}

.sharesb ul li{text-align:center;display:inline;padding:0 6px 6px 0 ;}
.sharesb ul li.delicious {background:url("../images/30.gif") no-repeat 0 0;}
.sharesb ul li.digg {background:url("../images/31.gif") no-repeat 0 0;}
.sharesb ul li.reddit{background:url("../images/33.gif") no-repeat 0 0;}
.sharesb ul li.facebook{background:url("../images/32.gif") no-repeat 0 0;}
.sharesb ul li.stumbleupon{background:url("../images/34.gif") no-repeat 0 0;}

.sharesb ul li a{padding:0 0 0 18px;margin:0 6px 0 0px;border:none;text-decoration:none;}

.sharesb ul li a:hover {text-decoration:none;}

/* Article Next/Prev Navigation
------------------------------------------------ */

#article-nav
{
     margin:24px 0 0 0;
     padding: 0;
}


.article-nav-left, .article-nav-right
{
     width:45%;
     padding:0px;
     margin:0 0 6px 0;
}

.article-nav-left:hover, .article-nav-right:hover
{ }

.article-nav-left { float:left;}
.article-nav-right { float:right;text-align:right;}

.article-nav-left a:link, .article-nav-left a:visited, .article-nav-right a:link, .article-nav-right a:visited {color:#fff;border:none;}

.article-nav-left a:hover, .article-nav-right a:hover {color:#fff;border:none;}

/* Music Player
------------------------------------------------ */

.music-player-wrapper{
float: right;
height:auto;
width: 150px;
margin:0px;
padding: 2px 0px 0px 16px;
}

.music-player{
width:144px;
padding:12px 0 0 0;
margin:0px;
background-color:#405453;
background-image: url('../images/29.jpg');
background-repeat: repeat-x;
}

.music-image{padding:0px;margin:0px 12px 2px 12px;}
.music-controller{padding:0px;margin:0px;}
.music-image h4{color:#fff;margin-bottom:0.3em;}


/* Images / Graphics
------------------------------------------------ */

.hr {height: 1px; width: auto;background-image: url('../images/dash.gif'); background-repeat: repeat-x;padding:0;margin-bottom:4px;}
img { border: none;}
a {outline:none;}

#maincontainer img{ padding: 0px 0px 4px 0px;}
.image-right {float:right;margin-left:12px;margin-bottom:8px;}
.image-left {float:left;margin-right:12px;margin-bottom:8px;}


.article_image-thumbs-wrapper{ height: auto; width: 100%;float:left;clear:both;padding-top:6px;} 

.article_image-thumbs-wrapper p{ font-size:90%;} 

.article_image-thumbs {float: left; height: 120px;width:120px;position: relative;text-align: center;font-size: 90%; margin: 0px 12px 12px 0px;}
.article_image-thumbs img {position: relative;   padding:0px; margin: 0px;}
.article_image-thumbs a{border:none;outline: none;}
.article_image-thumbs span {width:120px; float:left;font-size: 70%;text-align: center;}
.article_image-thumbs img:hover {}
