/*  
Theme Name: Mad Science
Theme URI: http://www.madscience-comic.com
Description: The new and improved Mad Science theme.
Version: 1.0
Author: DeV
Author URI: http://www.dvolve.org

*/

* {
	margin:0px;
	padding:0px;
}

body {
	background-color: #2e6196;
	background-image: url('images/grad.jpg');
	background-repeat: repeat-x;
	color: #666;
	font-family: Verdana;
	font-size: 12px;
}

a {
	color: #2e6196;
}

a img {
	border: 0px;
}

h1 {
	color:#666666;
	font-size: 14pt;
	font-family: Verdana;
	font-weight: 500;
margin-bottom: 10px;
}

h1 a{
	color:#666666;
	font-size: 14pt;
	font-family: Verdana;
	font-weight: 500;
	text-decoration: none;
}

h1 a:hover{
	text-decoration: underline;
}

h2 {
	color: #2e6196;
	font-size: 14pt;
	font-family: Verdana;
	font-weight: 500;
	margin-bottom: 10px;
}

h2 a{
	color: #2e6196;
	font-size: 14pt;
	font-family: Verdana;
	font-weight: 500;
	margin-bottom: 10px;
	text-decoration: none;
}

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

h3 {
	color: #2e6196;
	font-size: 11pt;
	font-family: Verdana;
	font-weight: bold;
	margin-bottom: 10px;
}

p {
	color: #666;
	padding-bottom: 12px;
}

.comic
{
	width: 897px;
	height: 321px;
}

/******************************************/
/*				Pagehead				  */
/******************************************/

#header {
	height: 200px;
	margin: 0px auto;
	margin-top:-40px;
	width: 970px;
}

.headright {
	float: right;
	position: relative;
	top: 48px;
	width:750px;
}

.logo {
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	bottom: -48px;
	float: left;
	height: 194px;
	position: relative;
	width: 200px;
	z-index: 1;
}

.logo :hover
{
	background-position: bottom right;
}

.logoimg {
	height: 194px;
	width: 223px;
	background-image: url('images/logo.png');
	background-repeat: no-repeat;
	background-position: bottom left;
}

.logoimg:hover {
background-position: bottom right;
}

.menu {
	border-collapse: collapse;
	float: right;
	height: 80px;
	margin-right: 20px;
	position: relative;
	width: 500px;
	z-index: 10;
}

.menu td {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
}

.leaderboard {
	/*background-color: red;*/
	height: 90px;
	margin-right: 15px;
	position: relative;
	width: 728px;
}

.imghome {padding:0px; margin:0px; width:84px; height:65px; background-image: url('images/home.png'); background-repeat: no-repeat; background-position: bottom left;}
.imgarchive {padding:0px; margin:0px; width:118px; height:72px; background-image: url('images/archive.png'); background-repeat: no-repeat; background-position: bottom left;}
.imgcast {padding:0px; margin:0px; width:74px; height:51px; background-image: url('images/cast.png'); background-repeat: no-repeat; background-position: bottom left;}
.imgrss {padding:0px; margin:0px; width:64px; height:80px; background-image: url('images/rss.png'); background-repeat: no-repeat; background-position: bottom left;}
.imgcontact {padding:0px; margin:0px; width:114px; height:70px; background-image: url('images/contact.png'); background-repeat: no-repeat; background-position: bottom left;}

.imghome:hover {background-position: bottom right;}
.imgarchive:hover {background-position: bottom right;}
.imgcast:hover {background-position: bottom right;}
.imgrss:hover {background-position: bottom right;}
.imgcontact:hover {background-position: bottom right;}
/******************************************/
/*				Top dialog				  */
/******************************************/

.headbar {
	width: 870px;
}

.headratings {
	color: #666;
	font-family: Verdana;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	width: 200px;
}

.headcomicnavigation {
	text-align: center;
	width: 520px;
}

.headcomicnavigation img{
	border: 0px;
}

.headcomments {
	color: #666;
	font-family: Verdana;
	font-size: 12px;
	text-align: right;
	width: 150px;
}

.headcomments table {
	margin:0px;
	padding:0px;
}

.headcomments a{
	color: #666;
	float: right;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: underline;
}

.headcomments img {
	border: 0px;
	float: left;
	padding-right: 3px;
}

.dateHeader {
	color: #666666;
	font-family: Verdana;
	font-size: 9pt;
}

