/* 
Theme Name: FreakAngels-Ad
Theme URI: http://freakangels.com/
Description: Custom design for the FreakAngels webcomic 
Version: 1.0
Author: Ariana Osborne
Author URI: http://arianaosborne.com/
*/

body {color: #000000; background: url('images/FABG.png') repeat-x #E5E5E5; font:62.5% arial,helvetica,clean,sans-serif;	width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,font,fieldset,input,button,p,blockquote,th,td {margin:0px;padding:0px;line-height:1.4em;}

p {font-size:1.3em; word-spacing: 0.05em; margin-bottom:0.7em; }

#head_navigation {font-size:1.3em;}

small {font-size:80%;}

a {color: #990000;text-decoration: none; font-weight:900;}
a:hover {color: #000; background:#9088AA;}
a:active {outline: none;}
a:hover img, a:hover.nobg {background:none!important;}

ul, ol, ul li, ul li a {list-style-type: none; }

fieldset,input,button {font-family: arial,helvetica,clean,sans-serif;}

/* images */
.entry_comic a img, .entry_comic img, .entry_page a img, .entry_page img { border: 2px solid #9088AA; margin-top: -2px;}

/* img {max-width:430px;height:auto!important;}*/
span.plain {font-weight: normal; font-size:80%;}
span.kerndown {letter-spacing:0px!important;}

/* BAR MENU*/
#body_container {max-width:996px; margin:0px auto;}
#clearfix:after,#head:after,#container:after,#content_index:after,#sidebar_index:after {content:".";display:block;height:0px;line-height:0px;font-size:0px;clear:both;visibility:hidden;}

/* HEADER */

#head {width:995px; height:275px; padding:0px; margin:0px; font-weight:900; letter-spacing:-1px;}
#head a:hover {background: none;}
/* CONTAINS CONTENT & SIDEBAR */
#container { width:992px; padding:0px; margin:0px; border-top:0px; border-left: 2px solid #9088AA; border-right: 2px solid #9088AA; background:#FFF;}

/* CONTENT */
#content_index {float: left; width: 764px; padding:0px; border-right: 2px solid #9088AA;}
#sidebar_index {float: right; width: 226px;  padding:0px; border-left: 2px solid #9088AA; margin-left:-2px;}

/* HEADERS */
h1 { font-size: 2.2em; }
h2 { font-size: 2em; font-weight:bold; letter-spacing: 1px; color:#990000; text-transform: uppercase;}
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

/* POSTS & PAGES */
#content_index .post_main { width: 754px; padding:5px; border: none; background: #FFF; overflow:hidden; }
#content_index .post_main .post_title {height:28px; text-align: center; background: url('images/FA_menuleft.png') top left no-repeat;  border: 2px solid #9088AA;}
#content_index .post_main .post_title h2 {width:664px; background: url('images/FA_menuright.png') top right no-repeat; padding: 0 43px;}

#content_index .post_page { width: 754px; padding:5px; border: none; background: #FFF; overflow:hidden; }
#content_index .post_page .post_title {height:28px; text-align: center; background: url('images/FA_menuleft.png') top left no-repeat;  border: 2px solid #9088AA;}
#content_index .post_page .post_title h2 {width:664px; background: url('images/FA_menuright.png') top right no-repeat; padding: 0 43px; }
#content_index .post_main .ad_box{padding:5px; text-align: center; border: 2px solid #9088AA;}
#content_index .post_page .ad_box{padding:5px; text-align: center; border: 2px solid #9088AA;}

#content_index .post_page .static_page {margin:15px;}

#content_index .post_page .static_page table{margin:0;padding0;}

#content_index .textpage {margin:45px; border: 4px solid #000; padding: 25px 25px 0 25px; background-color:#eeeef0; font-family:"Courier New",Courier,mono; font-size:13px; font-weight:500;}
#content_index .textpage p {line-height: 2em!important;padding-bottom: 15px;}
#content_index .textpage img { border: 0px solid #9088AA!important; margin:0!important; padding:0!important;}


/* ARCHIVE & SEARCH */
#content_index .archive_main { width: 756px; padding:5px 4px; border: none; background: #FFF;}
#content_index .archive_main .post_title {height:28px; text-align: center; background: url('images/FA_menuleft.png') top left no-repeat;  border: 2px solid #9088AA;margin:0 1px;}
#content_index .archive_main .post_title h2 {width:664px; background: url('images/FA_menuright.png') top right no-repeat; padding: 0 43px;}
#content_index .archive_main .archive_comic { float:left; display:block; width: 185px; margin:5px 2px 5px 2px;}
#content_index .archive_main .archive_comic h3 { border: 2px solid #9088AA; text-align:center;}
#content_index .archive_main .archive_comic p { margin-top:0; margin-bottom:0; line-height:1px;font-size:0px;}
#content_index .archive_main .archive_comic img{ width: 181px; margin-top:-2px; margin-bottom:-2px;padding:0; border: 2px solid #9088AA; }

#content_index .archive_main .archive_comic:hover h3{background:#9088AA; border-color:#000;}
#content_index .archive_main .archive_comic:hover h3 a{color:#000;}
#content_index .archive_main .archive_comic:hover img{border-color:#000;}

/* SIDEBAR */
#sidebar_index .menu_sidebar { width: 216px; padding:5px; margin-bottom:10px; border: none; background: #FFF; overflow:hidden; }
#sidebar_index .menu_sidebar .menu_title {}
#sidebar_index .menu_sidebar .menu_title h2 {background: url('images/FA_menuright.png') top right no-repeat #FFF; border: 2px solid #9088AA; overflow:hidden; padding-right: 43px; padding-left: 3px;}
#sidebar_index .menu_sidebar .menu_content {padding: 0 5px; font-size:1.2em;}
#sidebar_index .menu_sidebar .menu_content ul {list-style-type: none;}
#sidebar_index .menu_sidebar .menu_content ul li a.rsslink{padding-right: 16px; background: url('images/bullet_feed.png') top right no-repeat;}
#sidebar_index .menu_sidebar .menu_content ul li a:hover.rsslink{background: url('images/bullet_feed.png') top right no-repeat #9088AA;}
#sidebar_index .menu_sidebar .menu_content ul li span.archivelink {color:#900;font-weight:bold;}
#sidebar_index .menu_sidebar .menu_content .archive_dropdown {border:none;color:#900;width:216px;margin-left:-5px;font-weight:bold;font-family:arial;}

/* SEARCH */
#searchform  {border: 2px solid #9088AA; width: 212px; height:27px; background: url('images/FA_menuright.png') top right no-repeat #FFF; text-align:left;}
#searchform input.search {font-size: 2em; font-weight:bold; letter-spacing: 1px; color:#990000; text-transform: uppercase; padding-left:1px; width:163px; height:21px; border-bottom: 2px solid #EEE;border-right: 2px solid #EEE;border-left: 2px solid #AAA;border-top: 2px solid #AAA;}

/* blockquotes */
blockquote { background: url(images/quoteblack.png) no-repeat left top; font-style: italic; color: #262923; padding: 3px 33px; margin: 3px;}

/* postmetadata */

.transcripttoggle {text-align:center; margin:-14px 0 5px 0; border-top: 2px solid #9088AA; }
.transcripttoggle a {display:block; width:100%;}

#post_transcript {border-left: 2px solid #9088AA; border-right: 2px solid #9088AA; margin:-14px 0 12px 0; padding:8px 8px 1px 8px;}

/* NAVIGATION */

.nav_box {text-align: center; background: url('images/FA_menuright.png') top right no-repeat;  border: 2px solid #9088AA; height:28px;}
.nav_box h2 {}
.nav_box ul {float:left; width:750px; background: url('images/FA_menuleft.png') top left no-repeat; padding: 0 43px;}
.nav_box ul li { float:left; width:300px; border-right: 2px solid #9088AA;font-size: 1.9em; line-height:28px; font-weight:bold; letter-spacing: 1px; color:#000; text-transform: uppercase;}
.nav_box ul li.left {width:180px;}
.nav_box ul li.right {width:180px;}
.nav_box ul li a {padding:0 2px;}
.nav_box ul li strong {color:#990000;}


/* TRANSLATION */
.translate {display:inline; padding-left:28px; vertical-align:42%;}
.translate img {padding:0 3px; }
.translate a img {border:none;}
.translate a:hover {background: none;}

/* FOOTER */
#footer {padding:0; margin:0; background-color:#000; color:#FEFEFE;border-top: 3px solid #9088AA;}
#footer_container {width: 996px; margin: 0 auto; background-color:#000;}
#footer_container .footer {width:994px; background-color:#000; margin-top:6px;}
#footer_container .footer .leftcell {width:150px;}
#footer_container .footer .centercell {width:616px; padding-left:10px; }
#footer_container .footer .centercell p.credit{color: #FFF; font-size:1.5em; margin-bottom:1px!important; margin-top:-4px;}
#footer_container .footer .rightcell {width:226px;text-align:right;}
#footer_container .footer .rightcell p.translate{display:block; padding:0; font-size:1px; margin-bottom:1px!important; word-spacing:0;}

#footer_container .footer .rightcell p.translate img {padding:3px 0 4px 7px;}
#footer_container .footer .leftcell a img, #footer_container .footer .rightcell a img {border: none;}
#footer_container .footer .leftcell a:hover, #footer_container .footer .rightcell a:hover {background: none;}


#footer_container .footer a {color:#FFF; font-size:0.95em;}