/*  
Theme Name: Artemis Fowl
Theme URI: http://artemisfowl.fangathering.com/
Description: Created for the Artemis Fowl fansite.
Version: 1.0
Author: Michael Martin
*/

@import url(reset.css);

body {
background:#232323 url(design/fg_body_bg.jpg) top center no-repeat;
text-align:center;
padding:0;
margin:0;
}

#wrapper {
margin:0 auto;
height:100%;
width:750px;
}

.marker {
height:100%;
width:100%;
}

#header {
height:168px;
width:100%;
text-align:left;
}

.navbar {
height:24px;
margin-bottom:24px;
}

.content {
width:492px;
text-align:left;
float:left;
}

#sidebar {
width:240px;
float:right;
}

#footer {
clear:both;
padding:18px;
border-top:1px dashed #828282;
margin:0 36px;
background:#ffffff;
}

/** Gutters **/
.main {
margin:0 0 0 36px;
}

.sidegutter {
margin:0 36px 0 0;
}

/** Header **/

#header h1 {
	font-size:36px;
	padding:82px 0 0 0;
	margin:0 0 0 123px;
}

html>body #header h1 {
	margin: 0 0 0 125px;
}

#header h1 a:link, #header h1 a:visited {
	display: block;
	text-indent:-9999px;
	height:47px;
	width: 595px;
	background:transparent url(design/artemis_fowl_fangathering.png) 0px 0px no-repeat;
	color:#ffffff;
}

#header h2 {
color:#ffffff;
text-align:right;
padding:0 39px 0 0;
}

/** Navbar **/

.navbar ul {
width:702px;
height:24px;
margin:0 auto;
position:relative;
}

.navbar ul li {
display:block;
height:24px;
width:117px;
position:absolute;
top:0;
}

.navbar ul li a {
display:block;
height:24px;
text-indent:-9999px;
}

#nav_home {left: 0;}
#nav_planet {left: 117px;}
#nav_books {left: 234px;}
#nav_movie {left: 351px;}
#nav_media {left: 468px;}
#nav_fun {left: 585px;}

#nav_home a {background:url(design/fg_navbar.png) 0 0px no-repeat;}
#nav_planet a {background:url(design/fg_navbar.png) -117px 0px no-repeat;}
#nav_books a {background:url(design/fg_navbar.png) -234px 0px no-repeat;}
#nav_movie a {background:url(design/fg_navbar.png) -351px 0px no-repeat;}
#nav_media a {background:url(design/fg_navbar.png) -468px 0px no-repeat;}
#nav_fun a {background:url(design/fg_navbar.png) -585px 0px no-repeat;}

#nav_home a:hover {background-position: 0 -24px;}
#nav_planet a:hover {background-position: -117px -24px;}
#nav_books a:hover {background-position: -234px -24px;}
#nav_movie a:hover {background-position: -351px -24px;}
#nav_media a:hover {background-position: -468px -24px;}
#nav_fun a:hover {background-position: -585px -24px;}

/** Category Markers **/

body#home #wrapper {background:url(design/fg_wrapper_home.gif) 0px 192px no-repeat;}
/*
body#planet #wrapper {background:url(design/fg_wrapper_forum.gif) 0px 192px no-repeat;}
body#books #wrapper {background:url(design/fg_wrapper_books.gif) 0px 192px no-repeat;}
body#movie #wrapper {background:url(design/fg_wrapper_movie.gif) 0px 192px no-repeat;}
*/
body#media #wrapper {background:url(design/fg_wrapper_media.gif) 0px 192px no-repeat;}
body#fun #wrapper {background:url(design/fg_wrapper_fun.gif) 0px 192px no-repeat;}

.marker {background:#ffffff url(design/fg_marker_home.jpg) top center repeat-y;}

/** Sidebar **/

#sidebar {
text-align:left;
}

#sidebar h3 {
width:204px;
height:36px;
text-indent:-9999px;
margin-bottom:0;
}

