/*  
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:258px;
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 18px;
}

/** Header **/

#header h1 {
color:#ffffff;
font-size:36px;
padding:82px 0 0 0;
margin:0 0 0 123px;
text-indent:-9999px;
height:47px;
background:transparent url(design/artemis_fowl_fangathering.jpg) 0px 85px no-repeat;
cursor:pointer;
}

html>body #header h1 {
margin:0 0 0 125px;
background:transparent url(design/artemis_fowl_fangathering.png) 0px 85px no-repeat;
width:595px;
}

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

/** Navbar **/

.navbar ul {
width:702px;
height:24px;
margin:0 auto;
background:url(design/fg_navbar.jpg) 50% 0px no-repeat;
position:relative;
}
html>body .navbar ul {background:url(design/fg_navbar.png) 50% 0px no-repeat;}

.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:hover {background: transparent url(design/fg_navbar.jpg) 0 -24px no-repeat;}
#nav_planet a:hover {background: transparent url(design/fg_navbar.jpg) -117px -24px no-repeat;}
#nav_books a:hover {background: transparent url(design/fg_navbar.jpg) -234px -24px no-repeat;}
#nav_movie a:hover {background: transparent url(design/fg_navbar.jpg) -351px -24px no-repeat;}
#nav_media a:hover {background: transparent url(design/fg_navbar.jpg) -468px -24px no-repeat;}
#nav_fun a:hover {background: transparent url(design/fg_navbar.jpg) -585px -24px no-repeat;}

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

/** Category Markers **/

body#home #wrapper {background:url(design/fg_wrapper_home.gif) 0px 192px no-repeat;}
body#planet #wrapper {background:url(design/fg_wrapper_planet.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.navmenu {background:url(design/h3_categorymenu.png) 0px 0px no-repeat;}
h3.usefullinks {background:url(design/fg_side_usefullinks.png) 0px 0px no-repeat;}
h3.aboutfg {background:url(design/fg_side_aboutfg.png) 0px 0px no-repeat;}
h3.latestdisc {background:url(design/fg_side_latestdisc.png) 0px 0px 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 {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;}

.authorcomment .commentmiddle {background:#EEEEEE url(design/fg_comment_middle_author.jpg) top center repeat-y;}
.authorcomment .commenttop {background:url(design/fg_comment_top_author.jpg) top center no-repeat;}
.authorcomment .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 {color:#0578ae; text-decoration:underline;}
a:visited {color:#84AEC2; 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_latestnews.png) 0 0 no-repeat;margin-bottom:0;}
h3.popcontent {height:36px;text-indent:-9999px;background:url(design/h3_popularcontent.png) 0 0 no-repeat;}
h3.recentchanges {height:36px;text-indent:-9999px;background:url(design/h3_recentchanges.png) 0px 0px no-repeat;}
h3.writecomment {height:36px;text-indent:-9999px;background:url(design/h3_writecomment.png) 0px 0px no-repeat;}
h3.postcomments {height:36px;text-indent:-9999px;background:url(design/h3_postcomments.png) 0px 0px no-repeat;}
h3.pagespotlight {height:36px;text-indent:-9999px;background:url(design/h3_pagespotlight.png) 0 0 no-repeat;}

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

#search {display:block;background:#ACE1FC;padding:4px 4px 4px 5px;margin-bottom:-8px;}
input#s {border:0;background:#ffffff url(design/fg_search_icon.gif) 0 0 no-repeat;padding-left:20px;width:132px;}
html>/**/body #search {display:inline;background:#ACE1FC;padding:7px 4px 6px 5px;}
html>/**/body input#s {border:0;background:#ffffff url(design/fg_search_icon.gif) 0 0 no-repeat;padding-left:20px;width:134px;}

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

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 div {width:50%;}

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