.dateHeader a{
	color: #666666;
	font-family: Verdana;
	font-size: 9pt;
	text-decoration: none;
}

.dateHeader a:hover{
	color: #666666;
	font-family: Verdana;
	font-size: 9pt;
	text-decoration: underline;
}

.infoimg {
	border: 0px;
	vertical-align:top;
	cursor: pointer;
}

.infoWindow
{
	border-width: 2px;
	border-style: solid;
	border-color: #666;
	background-color: #fff;
	position: absolute;
	padding: 5px;
	width: 400px;
	cursor: pointer;
}

img.buttonFirst {
	background-image: url(images/first.jpg);
	background-repeat: no-repeat;
	width: 106px;
	height: 28px;
	cursor: hand;
}

img.buttonPrevious {
	background-image: url(images/previous.jpg);
	background-repeat: no-repeat;
	width: 139px;
	height: 28px;
	cursor: hand;
}

img.buttonNext {
	background-image: url(images/next.jpg);
	background-repeat: no-repeat;
	width: 95px;
	height: 28px;
	cursor: hand;
}

img.buttonLatest {
	background-image: url(images/latest.jpg);
	background-repeat: no-repeat;
	width: 124px;
	height: 28px;
	cursor: hand;
}

img.buttonFirstGray {
	background-image: url(images/first_gray.jpg);
	background-repeat: no-repeat;
	width: 106px;
	height: 28px;
}

img.buttonPreviousGray {
	background-image: url(images/previous_gray.jpg);
	background-repeat: no-repeat;
	width: 139px;
	height: 28px;
}

img.buttonNextGray {
	background-image: url(images/next_gray.jpg);
	background-repeat: no-repeat;
	width: 95px;
	height: 28px;
}

img.buttonLatestGray{
	background-image: url(images/latest_gray.jpg);
	background-repeat: no-repeat;
	width: 124px;
	height: 28px;
}

.ratingstars
{
	float:left;
}

.ratingtext
{
	padding-left: 3px;
	padding-top: 5px;
	float: right;
}

/******************************************/
/*			Bottom dialog				  */
/******************************************/

.mainbody {
	background-color: #fff;
	width: 890px;
	overflow: hidden;
	color: #666;
}

.clear {
	clear: both;
}

.main {
	float: left;
	padding-right: 10px;
	width: 700px;
}

.main img
{
	/*padding: 10px;*/
}

.side {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 160px;
}

.skyscraper {
	/*background-color: red;*/
	height: 600px;
	width: 160px;
}

.aktt_tweets ul {
list-style-image: none;
list-style-type: none;
}

.aktt_tweets li {
	margin-bottom: 10px;
}

.post {
	border-bottom: 1px solid #666;
	margin-bottom: 20px;
	overflow: hidden;
	font-size: 13px;
}

.post a {
	color: #2e6196;
}

.bodycomments {
	color: #666;
	font-family: Verdana;
	font-size: 12px;
	float: right;
	padding-bottom: 10px;
}

.bodycomments table {
	margin:0px;
	padding:0px;
}

.bodycomments a{
	color: #666;
	float: right;
	font-family: Verdana;
	font-size: 12px;
	text-decoration: underline;
}

.bodycomments img {
	border: 0px;
	float: left;
	padding-right: 3px;
}

.navigation {
	color: #666666;
}

.navigation a{
	color: #666666;
	text-decoration: none;
}

.navigation a:hover{
	color: #666666;
	text-decoration: underline;
}

#footer {
	/*border-top: 1px solid #666;*/
	height: 40px;
	margin: 0px;
	color: #666;
	margin-top :20px;
	padding-top: 20px;
	overflow: hidden;
	text-align: center;
	width: 890px;
/*	background-color:#fff;*/
}

.small {
	font-size: 9px;
}

/******************************************/
/*				Comments 				  */
/******************************************/

.commentlist li, #commentform input, #commentform textarea
{
	font-family: Verdana;
}

.commentlist li .avatar
{
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	width: 64px;
	height: 64px;
}

.commentlist li .comment-author
{
	text-align: center;
	float: left;
}

.commentlist li .comment-post
{
	padding-bottom: 18px;
	zoom: 1;
}

.commentlist p
{
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	margin: 10px 5px 10px 0;
}

#commentform p
{
	font-family: Verdana;
	margin: 5px 0;
}