h3.usefullinks {background:url(design/h3.png) 0px -180px no-repeat;}
h3.aboutfg {background:url(design/h3.png) 0px -216px no-repeat;}
h3.books {background:url(design/h3.png) 0px -252px no-repeat;}
h3.fowl-planet {background:url(design/h3.png) 0px -288px no-repeat;}
h3.the-movie {background:url(design/h3.png) 0px -324px no-repeat;}
h3.media {background:url(design/h3.png) 0px -360px no-repeat;}
h3.fun-games {background:url(design/h3.png) 0px -396px no-repeat;}

#sidebar ul ul li {
background:url(design/bullet_go.jpg) 0 0 no-repeat;
padding-left:18px;
}

#sidebar ul ul.plain li {
background:none;
padding-left:0;
}

#sidebar ul ul.useful li {
margin-bottom:18px;
background:none;
padding:0;
}

/** Comments **/
.comment-content {width:384px;margin:0px 18px;}

.commentmiddle {background:#EEEEEE url(design/fg_comment_middle.jpg) top center repeat-y;}
.commenttop {background:url(design/fg_comment_top.jpg) top center no-repeat;}
.commentbottom {background:url(design/fg_comment_bottom.jpg) bottom center no-repeat;}

.comment-author-admin .commentmiddle {background:#EEEEEE url(design/fg_comment_middle_author.jpg) top center repeat-y;}
.comment-author-admin .commenttop {background:url(design/fg_comment_top_author.jpg) top center no-repeat;}
.comment-author-admin .commentbottom {background:url(design/fg_comment_bottom_author.jpg) bottom center no-repeat;}

.comment-author {position:relative;height:72px;}
.comment-author img {position:absolute;top:9px;}
.comment-author cite {position:absolute;top:15px;left:63px;font-size:18px;}
.comment-author small {position:absolute;top:35px;left:63px;}
.comment-author span {position:absolute;top:11px;right:0;color:#FFFFFF;font-size:54px;}

.comment-author a:link {text-decoration:underline;color:#000000;}
.comment-author a:visited {text-decoration:underline;color:#666666;}
.comment-author small a:link, .comment-author small a:visited {color:#999999;}
.comment-author a:hover, .comment-author a:focus, .comment-author a:active {text-decoration:none;}

.comment-moderation {background:#FFFFCC;text-align:center;color:#FF0000;margin-bottom:16px;border:1px dashed #333333;border-width:1px 0;}

/** Typography **/

body {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}

h1, h2, h3, p, ul, ol, blockquote {
margin-bottom:18px;
}

h1 {font-size:24px; line-height:36px;}
h2 {font-size:18px; line-height:18px;}
h3 {font-size:12px; line-height:18px;font-weight:bold;}

blockquote {
padding-left:36px;
background:url(design/fg_blockquote.jpg) 0 7px no-repeat;
font-style:italic;
min-height:36px;
}

blockquote q, q q {font-style:normal;}

small {font-size:75%;}
em, i {font-style:italic;}
strong, b {font-weight:bold;}

/** General Design **/

.left {float:left;margin-right:18px;}
.right {float:right;margin-left:18px;}
.left2 {float:left;margin-right:9px;}
.right2 {float:right;margin-left:9px;}
#sidebar .left {margin-right:12px;}

.mb18 {margin-bottom:18px;}

.tc {text-align:center;}
.tl {text-align:left;}
.tr {text-align:right;}

a:link, a.novisited:visited {color:#0578ae; text-decoration:underline;}
a:visited {color:#448eb2; text-decoration:underline;}
a:hover, a:active {color:#48a5cb; text-decoration:none;}

.content ul {padding:0 18px;}
.content ul li {padding:0 18px; background:url(design/fg_ul_li.jpg) 0 0 no-repeat;}
.entry ol {list-style-type:decimal;padding:0 18px;}
.entry ol li {margin:0 18px;}

small {display:block;margin-bottom:18px;color:#666666;}
.metabox {font-size:12px;margin-bottom:18px;}
.twocol {width:219px;}
.spoiler {color:#ff0000;text-align:center;font-weight:bold;}
.linkbox {padding:0 9px;background:#d2eef5;}
.linkbox a:link {color:#000000;text-decoration:underline;}
.linkbox a:visited {color:#666666;text-decoration:underline;}
.linkbox a:hover, .link a:active {text-decoration:none;}

.twocol ul {padding:0;}
.twocol ul li {padding:0;background:none;margin-bottom:18px;}

.metabox a:link, .metabox a:visited {color:#0578ae;}
.alignleft {text-align:left;margin-bottom:18px;}
.alignright {text-align:right;margin-bottom:18px;}

h2 a:link {color:#000000;text-decoration:none;}
h2 a:visited {color:#666666;text-decoration:none;}
h2 a:hover, h2 a:active {text-decoration:underline;}

h3.latestnews {height:36px;text-indent:-9999px;background:url(design/h3.png) 0 0 no-repeat;margin-bottom:0;}
h3.popcontent {height:36px;text-indent:-9999px;background:url(design/h3.png) 0 -36px no-repeat;}
h3.writecomment {height:36px;text-indent:-9999px;background:url(design/h3.png) 0px -72px no-repeat;}
h3.postcomments {height:36px;text-indent:-9999px;background:url(design/h3.png) 0px -108px no-repeat;}
h3.pagespotlight {height:36px;text-indent:-9999px;background:url(design/h3.png) 0 -144px no-repeat;}

#sidebar form {margin-bottom:16px;}

#searchform {background:#ACE1FC;width: 195px;padding:4px 4px 4px 5px;height:1%;overflow:hidden;}

input#s {float: left;border:0;background:#ffffff url(design/fg_search_icon.gif) 0 0 no-repeat;padding:2px 10px 2px 20px;width:122px;}

input#searchsubmit {border:none;background:url(design/fg_search_go.png) 0 0 no-repeat;text-indent:-9999px;height:18px;width:38px;float:right;}
input#searchsubmit:hover {background-position:0 -18px;cursor:pointer;}

h3.writecomment {margin-bottom:17px;}
input#author, input#email, input#url {height:18px;padding:0px;margin:0;}
p.margin12 {margin-bottom:10px;}
p.margin17 {margin-bottom:16px;}
textarea#comment {height:174px;}
p.commentsubmit {height:30px;padding:4px 0 0 0;margin:0 0 19px 0;}

html>/**/body h3.writecomment {margin-bottom:18px;}
html>/**/body input#author, input#email, input#url {height:18px;padding:0px;margin:0;}
html>/**/body p.margin12 {margin-bottom:12px;}
html>/**/body p.margin17 {margin-bottom:17px;}
html>/**/body textarea#comment {height:176px;}
html>/**/body p.commentsubmit {height:30px;padding-top:6px;margin-bottom:17px;}

.posthead {height:18px;margin:0 0 18px 0;}
.posthead h2 {float:left;position:relative;top:-3px;}
.posthead h2 a:link, .posthead h2 a:visited, .posthead h2 a:focus {text-decoration:underline;}
.posthead h2 a:hover, .posthead h2 a:active {text-decoration:none;}
.postdate {position:relative;width:18px;height:36px;float:left;margin-right:9px;}
.postdate .date_day {position:absolute;top:-4px;width:100%;text-align:center;color:#4771B8;}
.postdate .date_month {position:absolute;top:5px;width:100%;text-align:center;text-transform:uppercase;font-size:10px;}
.entry {margin-top:-18px;}
.postmetadata {margin:0 0 36px 0;text-align:right;}

.wp-smiley {position:relative;top:1px;}
html>/**/body .smiley {vertical-align:top;overflow:hidden;} /* Span added around the smiley image in includes/functions.php */
html>/**/body .wp-smiley {position:relative;top:3px;}

.navigation {
	height: 1%;
	overflow: hidden;
	margin: 0 0 20px 0;
}
.nav-left {
	float: left;
	width: 45%;
}
.nav-right {
	float: right;
	text-align: right;
	width: 45%;
}

span.fb-meta {color:#666666;font-size:10px;}