@charset "utf-8";
/*
Theme Name: DRS2010
Theme URI: http://wordpress.org/
Description: The 2010 Wordpress theme for Dragonrageseishi.
Author: Alicia L. Scarborough
Version: 1.0
Tags: black, blue, white, red, pink, green, anime, three-columns, fixed-width, translation-ready
*/
/* CSS Document */
/* HTML 5 Elements Reset */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; margin: 0px; padding: 0px; }

/* Regular recognized elements */
body { margin: 0px; padding: 0px; font: 12px Arial; color: #000000; }
h1, h2, h3, h4, h5, h6, h7 { margin: 0px; padding: 0px; }
ul, p, div { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
a { color: #0066CC; }
code { background-color: #ddd; }

/* Embedding Special Font */
@font-face {
	font-family: 'DanielRegular';
	src: url('fonts/daniel-webfont.eot');
	src: local('?'), url('fonts/daniel-webfont.woff') format('woff'), url('fonts/daniel-webfont.ttf') format('truetype'), url('fonts/daniel-webfont.svg#webfontESprjeMA') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DanielBold';
	src: url('fonts/danielbd-webfont.eot');
	src: local('?'), url('fonts/danielbd-webfont.woff') format('woff'), url('fonts/danielbd-webfont.ttf') format('truetype'), url('fonts/danielbd-webfont.svg#webfontbUr7zkmG') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DanielBlackRegular';
	src: url('fonts/danielbk-webfont.eot');
	src: local('?'), url('fonts/danielbk-webfont.woff') format('woff'), url('fonts/danielbk-webfont.ttf') format('truetype'), url('fonts/danielbk-webfont.svg#webfont0joSWvsx') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* IE6 Box Styles */
#ie6 { display: none; width: 100%; margin: 0px; padding: 0px; border-bottom: 4px dashed #333333; background-color:#FFFFFF; }
#ie6 #box { width: 745px; margin: 10px auto; padding: 20px; background-color: #FFFFFF; border: 10px solid #660000; font-size: 14px; }
#ie6 h3 { margin: 3px 0px; font-size: 18px; color:#990000; }
#ie6 strong { font-size: 15px; }
#ie6 p { text-align: center; padding: 5px; }
#ie6 a { font-weight: bold; color:#0066CC; }


/* Classes */
.blk { color: #000000; }
.red { color: #E10000; }
.nounderline { text-decoration: none; }
.marL15 { margin-left: 15px; }
.marR15 { margin-right: 15px; }
.marL65 { margin-left: 60px; }
.clearboth { clear: both; }
.active {}
.latest { float: left; text-align: center; }
.latest h4 { font-size: 16px; }
.latest_item { width: 124px; height: 55px; margin: 0px; margin-top: 5px; padding: 5px 3px; background-color: rgba(66,115,64,0.50); text-align:center; vertical-align:middle; z-index: 500; }
.hfeed {}
.posts { width: 370px; margin: 5px; background-color: #FFF; padding: 15px 35px; position: relative; }
.entry-title { font-size: 20px; color: #000; margin: 20px 0px; }
.entry-title a { color: #000; text-decoration: none; }
.post-info { width:56px; height:52px; background: url('imgs/article_date_bg.png') no-repeat; position: absolute; top: 25px; left: -35px; text-align: center; }
.post-info div { margin: 0px; padding: 0px; }
.post-info .month { font-size: 9px; margin: 2px auto 0px auto; }
.post-info .day { font-size: 25px; font-weight: bold; margin: -5px auto 0px auto; }
.post-info .year { font-size: 9px; margin: -6px auto 3px auto; }
.published {}
.entry-comment-form { border-top: 1px solid #000000; padding-top: 5px; }
.entry-content { background: none; }
.entry-content p { margin-bottom: 10px; }
.entry-comment-section { margin: 20px 0px 10px 0px; border-top: 4px double #333; }
.entry-comments ul { margin: 0px; background: none; list-style:none; }
#post-list li .odd { clear: both; /*position: inline;*/ background-color: #eeeeee; padding: 15px 0 0 15px; }
#post-list li .even { clear: both; /*position: inline;*/ background-color: #fff; padding: 15px 0 0 15px; }
#post-list li.numbered { clear: both; list-style-type: decimal; margin-bottom: 10px; }
.commentor-name-date  .commentmetadata { margin-top: 0px; float: left; }
.commentor-name-date  cite { float: left; margin-top: -2px; padding-right: 10px; font-size: 15px; font-weight: bold; }
.comment-body { background-color: transparent; }

.gallery { clear: both; width: 370px; min-height: 450px; margin: 5px; background-color: #FFF; padding: 15px 35px; }

/* Main Site Styles */
#main_site { clear: both; width: auto; min-height: 450px; margin: 0px; padding: 0px; background: url('imgs/main_bg.jpg') repeat-x #FFFFFF; }
#main_acc { width: 960px; margin: 0px auto; padding: 0px; position: relative; }

#banner { position: relative; }
#banner nav { width: 940px; position: relative; left: 70px; top: 65px; }
#banner nav ul { list-style-type: none; padding: 0px; margin: 0px; }
#banner nav li { width: 100px; height: 30px; background-image: url('imgs/nav_wisp.png'); background-repeat: no-repeat; background-position: 0px 0px; padding-left: 18px; padding-top: 5px; float: left; position: relative; }
#banner nav .selected { width: 110px; height: 100px; background-color: rgba(255,255,255,0.10); position: absolute; top: -70px; left: -7px; }
#banner nav a { text-decoration: none; color: #FFF; font-size: 16px; font-weight: bold; padding: 0px 10px 0px 0px; }
#dragonrageseishi_logo { float: left; }

#page_character { display: block; width: 400px; position: absolute; top: 220px; left: -20px; }

#content { display: block; clear: both; width: 500px; min-height: 400px; float: right; margin: 0px 100px 0px 0px; }
#the_latest { width: 450px; clear: both; float: right; margin: -120px 110px 0px 0px; z-index: 300; position:relative; }
#welcome_message { clear: both; width: 450px; margin: 20px 0px; margin-left: 40px; padding: 5px; background-color: rgba(0,0,0,0.40); }
#welcome_message div { width: 400px; margin: 5px; background-color: #FFF; padding: 15px 20px; font-size: 16px; }
#post_nav { clear: both; width: 450px; margin: 20px 0px; margin-left: 40px; padding: 5px; background-color: rgba(0,0,0,0.40); }
#post_nav div { width: 400px; margin: 5px; background-color: #FFF; padding: 15px 20px; font-size: 16px; }
#post-list { list-style: none; position: relative; }
#post-list li { width: 450px;margin: 50px 0px; padding: 5px; background-color: rgba(0,0,0,0.40);  }
#post-list li li { width: auto; margin: 0px; padding: 0px; list-style: none; background-color: #FFF; clear: both; }

#story_title { font-family: "DanielRegular", Arial, sans-serif; font-size:20px; }

#comic_content { display: block; clear: both; width: 750px; float: right; margin: 0px 100px 0px 0px; z-index:200;}
#comic_section { clear: both; width: 750px; margin: -120px 0px 0px -20px; }
#comic_nav { width: 500px; margin: 200px auto; margin-bottom: 0px; }
#comic_nav li { display: block; float: left; list-style: none; padding: 0px 15px; }
#comic_nav #comic_logo { position: relative; width: 200px; height: 50px; }
#comic_logo img { position: absolute; bottom: 0px; width: 200px; }
#comic_extras { clear: both; width: 235px; margin: 10px auto; font-size: 14px; font-weight: bold; color: #0066CC; }
#comic_extras a { text-decoration: none; }
#comic_extras li { float: left; list-style: none; padding: 0px 5px; }
#comic_section article { clear: both; width: 750px; margin: 30px auto; padding: 5px; background-color: rgba(0,0,0,0.40); }
#comic { width: 700px; margin: 5px; background-color: #FFF; padding: 15px 20px; font-size: 12px;}

#gallery_content { display: block; clear: both; width: 450px; float: right; margin: 0px 120px 0px 0px; position: relative; z-index: 500; }
#gallery_section { clear: both; width: 450px; margin: -20px 0px 0px 0px; }
#gallery_section article { clear: both; width: 450px; margin: 30px auto; padding: 5px; background-color: rgba(0,0,0,0.40); }
#gallery_nav { clear: both; width: 140px; position: absolute; top: 20px; right: 428px; }
#gallery_nav li { list-style: none; clear: both; width: 110px; margin: 10px auto; padding: 3px; background-color: rgba(0,0,0,0.40); }
#gallery_nav li a { text-decoration: none; color: #000; font-size: 14px; font-weight: bold; }
#gallery_nav li div { clear: both; width: 69px; margin: 3px; background-color: #FFF; padding: 15px 20px; border-right: 1px solid #ccc; }
#gallery_nav li div.selected { border-right: 1px solid #FFF; }
#gallery_content #all {}
#gallery_content #my_art,#gallery_content #fan_art_shows,#gallery_content #gift_art,#gallery_content #wallpapers,#gallery_content #sites { display: none; }

#comic_listing_content { display: block; clear: both; width: 450px; float: right; margin: 0px 120px 0px 0px; position: relative; z-index: 300; }
#comic_listing_section { clear: both; width: 450px; margin: -20px 0px 0px 0px; }
#comic_listing_section article { clear: both; width: 450px; margin: 30px auto; padding: 5px; background-color: rgba(0,0,0,0.40); }
#comic_listing_nav { clear: both; width: 140px; position: absolute; top: 20px; right: 428px; }
#comic_listing_nav li { list-style: none; clear: both; width: 110px; margin: 10px auto; padding: 3px; background-color: rgba(0,0,0,0.40); }
#comic_listing_nav li div a { text-decoration: none; color: #000; font-size: 14px; font-weight: bold; }
#comic_listing_nav li div { clear: both; width: 69px; margin: 3px; background-color: #FFF; padding: 15px 20px; border-right: 1px solid #ccc; }
#comic_listing_nav li div.selected { border-right: 1px solid #FFF; }
#comic_listing_content #comics_all {}
#comic_listing_content #f_evil, #comic_listing_content #foxylynn, #comic_listing_content #felines, #comic_listing_content #medevil_burden, #comic_listing_content #on_the_run { display: none; }

#site_ads { width: 120px; position: absolute; top: 240px; right: -55px; background-color: rgba(0,0,0,0.40); padding: 10px; }
#site_ads ul { list-style: none; overflow: hidden; }
#site_ads ul>li { margin-bottom:10px; padding: 8px 5px; background: #fff; }
#site_ads ul>li>h2.widgettitle { font-size: 14px; font-weight: bold; }
#site_ads ul>li.tweetbox_widget{ width: 90%; border: 1px solid #000;  padding: 3px;}
#site_ads ul>li.tweetbox_widget div { margin: 10px auto; padding: 0px 5px; }
#wpemailcapture .widgettitle { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #000; }
#wpemailcapture { width: 95%; padding: 5px; background-color: #ddd; }
#wpemailcapture input { width: 95%; }
#search, #search-1, #search-2, #search-3, #searchform { /*margin-top: 25px;*/ width: 100%; }
/*#searchform { width: 100%; }*/
.screen-reader-text { font-size: 16px; font-weight: bold;}
#s { width: 70px; }
#searchsubmit { width: 30px; padding: 2px 3px; background-color: #000; border: none; color: #fff; font-weight: bold; }

#main_footer { width: 800px; margin: 60px auto 10px auto; text-align: center; font-size: 10px; line-height: 20px; }
#main_footer img { vertical-align: middle; }