/*  
Theme Name: MetaStation
Version: 1.1.1
Description: Designed by <a href="http://www.adii.co.za">Adii Rockstar</a>.
Author: WooThemes
Author URI: http://www.woothemes.com
*/

/* Default styles */
@import "reset.css";

/* Custom styles */
@import "custom.css";

/*>>>>> Setup and Reset <<<<<*/

body {background:#000000;}

/* Wrap */
#wrap {background: none; }

/* Top */

#top {max-width: 960px; margin: 0 auto; padding: 4px 0 0; position:relative; z-index:999;}

/* Page Nav */

#pagenav li a:link, #pagenav li a:visited {position: relative; width: 50%; padding: 14px 8px; text-decoration: none; z-index: 100; font-size:14px; font-weight:bold;}

#pagenav li {float: left; line-height: 35px; padding: 0 9px 0 5px; zoom: 1; margin: 0;}

#pagenav li a:hover, #pagenav li.current_page_item a:link, #pagenav li.current_page_item a:visited  {position: relative;}

#pagenav li a:hover span.left, #pagenav li.current_page_item span.left  {display: block; position: absolute; left: 0; bottom: 0; width: 5px; height: 43px; margin-left:-5px;}

#pagenav li a:hover span.right, #pagenav li.current_page_item span.right  {display: block; position: absolute; right: 0; bottom: 0; width: 5px; height: 43px; margin-right:-5px;}

#pagenav li a:link, #pagenav li a:visited {color: #fff;}

#pagenav li a:hover, #pagenav li.current_page_item a:link, #pagenav li.current_page_item a:visited  {background: url(images/top-nav-tile.png) repeat-x left bottom;}

#pagenav li a:hover span.left, #pagenav li.current_page_item span.left  {background: url(images/top-nav-left.png) no-repeat left bottom;}

#pagenav li a:hover span.right, #pagenav li.current_page_item span.right  {background: url(images/top-nav-right.png) no-repeat left bottom !important;}

/* Cat Nav */

#menu { 
	background:url(images/cat-nav.png) no-repeat top left; width:960px; height:50px; z-index: 999; position: relative;}

#catnav, #catnav ul {padding: 0; margin: 0 15px; list-style: none; 
	line-height: 1; width:750px; z-index: 999; position: relative;}

#catnav a {display: block; line-height: 50px; padding: 0 10px; z-index: 100; color:#000; font-size:14px; font-weight:bold;}

#catnav li {float: left;}
#catnav li:hover {background:#999;}

/* Style drop down list */

#catnav li ul { position: absolute; width: 182px; left: -999em; margin:0; }
#catnav li ul li {	border: 1px solid #ccc; border-width:0 1px 1px; background: #FFF; z-index: 15; position: relative; }
#catnav li ul li:hover { background: #eee; }
#catnav li ul li a { line-height: 35px; font-size: 12px; color: #333; width: 160px; }
#catnav li ul ul {	margin: -36px 0 0 180px;  border-top: 1px solid #ccc; }
#catnav li ul ul li a { line-height: 35px; }
#catnav li ul li ul li a {	border-width:0 1px 1px 0px; }
#catnav li:hover ul, #catnav li.sfhover ul { left: auto; }
#catnav li:hover ul ul, #catnav li.sfhover ul ul { left: -999em; }
#catnav li:hover ul, #catnav li li:hover ul, #catnav li.sfhover ul, #catnav li li.sfhover ul { left: auto; }
#catnav li:hover, #catnav li.hover { position: static; } /* IE7 Fix */

/* Search */

#search { position:absolute; right:20px; top:10px; width: 178px; height:32px; display:block; }
#search input { 
	background:url(images/bg-search.jpg) no-repeat; 
	border:0; 
	color:#fff; padding: 8px 10px; width:157px;}

/* Header */

#header {width: 100%; min-height: 100px; padding: 25px 0; clear: both; position: relative;}

#header a { width:500px; height:100px; display:block; }
#header h1 { position:absolute; left:-999em; }

/*>>>>> Layout <<<<<*/

#container  {display: block}

#container_bottombg  {width: 980px; height: 41px; margin: 0 0 -20px -10px;}

