/* -- START CSS --

Author: Natasha Cross
Author URI: http://natcrodesign.com
Theme Name: Good In Theory
Theme URI: http://natcrodesign.com
Version: 1.0
Description:  Designed by <a href="http://natcrodesign.com">Natcro Design</a>


/* ------------------------------------------------------ Body and Globals 
----------------------------------------------------------------------------------------*/

*{margin:0;padding:0;}

body {
	font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	line-height: 22px;
	color: #dce9f6;
	padding:0; margin:0;
	background:#105aa3 url(images/bg.jpg) repeat-x;
}

tr, td {vertical-align:top}
.clearing {clear:both; height:0px; padding:0; margin:0;}

img {border:0; padding:0; margin:0;}

input,textarea{
	border:none;
	font-size: 12px;
	background:#0e4174;
	color:#dce9f6;
	padding:2px;
	border:1px solid #09335d;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
}

select{
	border:none;
	font-size: 14px;
	background:#0e4174;
	color:#dce9f6;
	border:1px solid #09335d;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
}

option {border:none;padding:3px;}
p {margin-top:10px;margin-bottom:10px;}
img.alignleft{margin: 5px 10px 2px 0;}
img.alignright{margin: 5px 0 2px 10px;}
img.centered{display: block;margin:0 auto}
.alignleft{float: left;}
.alignright{float: right;}
blockquote {
	font-size:11px;
	line-height:20px;
	padding:0 10px;
	margin:10px;
	color:#97bee5;
	border-left:4px solid #6999c9;
}
/* ------------------------------------------------------ Links
----------------------------------------------------------------------------------------*/

a{color:#6999c9;text-decoration:none;font-weight:800;}
a:hover{color:#fff;}

/* ------------------------------------------------------ Headers
----------------------------------------------------------------------------------------*/

h1, h2, h3, h4 {font-family:"Trebuchet MS", Arial, helvetica, sans-serif;font-weight:100;letter-spacing:-1px;padding:10px 0;}
h2 {color:#f9e400;font-size:16px;padding-bottom:5px;margin-bottom:1px;margin-top:6px;text-transform:uppercase;}
h3 {color:#6999c9;font-size:14px;\padding-bottom:2px;margin-bottom:1px;margin-top:10px;font-weight:100;letter-spacing:-1px}

/* ------------------------------------------------------ Layout 
----------------------------------------------------------------------------------------*/

#border{margin:15px auto;}
#header{width:886px;height:170px;margin:0 auto;background:url(images/header.jpg) center no-repeat;}
#logo {float:left;margin:29px 0 0 -440px;}
#eyeskream {float:right;margin:42px 4px 0 0;}
/*#eyeskream {text-align:right;width:878px;margin:42px 0 0 0;}*/
#wrapper {width:870px;margin:0 auto;background:#003366 url(images/wrapper.jpg) top no-repeat;padding:6px;border:2px solid #6999c9}
#menu {padding:2px 0 0 2px;}
#menu ul {margin:0 0 0 20px}
#menu ul li {list-style-type: none;float: left;display: block;overflow: hidden;}
#menu ul li a {text-decoration: none;}
.menu {height:26px;}
.comics, .news, .about, .archives, .links { background: URL('images/menu.jpg') no-repeat top left; }
.comics { width:75px; background-position: -0px 0; }
.comics:hover { background-position: -0px -27px; }
.news { width:72px; background-position: -75px 0; }
.news:hover { background-position: -75px -27px; }
.about { width:86px; background-position: -153px 0; }
.about:hover { background-position: -153px -27px; }
.archives { width:93px; background-position: -241px 0; }
.archives:hover { background-position: -241px -27px; }
.links { width:93px; background-position: -331px 0; }
.links:hover { background-position: -331px -27px; }
#main-title {background:#6999c9;border:3px solid #6999c9;width:836px;margin:15px auto 0;padding:2px;text-align:center;}
#main-title h1 {color:#fff;font-size:28px;padding:5px;}
#main {background:url(images/mainbg.jpg);border:3px solid #6999c9;width:820px;margin:0 auto 15px;padding:0 10px 10px 10px;text-align:center;}
#main img {border:1px solid #6999c9;}
#nav {margin:15px auto 10px;width:280px;background:#0a2e52;text-align:center;}
#nav ul {border:1px solid #6999c9;height:56px;margin:0 auto}
#nav ul li {list-style-type: none;float: left;display: block;overflow: hidden;height:54px}
#nav ul li a {text-decoration: none;}
#nav img {border:none;}
.nav {height:54px;}
.first, .back, .news-nav, .next, .new { background: URL('images/nav.jpg') no-repeat top left; }
.first { width:65px; background-position: -0px 0; }
.back { width:50px; background-position: -65px 0; }
.news-nav { width:52px; background-position: -115px 0; }
.next { width:48px; background-position: -167px 0; }
.new { width:62px; background-position: -216px 0; }

/* ------------------------------------------------------ Blog
----------------------------------------------------------------------------------------*/
#content {background:#0e4174;border:1px solid #093567;margin:30px 20px 20px 20px;padding:15px;text-align:justify;}
#blog {float:left;width:500px;}
#sidebar {float:right;width:195px;padding:5px;background:#093567;}
#sidebar h1 {background:#0e4174;padding:4px;font-size:18px;color:#dce9f6;text-transform:uppercase;text-align:center;margin:8px 0;}
#content ul {
	list-style: none;
	padding:0; margin:0;
}

#content ul li {
	margin:2px 0 4px 10px;
	padding:4px 2px 2px 5px;
	border-top:1px solid #1a5998;
}

#content ul li li {
	margin:2px 0 4px 20px;
	padding:4px 2px 2px 15px;
	background:#093567;
	border-left:3px solid #6999c9;
	border-right:1px solid #6999c9;
	border-top:1px solid #6999c9;
	border-bottom:1px solid #6999c9;
}

#content ul li a {color:#fff;}
#content ul li a:hover {color:#6999c9;}

#content ul li li:hover {
	background:#0b3967;
	border-left:3px solid #4274a6;
	border-right:1px solid #4274a6;
	border-top:1px solid #4274a6;
	border-bottom:1px solid #4274a6;
}
#sidebar ul li, li {
	list-style: none;
	padding:0; margin:0;
}

