/*
Theme Name: MetroCardCLub 
Theme URI: http://metrocardclub.com/
Description: Logo/Design by Enrique Sevilla. Ported to WordPress by Brenn Cemanes
Version: 1.0
Author: Ace Technologies, Inc
Author URI: http://metrocardclub.com/
Tags: sports magazine, custom header, custom body, fixed width, two columns, pages widgets

*/

html, body, div, span, object, iframe,
blockquote, pre, a, abbr, acronym, address, code,
h1, h2, h3, h4, h5, h6, p, del, dfn, em, img, 
q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit; 
}

body{ background-color: #000000; font-family: Arial, Helvetica, Georgia, Sans-serif;  color: #ffffff; }
a:link    { font-weight: 500;  text-decoration: none; color: #ffffff;  }
a:visited { font-weight: 500;  text-decoration: none;	color: #ffffff; }
a:hover   {	font-weight: 500;  text-decoration: underline;	color: #0099FF; }
a:active  {	font-weight: 500;  text-decoration: none;	color: #ffffff; }
.clear{ clear:both; }

div#main-content	{ background-color: #2a2525; margin: 0 auto; width: 933px; height: auto; border:0px solid #fff;  }
div#main-content p  { padding: 5px 5px; font-size: 12px; line-height:1.4em; }	
div#main-content h1 { background-color: #a70c0c; padding:10px 10px; font-size: 24px; font-weight:bold; }
div#main-content h2 { background-color: #a70c0c; padding:10px 10px; font-size: 18px; font-weight:bold; color:#ffffff; }
div#main-content h3 { padding:10px 10px; font-size:.95em; text-transform:capitalize; }
div#main-content h4 { padding:10px 15px; font-size:.85em; text-transform:capitalize; }
div#main-content h5 { padding:10px 15px; font-size:.80em; text-transform:capitalize; }
div#main-content h6 { padding:2px 5px; font-size:.70em; text-transform:capitalize; color: #007EFF; }
div#main-content .front-h2 { background-color: #000000; padding:10px 10px; font-size: 14px; }
div#main-content .center 	 {float:none; text-align: center; margin: 0 auto; }
div#main-content .right      {float: right; padding: 0 5px; }
div#main-content .left       {float: left;  padding: 0 5px; }
div#main-content .color      {color: #0099FF;  }

/* Start of CSS Header */
#wrapper { background-color: #2a2525; margin: 0 auto; width: 964px; height:100%  }
#wrapper .header {background-color: #000000; width:964px; height:160px;  }
#wrapper .header-tail {background: url(images/header-tail.jpg) no-repeat; width:964px; height:50px;  }
.header-tail .top-nav { background-color:#000000;  margin: 0 0 0 340px; width: 624px; font: .70em Verdana, Arial, Helvetica, sans-serif; }

#top-nav, #top-nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:2em; } 
#top-nav a{ display:block; padding:3px 9px; border:0px solid #575b4b; color:#fff; text-decoration:none; }
#top-nav a:hover{ background-color:#2a2525; color: #0099FF; }
#top-nav li{ float:left; height: 28px; margin: 2px 0 0 5px;  position:relative; }
#top-nav ul { position:absolute; border:0px solid #575b4b; display:none; width:12.5em; top:1.5em; }
#top-nav li ul a{ float:left; border:1px solid #575b4b; width:10em; height:auto; }
#top-nav li ul a:hover{ background-color: #575b4b; color:#fff; } 
#top-nav ul ul{ top:auto; }	
#top-nav li ul ul { left:11.75em; margin:0 0 0 10px; }
#top-nav li:hover ul ul, #top-nav li:hover ul ul ul, #top-nav li:hover ul ul ul ul{ display:none; }
#top-nav li:hover ul, #top-nav li li:hover ul, #top-nav li li li:hover ul, #top-nav li li li li:hover ul{ display:block; }
/* End of CSS Header */

/* Start of CSS Sidebar */
#main-content .left-content {float:left; width: 320px; height:auto; border: 0px solid #fff; }
.left-content .left-event {background-color: #0e0c0c; width: 320px; margin:0 auto 15px auto; padding: 10px auto; }
.left-content .left-ads {background-color: #0e0c0c; width: 300px; margin:0 auto 15px auto; padding: 10px 10px; }
.left-content .left-sched { background-color: #0e0c0c; width: 320px; height: auto; margin:0 auto 15px auto; }
.left-content .left-partner { background-color: #0e0c0c; width: 320px; height: auto; margin:0 auto 15px auto; }
.left-content .sociable { display:none;}
.left-content ul { margin: 5px auto; padding: 0 7px 5px 0;  }
.left-content ul li{ padding: 10px 10px; font-size:12px; list-style: none; }
.left-content .left-botton{background-color: #0e0c0c; width: 320px; margin:0 auto 15px auto; padding: 5px 0px; }
/* End of CSS Sidebar */

/* Start of CSS Right Content */
#main-content  .right-content { float: right; width:600px; border:0px solid #fff; }
.right-content ol li{ list-style: decimal; margin: 15px 30px; font: .75em Verdana, Arial, Helvetica, sans-serif;  }
.right-content ul li { list-style:square; margin: 5px 18px; font-size:12px; line-height: 1.7em; }
.right-content table, tr, th, td  { border: 1px solid #666666; margin: 10px  auto 5px auto; padding: 15px 0; font-size:12px; list-style-type: none; }
.right-content  pre { font: .85em Verdana, Arial, Helvetica, sans-serif; margin: 5px 5px; }
.right-content .postmetadata { font-size:10px; margin: 20px 0 0 8px; padding:0 0 15px 0; color:#444; width: 580px; color: #e4bc67; }
.right-content .right-holder { background-color:#000000; margin: 0 auto 15px auto; width:600px; height:auto; }
.right-content .right-thumb-holder {  margin: 0 auto 15px auto; width:600px; height: auto; }
.right-thumb-holder   ul li { list-style:square; margin: 5px 18px; font-size:12px; line-height: 1.7em; }
.right-thumb-holder  .stylez li { list-style: none; margin: 5px 18px; font-size:12px; line-height: 1.7em; }
.right-thumb-holder  .left-feed { float:left; background-color: #0e0c0c; margin: 0 auto; width:295px; height: auto;  }
.right-thumb-holder  .right-feed { float:right; background-color: #0e0c0c; margin: 0 auto;  width:295px; height:auto; }
.right-feed img { margin: 5px 5px 15px 2px; }

.right-thumb-holder  .left-fixed { float:left; background-color: #0e0c0c; margin: 0 auto; width:295px; height: 200px;  }
.right-thumb-holder  .right-fixed { float:right; background-color: #0e0c0c; margin: 0 auto;  width:295px; height:200px; }

.right-thumb-holder  .left-fixz { float:left; background-color: #0e0c0c; margin: 0 auto; width:295px; height: 250px;  }
.right-thumb-holder  .right-fixz{ float:right; background-color: #0e0c0c; margin: 0 auto;  width:295px; height:250px; }


.post-navigation{  padding: 10px 5px; width: 350px; font-size:12px;  line-height: 18px;	}
.post { background-color: #000000; width: 600px;  border: 0px solid #fff}
.post .sociable { font-size: 10px; margin: 40px 0 2px 5px;}
.post a {color: #FFFFCC; }

.post-archive { background-color: #000000;  border: 0px solid #fff}
.post-archive a { font-size:12px; margin: 0 5px; }
/* End of CSS Right Content */


/* Start of CSS Comments */
.comments-template{ background-color: #2a2525; margin: 20px 0 0; border-top: 3px solid #ccc; padding: 15px 5px; width:590px; } 
.comments-template ol{ 	margin: 0; padding: 5px 0 15px; list-style: none;}
.comments-template ol li{ margin: 0 0 0; line-height: 18px; padding: 0 0 10px; border-bottom: 1px solid #ccc; list-style:none; }
.comments-template .commentlist li { font-size:11px; color: #DAA052; list-style:none;}
.comments-template h2, .comments-template h3{ font-size: 16px; text-align:center; margin: 0 0 15px 0; }
.commentmetadata{ font-size: 12px; }
.comments-template p.nocomments{ padding: 0; font-size:9px; }
.comments-template textarea{ font-family: Arial, Helvetica, Georgia, Sans-serif; font-size: 12px; width: 580px; }
.comments-template #commentform input { margin: 5px 10px 5px 0; }
/* End of CSS Comments */


/* Start of CSS Gallery & Fieldset */
.ngg-galleryoverview { margin: 5px  0  0 0; width: 275px; height: auto; border: 0px solid #fff; } 
.ngg-album { margin: 50px auto; }
.ngg-album .ngg-albumtitle a { font-family:Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight:bold; color: #FFFFFF; }
.ngg-album .ngg-description p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color: #0099FF; }
.ngg-galleryoverview .ngg-navigation a { font-size:12px; padding: 0 5px; width: 200px; }
.ngg-galleryoverview .ngg-gallery-thumbnail-box { margin: 15px 15px; border:1px solid #ccc; } 

fieldset { 	border: 0;  margin: 0; 	padding: 15px 25px; }
fieldset label { width: 20%;  font-weight: bold; font: 80% Verdana, sans-serif; float: left; }
fieldset input, fieldset textarea { width: 75%; float: right; ; margin: 8px auto; }
fieldset .box { width: 15px; float: none; }
fieldset .button { 	font: .75em Arial, Helvetica, sans-serif bold; 	width: 25%; }
fieldset br { clear: both; }
/* End of CSS Gallery & Fieldset */


/* Start of CSS Footer */
#footer {
	background-color: #2a2525;
	margin: 0 auto;
	width: 964px;
	height: 50px;
	border-top: 1px solid #555;
}
#footer .bottom-nav {  margin: 0 auto; padding: 15px 0;  width: 600px; font: .70em Verdana, Arial, Helvetica, sans-serif;  }
#bottom-nav, #bottom-nav ul{ margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:2em;  }
#bottom-nav a{ display:block; padding:3px 10px; border:0px solid #575b4b; color:#fff; text-decoration:none; }
#bottom-nav a:hover{ background-color:#2a2525; color: #0099FF; }
#bottom-nav li{ float:left; height: 28px; margin: 0 0 10px 5px;  position:relative; }
#bottom-nav ul { position:absolute; border:0px solid #575b4b; display:none; width:12.5em; top:1.5em; }
#bottom-nav li ul a{ float:left; border:1px solid #575b4b; width:10em; height:auto; }
#bottom-nav li ul a:hover{ background-color: #575b4b; color:#fff; }
#bottom-nav ul ul{ top:auto; }	
#bottom-nav li ul ul { left:11.75em; margin:0 0 0 10px; }
#bottom-nav li:hover ul ul, #bottom-navli:hover ul ul ul, #bottom-navli:hover ul ul ul ul{ display:none; }
#bottom-navli:hover ul, #bottom-navli li:hover ul, #bottom-nav li li li:hover ul, #bottom-nav li li li li:hover ul{ display:block; }
 .sitemeter { display: none; }
/* End of CSS Footer */


/* Start of Calendar */
 .calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color: #FF3300;
		 font:Verdana, Arial, Helvetica, sans-serif bolder;
         border-bottom:1px dotted #000000;
         }
    .calnk a:visited {
         text-decoration:none;
         color: #FFFFFF;
 		 font:Verdana, Arial, Helvetica, sans-serif bolder;
         border-bottom:1px dotted #000000;
        }
    .calnk a {
        text-decoration:none; 
        color:#FFFFFF;
		font:Verdana, Arial, Helvetica, sans-serif bolder;
		text-align:center; 
        border-bottom:1px dotted #000000;
        }
    .calnk a span { 
        display:none; 
        }
    .calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        }
			
	table.calendar-table {
        border: 0px solid #000;	
		width: 80%;
		height: 50%;	        
     }	
     .calendar-table {
        border: none;		
        width:100%;
     }
     .calendar-heading {
        height:5%;
        text-align:center;
        border:1px solid #ccc;
        background-color: #333333;
     }
	 
	  .calendar-heading table{
        height:1%;
        text-align:center;
        border:0px solid #D6DED5;
        background-color: #333333;
     }
     .calendar-next {
        width:25%;
		border:0px solid #D6DED5;
        text-align:center;
     }
     .calendar-prev {
        width:25%;
	    border:0px solid #D6DED5;
        text-align:center;
     }
     .calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
     }
     .normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#999999;
		color:#000000;
     }
     .weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #DFE6DE;
        background-color:#999999;
        color:#FF0000;
     }
     .day-with-date {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:60px;
		padding:0 0 0 5px;
        border:1px solid #DFE6DE;
     }
     .no-events {

     }
     .day-without-date {
        width:60px;
        height:20px;
		padding:0 0 0 5px;
        border:1px solid #E9F0E8;
     }
     span.weekend {
        color:#FF0000;
     }
     .current-day {
        vertical-align:text-top;
        text-align:left;
        width:60px;
        height:20px;
        border:1px solid #BFBFBF;
        background-color: #666666;
     }
     span.event {
        font-size:0.75em;
     }
     .kjo-link {
        font-size:0.75em;
        text-align:center;
     }
     .event-title {
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
     }
     .event-title-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .event-content-break {
        width:96%;
        margin-left:2%;
        margin-right:2%;
        margin-top:5px;
        margin-bottom:5px;
        text-align:center;
        height:1px;
        background-color:#000000;
     }
     .calendar-date-switcher {
        height:25px;
        text-align:center;
        border:1px solid #D6DED5;
        background-color:#E4EBE3;
     }
     .calendar-date-switcher form {
        margin:0;
        padding:0;
     }
     .calendar-date-switcher input {
        border:1px #D6DED5 solid;
     }
     .calendar-date-switcher select {
        border:1px #D6DED5 solid;
     }
     .cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #D6DED5;
     }