#featured  {float: left; margin: 0 0 0 0px; background-color: #dce1e2;width: 958px}
#featured.slider  {width: 960px; position: relative;}
#featured.slider .arrow_left  {position: absolute; left: -11px; top: 45%;}
#featured.slider .arrow_right  {position: absolute; right: -11px; top: 45%;}
#featured.slider .information  {width: 900px; float: left; position: relative;}
#featured.slider .information #image.left  {float: left; margin: 0 20px 0 0;}
#featured.slider .information #image.right  {float: right; margin: 0 0 0 20px;}
#featured.slider .information #image img  {border: 5px solid #bcc5c7;}
#featured.slider .information #text h2  {margin-bottom: 0;}
#featured.slider .information #text h2 a:link,
#featured.slider .information #text h2 a:visited  {color: #16181A; display: inline;}
#featured.slider .information #text .description  {display: block; color: #4F5357; font-weight: normal; font-size: 14px;}
#featured .information  {float: left; width: 598px; padding: 20px 20px;}
#featured .information h2  {margin: 0 0 10px 0; line-height: 30px; font-size: 30px;}
#featured .information .feat-button .left  {display: block; float: left; width: 5px; height: 30px;}
#featured .information .feat-button a.more-info  {display: block; float: left; height: 24px; padding: 6px 4px 0 8px; cursor: pointer; text-decoration:none; }
#featured .information .feat-button .right  {display: block; float: left; width: 19px; height: 30px;}
#featured-tabs  {float: left; width: 318px; height: 100%}
#featured-tabs li  {}
#featured-tabs li a:link, #featured-tabs li a:visited  {display: block; margin-left: -1px; padding: 10px 0 10px 20px; font-size: 16px; font-weight: bold; text-decoration: none;}
#featured-tabs li a:hover, #featured-tabs li.active a  {}
#featured-tabs a span  {display: block; font-size: 12px; font-weight: normal; margin-top: -4px;}
#featured .information ul, #featured .information ol {margin: 5px 0; padding: 0 0 0 30px;}
#featured .information ul li  {list-style-type: square;}
#featured .information ul li ul  {margin: 8px 0; padding: 0 0 0 15px;}
#featured .information ul li ul li  {list-style-type: disc;}
#featured .information ol li  {list-style-type: upper-latin;}
#featured .information ol li ol  {margin: 8px 0; padding: 0 0 0 15px;}s
#featured .information ol li ol li  {list-style-type: lower-latin;}

/*>>>>> Slider <<<<<*/

#slider {
  width: 940px;
  margin: 0 auto;
  position: relative;}

.scroll {
  width: 940px;
  height: auto;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;}

.scrollContainer div.panel {
  height: auto;
  width: 940px; /* change to 560px if not using JS to remove rh.scroll */}

.scrollButtons {
  cursor: pointer;
  z-index: 100;}

#breadcrumb  {width: 940px; margin: -8px 10px 0 10px; padding: 0 0 10px 0;}


/*added*/

#content {background:#fff; width: 960px; margin:0 auto; min-height: 550px; padding: 0;}
* html #content { height: 550px; }
#content-bot { background:url(images/bg-content-footer.png) no-repeat; width:960px; height:18px; margin:0 auto; display:block; }
#content-bot-white { background:url(images/bg-content-footer-white.png) no-repeat; width:960px; height:18px; margin:0 auto; display:block; }

#content.white { background:#fff; }
/**************/

#breadcrumb p  {margin: 0; font-weight: bold;}

#main_content  {float: left; width: 619px; padding: 0 20px 0 10px; margin: 20px 0 0 0;}

#main_content #top  {}

#main_content #top h2  {margin: 0 0 20px 0;}

#main_content #top p  {margin: 20px 0 30px 0;}

#main_content #top p img  {float: left; margin: 0 10px 0 0; border: none !important;}

#two-col  {padding-top: 10px;}


#two-col ul {padding: 0 !important;}

#two-col ul li  {margin: 0 0 8px 0 !important; padding: 0 0 0 20px !important; list-style: none !important;}

#two-col .left  {float: left; width: 309px;}

#two-col .right  {float: left; width: 300px; padding: 0 0 0 10px;}

#two-col .left a.signup, #two-col .right a.signup  {display: block; font-weight: bold; text-transform: uppercase; font-size: 13px; text-align: center; padding: 5px 0 0 0; margin: 20px 0 0 0; width: 300px; height: 25px;}

#sidebar  {float: left; width: 280px; margin: 20px 0 0 20px;}

#sidebar h2  {font-size: 14px;}

#sidebar .box  {}

#sidebar .box h2  {padding-bottom: 5px;}

#newsletter  {margin-bottom: 15px; padding-bottom: 10px;}

#newsletter .field, #feedburner .field , #campaignmonitor .field {display: block; float: left; width: 191px; height: 20px; padding: 7px 0 0 5px; margin: 0 4px 0 0;}