#sidebar ul li {
	padding:2px 2px 2px 10px;
	background:#093567;
	border-left:none;border-right:none;border-top:none;
	border-bottom:1px solid #4274a6;
}

#sidebar ul li a {color:#fff;}
#sidebar ul li a:hover {color:#6999c9;}

#sidebar ul li:hover {
	background:#0b3967;
	border-left:none;border-right:none;border-top:none;
	border-bottom:1px solid #4274a6;
}
#content ol {
	list-style: decimal;
	padding:0; margin:0;
}

#content ol li {
	margin-left:20px;
}
.post-header {line-height:20px;float:right;width:415px;}
.post-header h1 {color:#9ecfff;font-size:30px;font-family:"Trebuchet MS", Arial, helvetica, sans-serif;margin:10px 0 0 0;font-weight:100;padding:0;}
.post-header h1 a{color:#9ecfff; text-decoration:none;font-weight:100;}
.post-header h1 a:hover{color:#fff;text-decoration:none}
.authorav {float:left;background:#093567;border:1px solid #17538e;padding:5px;margin:0 10px 10px 0;width:60px;}
.post-meta {
	background:#093567;
	font-size:10px;
	text-transform:uppercase;
	margin:5px 0;
	width:auto;
	font-family:"Trebuchet MS", Arial, helvetica, sans-serif;
}
.post-meta a {color:#6999c9; text-decoration:none;font-weight:100;}
.post-meta a:hover {color:#fff; text-decoration:underline;}

.post-body {margin-bottom:5px;line-height:21px;border-top:1px solid #093567;border-bottom:1px solid #093567;padding:10px 0;}
.post-body img {padding:5px; margin:5px; border:1px solid #ced5d9;}
.post-body img:hover {padding:5px; margin:5px; border:1px solid #7b8b96;}

.postspace {border-bottom:0px solid #ced5d9;width:100%;margin-bottom:15px;padding-bottom:15px}

/* ------------------------------------------------------ Page Styles 
----------------------------------------------------------------------------------------*/
.comicarchive {text-align:center;background:#093567;margin:0 auto 15px auto;padding:0 0 20px 0;border:1px solid #1a5998;}
.archive {float:left;width:363px;margin:0 auto;padding: 0px 10px 20px 0px;}

/* ------------------------------------------------------ Footer 
----------------------------------------------------------------------------------------*/

#footer {background:#001329;border-left:2px solid #6999c9;border-right:2px solid #6999c9;border-bottom:2px solid #6999c9;width:872px;margin:0 auto 8px;padding:5px;text-align:center;color:#fff;font-size:10px;text-transform:uppercase;line-height:11px;}
#footer a {color:#83b2e1;text-decoration:none}
#footer a:hover {color:#ffffff;}

/* ------------------------------------------------------ Comments
----------------------------------------------------------------------------------------*/


#comments li{
	list-style:none;
}

li.commentlist {margin-left:1px;padding:5px;}

.alt {background:#093567;}

img.avatar {float:left; margin-right:5px;border:1px solid #16589b;}

.comment-meta a, .comment-meta a:link, .comment-meta a:visited {color: #0e4174;text-decoration:none;}

.comment-meta a:hover, .comment-meta a:active {
	color: #6999c9;
	background:#0e4174;
	text-decoration:none;
}

.comment-meta {
	padding:6px 6px 6px 2px;
	background:#6999c9;
	color:#eee;
	font-weight:100;
	font-size:14px;
}

#respond {
	background:#093567;
	border-bottom: 1px solid #16589b;
	border-top: 1px solid #16589b;
	margin:0 auto;
	padding:5px;
	width:480px;
}