/*  
Theme Name: Asteroids Club
Description: Custom Theme for The Asteroids Club 
Version: 1
Author: Matthew Wilson
Author URI: http://thatchermathias.com

*/


/* STRUCTURE */



body {  height:100%; }
	img{ border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
		
		#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
			#supersized a.image-loading { background:#111 url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }

* {margin:0;padding:0;}
html, body {font-family: Helvetica, Arial, Sans-Serif;font-size:1em;background:#transparent;}
#container {width:950px;margin:5px auto 0 auto;}
#front-container {background: #fff; width:950px;margin: 10px auto 0 auto;paddding-top: 20px; }
#main {position:relative;float:left;width:950px;background:#ffffff;}
#main-content {position:relative;float:left;width:620px;margin:30px 0 10px 40px;display:inline;padding:0;}
#main-content-full {position:relative;float:left;width:870px;margin:30px 0 10px 40px;display:inline;padding:0;}
.front-logo img{width: 950px; display: block; margin: auto; }
#header {position:relative;float:left;width:950px;height:200px;background:#fff;}
h1 {position:absolute;left:40px;bottom:40px;font-size:1.2em;text-transform:uppercase;}
h1 a:link, h1 a:visited {color:#000;text-decoration:none;}
h1 a:hover {color:#B5C2CF;}
#description {position:absolute;left:40px;bottom:20px;font-size:0.8em;color:#888;}


/* ARTICLES */

.post {margin:0 0 50px 0;font-size:0.95em;text-align:justify;line-height:1.5em;padding:0;}
.post ul, .post ol {margin:10px 0 10px 40px;}
.post h2 {font-size:1.3em;margin:0 0 20px 0;width:460px;border-bottom:1px solid #ddd;padding:0 10px 10px 0;}
.post h2 a:link, .post h2 a:visited {color:#d11d53;text-decoration:none;font-weight:normal;}
.post h2 a:hover {color:#000;background:none;}
.post a:link {color:#757acd;font-weight:bold;text-decoration: none;  }
.post a:hover, post a:visited {color:#333;}
.post p {margin:15px 0;}
blockquote {background:#eee;padding:10px;margin:5px 0 5px;}
.postmetadata {width:620px;margin:15px 0 30px 0;padding:5px;border-top:1px solid #ddd;font-size:0.8em;color:#9196e8;}
.postmetadata a:link {color:#9196e8;text-decoration:none;}
.postmetadata a:hover, .postmetadata a:visited {color:#9196e8;background:#D1E5EF;}
#signature {margin:30px 0 0 0;font-size:0.8em;color:#999;}
#signature a:link {color:#777;font-weight:bold;text-decoration:none;}
.post .commentnumber {float:right;margin:0 0 20px;}
.post .commentnumber a {text-decoration:none;font-size:0.8em;text-transform:uppercase;padding:8px;border-top:1px solid #ddd;color: #999; }
.post .commentnumber a:hover {color:#000;border-top:1px solid #000;background:none;}


/* SIDEBAR */

.sidebar-wrapper {position:relative;float:right;display:inline;width:270px;margin:25px 30px 0 0;padding:0;background:#EBF7FD;font-size:0.9em;}
#search {width: 937px; height: 40px; }
#searchform input{ float: right; width:200px; border:1px solid #bcbcbc;font-size:1em;padding-left:3px;padding-bottom:4px}
#s{background:#fff;border:1px solid #bcbcbc;padding-top:6px}
img#rssfeed {border:none;}
#sidebar {position:relative;float:right;width:270px;border-left: 1px dotted #999; }
#sidebar ul li{list-style:none;text-decoration:none;margin-left:50px; padding: 0 0 10px 0;}
#sidebar ul li a{color:#666; text-decoration: none;  }
#sidebar ul li a:hover{color:#000;  border-bottom: 1px dotted #999;}
#sidebar h2{margin-left:60px; color:#333}


/* FOOTER*/

#footer {position:relative;float:left;width:950px;height:100px;color:#ffffff;padding:10px 0 10px 0;font-size:0.8em;text-align:center;background:#ffffff;}
#footer a:link, #footer a:visited {color:#888;font-weight:bold;text-decoration:none;}
#footer a:hover {color:#000;background-color:#D1E5EF;}

#front-footer {position:relative;float:left;width:950px;height:5px;color:#d8d7d7;padding:0 0 20px 0;font-size:0.8em;text-align:center;background:#ffffff;}
#front-footer a:link, #footer a:visited {color:#888;font-weight:bold;text-decoration:none;}
#front-footer a:hover {color:#000;background-color:#D1E5EF;}

/* COMMENTS */

#comments {margin:0;padding:0;}
h3#comments {margin:10px;font-size:0.9em;}
textarea#comment {margin:10px;width:350px;}
#commentform input {margin:0 10px;width:200px;}
ol.commentlist {width:430px;margin:0;padding:0;list-style-type:none;}
ol.commentlist a:link, ol.commentlist a:visited {text-decoration:none;color:#6B7D8F;font-weight:bold;}
ol.commentlist a:hover {background:#EFDFB3;}
ol.commentlist li {margin:0 0 5px 0;font-size:0.9em;padding:30px;background:#eee;border:1px solid #ddd;}
#commentform label {font-size:0.8em;color:#888;}

/* IMAGES */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {padding: 4px;margin: 0 7px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}

#front-nav {
	list-style-type: none;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	margin: 10px 0px 20px 0px; padding: 20px 0 10px 0;
        background: #fff; 
}
#front-nav li {
	margin: 0px; padding: 7px 20px;
	display: inline;
}
#front-nav li a {
	color: #666;
	text-decoration: none;
}

#front-nav li a:hover{
	color: #bcbcbc;
	text-decoration: none;
}
#front-nav li.current_page_item a, #menu li.current_page_item a:visited {
	color: #999;
	text-decoration: none;
}


#front-box{float:left;width:950px;padding-top:2px; background: #fff; }
#front-box-left{float:left;text-align:center;width:300px;position:relative;padding:0 5px 0 5px;margin:0}
#front-box-center{float:left;width:300px;position:relative;padding:0 5px 0 5px;vertical-align:top; border-left:1px dotted #bcbcbc;border-right:1px dotted #bcbcbc;}
#front-box-right{float:left;width:300px; position:relative;padding:0 0 0 5px}
.front-box-container {height: 805px;overflow: hidden;position: relative;   }

.about-us-box h2 {font-size: .9em; font-weight: bold;  }
.front-text {padding: 0 20px 0 20px;border-bottom: 40px solid #fff;   background: #fff;  }
.front-text h2 {color: #6b6dee; }

span.label,span.spacer,span.multiple span {width:120px;float:left;} 
span.multiple {float:left;} 
span.button {padding-left:120px;} 
div.clear {clear:both;padding-top:5px;} 
#qotd{margin-bottom:30px;padding-bottom:20px; }
.mailing-list {color:#d11d53;font-size: 1.1em;text-align: center;   }
.tb_author, .tb_msg {font-size: .85em; }
.divider {width: 290px; border-bottom: 1px dotted #999;margin: 0 0 20px 0;  }
.divider-sidebar {float: right; width: 250px; border-bottom: 1px dotted #999;margin: 0 0 20px 0;  }
.divider-wide {width: 910px; border-bottom: 1px dotted #999;padding: 0 0 20px 0;  }
.NYT-Link a { color: #9196e8; font-size: 1em;text-decoration: none;  }
.NYT-Link {text-align:center; }
.NYT-Link a:hover {color: #333333;border-bottom: 1px dotted #9196e8;   }
.read-all-about-it {color:#d11d53;font-size: 1em;text-align: center;   }
#cat-list ul li {list-style:none;margin-left:40px;font-size: .85em; }
#cat-list ul li a{color:#333399;text-decoration:none;}
#cat-list ul li a:hover{color:#333;}
#archives {font-size: 1em; margin: 0 0 4px 0; padding: 0; text-align: center; }
#archives ul li {margin: 0 0 9px 0;list-style-type: none; }
#archives ul li a{color: #333399; text-decoration: none;list-style-type: none; }
#archives ul li a:hover{color: #999999; } 
.full-just-front {text-align:justify; }
.club-link {text-align:center;padding: 0 0 20px 0;  }
.club-link a{color:#d11d53;font-size: 1.1em;text-align: center; text-decoration: none; }
.club-link a:hover {color: #333333;border-bottom: 1px dotted #9196e8; }
#novis {display: none; }
#disqus-comments {border-top: 1px dotted #999; padding: 40px 0 0 0; margin: 30px 0 0 0;  }
.ted-box {height: 337px; width: 600px;display: block;  }