.alt
{
	margin: 0;
}

.commentlist
{
	padding: 0;
	text-align: justify;
}

.commentlist li
{
	list-style: none;
	font-weight: bold;
}
.commentlist li ul li
{
	font-size: 1em;
	margin-right: -5px;
	margin-left: 10px;
}

.nocomments
{
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata
{
	margin: 0;
	display: block;
	font-weight: normal;
	font-size:11px;
}

.comment-area {
	MARGIN: 0px 0px 0px 4px;
	WIDTH: 622px; 
	DISPLAY: inline;
	BACKGROUND: url('images/comments/sprite-comments-bg.png') repeat-y;
	FLOAT: left
}
.comment-area-top {
	BACKGROUND: url('images/comments/sprite-comments-top.png') no-repeat 0px 0px
}
.comment-area-bottom {
	PADDING-BOTTOM: 12px;
	PADDING-LEFT: 40px; WIDTH:
	567px; PADDING-RIGHT: 15px;
	BACKGROUND: url('images/comments/sprite-comments-bottom.png') no-repeat 0px 100%;
	PADDING-TOP: 8px
}

/* alternate ones */

.commentlist li .comment-author.alt
{
	text-align: center;
	float: right;
	/*width: 10px;*/
}

.commentmetadata.alt
{
	margin: 0;
	display: block;
	font-weight: normal;
	font-size:11px;
	float:left;
}

.comment-area.alt {
	MARGIN: 0px 0px 0px 4px;
	WIDTH: 622px;
	DISPLAY: inline;
	BACKGROUND: url('images/comments/sprite-comments-bg.png') repeat-y -25px 100%;
	FLOAT: right;
}
.comment-area-top.alt {
	BACKGROUND: url('images/comments/sprite-comments-top.png') no-repeat -622px 0px
}
.comment-area-bottom.alt {
	PADDING-BOTTOM: 12px;
	PADDING-LEFT: 15px; WIDTH: 567px; PADDING-RIGHT: 40px;
	BACKGROUND: url('images/comments/sprite-comments-bottom.png') no-repeat -25px 100%;
	PADDING-TOP: 8px
}

.comment-post.alt {
	WIDTH: 100%; OVERFLOW: hidden
}

/******************************************/
/*				Castpage  				  */
/******************************************/

.castTable {
	text-align: center;
	width: 700px;
}

.castTable td{
	padding-left: 5px;
	padding-right: 5px;
	width: 130px;
}

.castTable td img{
	padding-top: 10px;
}

/******************************************/
/*				Dialog  				  */
/******************************************/

.dialog {
	color:#000;
	margin:0px auto;
	position: relative;
	width:980px;
	z-index: 2;
}

#bottomdialog {
	margin-top: -20px;
}

.dialog .hd .c,
.dialog .ft .c {
	font-size:1px;
	height:40px;
}

.dialog .ft .c {
	height:64px;
}

.dialog .hd {
	background:transparent url(images/corner_topleftrepeater.png) no-repeat 0px 0px;
	margin-right:49px;
}

.dialog .hd .c {
	background:transparent url(images/corner_topright.png) no-repeat right 0px;
	margin-right:-49px;
}

.dialog .bd {
	background:transparent url(images/repeater_left.png) repeat-y 0px 0px;
	margin-right:6px;
}

.dialog .bd .c {
	background:transparent url(images/repeater_right.png) repeat-y right 0px;
	margin-right:-6px;
	margin-bottom:10px;
}

.dialog .bd .c .s {
	margin: 0px 49px 0px 47px;
	background:#FFF;
}

.dialog .ft {
	background:transparent url(images/corner_bottomleftrepeater.png) no-repeat 0px 0px;
	margin-right:49px;
	margin-top:-10px;
}

.dialog .ft .c {
	background:transparent url(images/corner_bottomright.png) no-repeat right 0px;
	margin-right:-49px;
}

/******************************************/
/*				Sidebar 				  */
/******************************************/



.ratingstable
{
	font-size: 10px;
	margin-bottom: 10px;
}

.ratingstable a
{
	font-weight: bold;
}

/******************************************/
/*				bugfix ratings				*/
/******************************************/

.ratepost
{
	position: relative !important;
}

/******************************************/
/*				Wordpress Overrides       */
/******************************************/

.wp-smiley
{
	padding: 0px !important;
}

.clear
{
	clear:both;
}