#newsletter .button, #feedburner .button, #campaignmonitor .button  {width: 78px; height: 28px; font-weight: bold; text-transform: uppercase; cursor: pointer !important;}

#news  {margin-bottom: 15px;}

#news h2  {display: block; margin-bottom: 0; width: 280px; position: relative;}

#news h2 a:link, #news h2 a:visited  {position: absolute; top: 0; right: 0;}

#news ul li  {padding: 7px 0;}

#news ul li a:link, #news ul li a:visited  {font-weight: bold;}

#news ul li span.meta  {display: block; font-size: 11px;}

#search, #feedburner, #campaignmonitor  {margin-bottom: 15px; padding-bottom: 10px;}

#search input#s  {display: block; float: left; width: 191px; height: 20px; padding: 7px 0 0 5px; margin: 0 4px 0 0;}

#search input.submitsearch  {width: 78px; height: 28px; font-weight: bold; text-transform: uppercase; cursor: pointer !important;	}

#twitter  {padding: 0 0 10px 0;}

#twitter ul  {margin: 10px 0;}

#twitter_update_list li {padding: 5px 0 !important;}

#twitter a:link, #twitter a:visited  {display: inline; padding: 0;}

#twitter span.website  {display: block; text-align: right;}


/* **** footer*/
#footer  {width: 980px; margin: 0 auto 40px auto; position:}
#footer .footnav  {width: 600px;}
#footer .footnav ul  {padding: 30px 0 20px 10px;}
#footer .footnav ul li  {display: inline; margin: 0 15px;line-height: 2em}
#footer .footnav ul li a:link, #footer .footnav ul li a:visited  {font-weight: bold;text-decoration: none;}
#footer .footnav ul li a:hover {text-decoration: underline}
#footer .copyright  {width: 295px; padding: 5px 10px 0 15px; font-size: 10px;float: right;position: relative; top: 3em}
#footer .copyright p  {margin: 5px 0;}
#footer .bottombg  {width: 960px; height: 7px;margin: 7px 0;}

.spacer  {height: 10px;}

/*>>>>> Post Styling <<<<<*/

.post  {float: left; width: 619px; padding: 0 0 20px 0; margin: 0 0 20px 0;}

.post .video {margin: 0 0 20px 0;}

.post_head  {float: left; width: 619px; margin: 0 0 15px 0;}

.post_head .title_meta  {float: left; width: 559px;}

.post_head .title_meta h2  {margin: 0 0 -5px 0;}

.post_head .title_meta h2 a:link, .post_head .title_meta h2 a:visited  {}

.post_head .title_meta p  {margin: 0;}

.post_head .comments  {width: 60px; text-align: right; float: right;}

.post_head .comments a:link, .post_head .comments a:visited  {display: inline-block; text-align: center; padding: 5px 10px; margin: 5px 0 0 0; font: bold 16px Georgia,Times,Serif;}

.post_head .comments span.bg  {display: block; width: 11px; height: 10px; margin: 0 0 0 35px;}

.post p.continue_reading  {margin: 0;}

.post p.continue_reading a  {padding: 0 10px 0 0;}

/*>>>>> Page Styles <<<<<*/

#sub_nav  {float: left; width: 120px; padding: 5px 10px;}

#sub_nav ul li  {margin: 3px 0;}

#sub_nav ul li.active  {margin-top: 10px;}

#sub_nav ul li ul  {margin: 0 0 10px 5px; display: none;}

#sub_nav .current_page_parent ul, #sub_nav .current_page_item ul {display: block;}

#sub_nav .current_page_parent ul li, #sub_nav .current_page_item ul li {margin-top: 10px;}

#sub_nav ul li ul li  {padding: 0 0 0 10px;}

#sub_nav ul li.sub_active a:link, #sub_nav ul li.sub_active a:visited  {text-decoration: underline;}

#page  {float: left; width: 460px; margin: 0 0 0 17px;}

#main_content.fullwidth  {width: 940px; border-right: 0;}

#main_content.fullwidth #page  {width: 783px; margin-left: 17px;}

#main_content.fullwidth #page.no_sub_nav_full  {margin: 0; width: 940px;}

.no_sub_nav {width: 620px !Important; margin: 0px !Important;}

#page h2.title  {margin: 0 0 15px 0;}

#page h2.title a:link, #page h2.title a:visited  {}

/*>>>>> ARCHIVES TEMPLATE STYLES <<<<<*/

#archive_posts li, #archive_categories li, #archive_monthly li  {margin: 0 0 5px 0;}

#archive_categories li, #archive_monthly li  {font-weight: bold;}

#archive_posts li a:link, #archive_posts li a:visited  {font-weight: bold;}

#archive_posts li span.comments  {text-transform: uppercase; font-size: 11px;}

/*>>>>> Widget Styles <<<<<*/

.widget  {margin: 0 0 20px 0;}

.widget.two-col  {float: left;}

.widget h3  {padding: 0 0 5px 0; margin: 0; font-size: 14px;}

.widget ul  {}

.widget.two-col ul  {float: left; margin-bottom: -1px;}

.widget ul li  {}

.widget ul li ul  {margin: 0 0 5px 10px; font-size: 11px;}

.widget ul li li  {}

.widget ul li li a:link, .widget ul li li a:visited  {height: 22px; line-height: 20px; padding: 0 0 0 15px;}

.widget.two-col ul li  {float: left; width: 140px;}

.widget ul li a:link, .widget ul li a:visited  {display: block; height: 25px; padding: 5px 0 0 15px;}

.widget ul li a:hover  {}

#flickr  {float: left; margin: 0 0 20px 0;}

#flickr h3  {padding: 0 0 5px 0; margin: 0; font-size: 14px;}

#flickr .pics  {float: left; padding: 7px;}

#flickr .pics .flickr_badge_image  {margin: 4px 6px; float: left; width: 75px;}

#ads img  {margin: 5px 6px;}

.widget_lifestream ul li  {padding-top: 7px!important; padding-bottom: 7px!important; background-position: 0 9px!important;}

#videos .inner  {padding: 5px 10px 10px 10px; background-color: #ebebeb; border-left: 1px solid #CBD1D2; border-right: 1px solid #CBD1D2;}

#videos .inner .video  {margin: 0 0 8px 0;}

#videos h3  {margin-bottom: -0px;}

/*>>>>> COMMENTS <<<<<*/

#comments_wrap  {width: 619px;}

ol li.comment  {display: block; padding: 10px 0 10px 10px;}



ol li.comment .comment-author  {}

ol li.comment .comment-author img  {float: right;}

ol li.comment .comment-author cite  {font-weight: bold; font-size: 14px;}
	

ol li.comment .comment-meta  {font-size: 10px; text-transform: uppercase; margin: 0 0 10px 0;}

ol li.comment p  {margin: 0 0 5px 0;}

ol li.comment .reply  {text-transform: uppercase; font-size: 12px; font-weight: bold; margin: 7px 0 0 0;}

/*>>>>> THREADED COMMENTS <<<<<*/

ol li.comment ul.children  {margin: 10px 0 0 5px;}

/*>>>>> COMMENT FORM <<<<<*/

#form_wrap {padding: 15px 0; position: relative; clear: both;}

#form_wrap h2 {padding-bottom: 28px; position: relative;}

#form_wrap .form-left {width: 30%; float:left;}

#form_wrap .form-right {float:right; width: 70%;}

#form_wrap textarea, #form_wrap .form-left input {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 7px 10px;}

#form_wrap textarea {width: 95%; margin-bottom: 18px;}

#form_wrap .form-left input {width: 147px; display: block; margin-bottom: 10px;}

#form_wrap input.sb {width: 78px; height: 28px; font-weight: bold; text-transform: uppercase;}

#form_wrap p.lc_logged {margin-top: -20px; position: relative;}

#cancel-comment-reply-link  {text-transform: uppercase; font-weight: bold; font-size: 10px;}

/*>>>>> ALTERNATE HOMEPAGE LAYOUT <<<<<*/

#recent_articles  {}

#recent_articles h2.heading  {font-size: 14px; margin: 0px 0 0 0; padding: 0 0 6px 0;}

#recent_articles .article  {float: left; position: relative; width: 300px; border-top: 1px solid #cbd1d2;}

#recent_articles .article.left  {padding: 10px 9px 10px 0; border-right: 1px solid #cbd1d2;}

#recent_articles .article.right  {padding: 10px 0 10px 9px; border-left: 1px solid #cbd1d2; margin: 0 0 0 -1px;}

#recent_articles .article h2  {margin: 0;}

#recent_articles .article h2 a:link,
#recent_articles .article h2 a:visited  {color: #23262a; font-size: 16px;}

#recent_articles .article .meta  {margin: 0 0 10px 0; font-size: 11px;}

#recent_articles .article .meta a:link,
#recent_articles .article .meta a:visited  {color: #4f5357;}

#recent_articles .article .comments  {margin: 0; position: absolute; top: 10px; right: 7px; padding: 0 3px; border-radius: 3px;
 	-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #5c5c5c;}

#recent_articles .article .comments a:link,
#recent_articles .article .comments a:visited  {font-size: 14px; font-weight: bold; color: #fff;}

#recent_articles .article img  {float: left; margin: 0 8px 5px 0; border: 2px solid #bcc5c7;}

#recent_articles .article p  {margin: 0 0 8px 0;}

#adbox  {padding: 25px 0; text-align: center; border-top: 1px solid #CBD1D2; border-bottom: 1px solid #cbd1d2;}

#bottom  {}

#more_articles  {float: left; width: 380px; padding: 0 9px 0 0; border-right: 1px solid #cbd1d2;}

#more_articles h2.heading  {font-size: 14px; margin: 9px 0 0 0; padding: 0 0 6px 0; border-bottom: 1px solid #CBD1D2;}

#more_articles ul li  {float: left; position: relative; width: 380px; padding: 10px 0; border-bottom: 1px solid #e4e4e4;}

#more_articles ul li img  {float: left; margin: 0 15px 0 0; border: 2px solid #bcc5c7;}

#more_articles ul li .posttitle  {float: left; width: 270px;}

#more_articles ul li .posttitle h2  {margin: 0;}

#more_articles ul li .posttitle h2 a:link,
#more_articles ul li .posttitle h2 a:visited  {color: #23262a; font-size: 14px;}

#more_articles ul li .meta  {margin: 0; color: #4f5357;}

#more_articles .meta a:link,
#more_articles .meta a:visited  {color: #4f5357;}

#more_articles ul li .comments  {margin: 0; position: absolute; top: 15px; right: 0; padding: 0 3px; border-radius: 3px;
 	-moz-border-radius: 3px; -webkit-border-radius: 3px; background-color: #5c5c5c;}

#more_articles ul li .comments a:link,
#more_articles ul li .comments a:visited  {font-size: 14px; font-weight: bold; color: #fff;}

#widget_area  {float: left; width: 220px; margin: 0 0 0 9px; padding: 10px 0 0 0;}

/*>>>>> END ALTERNATE HOMEPAGE LAYOUT <<<<<*/


/* Captions */
.aligncenter,
div.aligncenter {display: block; margin-left: auto; margin-right: auto;}

.wp-caption {text-align: center; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}

.wp-caption img {margin: 0; padding: 0; border: 0 none;}

.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End captions */

/* Post Typographic Elements */

.entry h1  {}
.entry h2  {}
.entry h3 {}
.entry h4 {}
.entry h5 {}
.entry h6 {}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {
}

.entry blockquote  {padding: 10px 30px; color: #666; font-style: italic;}

.entry blockquote p  {margin: 0;}

.entry ul  {margin: 5px 0; padding: 0 0 0 30px;}

.entry ul li  {list-style-type: square;}

.entry ul li ul  {margin: 8px 0; padding: 0 0 0 15px;}

.entry ul li ul li  {list-style-type: disc;}

.entry ol  {margin: 5px 0; padding: 0 0 0 30px;}

.entry  ol li  {list-style-type: upper-latin;}

.entry ol li ol  {margin: 8px 0; padding: 0 0 0 15px;}

.entry  ol li ol li  {list-style-type: lower-latin;}

.entry.sitemap ul  {margin-bottom: 30px;}

.entry.sitemap li ul li ul  {margin-bottom: 5px;}

/* Post Images */

.entry img  {padding: 5px; border: 1px solid #333;}

img.wp-smiley  {padding: 0; border: none;}

.entry .alignleft  {float: left; margin: 10px 15px 10px 0;}

.entry .alignright  {float: right; margin: 10px 0 10px 15px;}

.entry .aligncenter  {text-align: center;}

/*>>>>> Page Navi <<<<<*/

div.Nav  {width: 609px; float: left; margin-top: -19px; height: 25px; padding: 5px 0 0 10px;}

.Nav strong.on  {padding: 2px 5px;}

.Nav a  {padding: 2px 5px;}

/*>>>>> WordPress Images <<<<<*/

img.wp-smiley  {padding: 0; border: none;}

.alignleft  {float: left; margin: 0 15px 10px 0;}

.alignright  {float: right; margin: 0 0 10px 15px;}

.aligncenter  {text-align: center;}

/*>>>>> Custom Styles <<<<<*/

.floatl  {float: left;}
.floatr  {float: right;}

.alignl  {text-align: left;}
.alignr  {text-align: right;}
.alignc  {text-align: center;}