/*
Theme Name: Read Journal
Theme URI: http:/www.readjournal.org
Description: Theme for ReadJournal.org
Version: 0.5
Author: iMenn
*/
/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* GENERAL */
body {font: 13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;background-color: #fff;color: #333;}
a:focus {outline: 1px dotted invert;}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
h1 {font-size: 18px}
h2 {font-size: 16px}
h3 {font-size: 15px}
h4 {font-size: 13px}
h5 {font-size: 12px}
h6 {font-size: 11px}
ol {list-style: decimal}
ul {list-style: square}
p,dl,hr,h1],h2,h3,h4,h5,h6,ol,ul,pre,address,fieldset {margin-bottom: 15px}
a { color: #ea3e77; }
a:hover {color: #fa5d9a;}
a:link, a:visited, a:active, a:hover {text-decoration: none;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
sup {padding-left: 1px; font-size: 10px !important; font-weight: normal !important; vertical-align: baseline; position: relative; bottom: 0.33em; color: #76797c; _position: static !important;}
abbr {border: 0;}
blockquote {margin: 1.5em 0; padding: 1em 1em 0; color: #000; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; background-color: #f0f0f0;}
pre, code {font-family: Courier, "Courier New", monospace; font-size: 1em;}
pre {overflow: scroll; margin: 0 0 1em 0; padding: 0 0 0.5em 0; white-space: pre-wrap;}
/* @end */
/* @group Wordpress Images */
img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}
.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {text-align: center; background-color: #000; padding: 10px; margin: 0 0 20px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 12px; padding: 4px; margin: 0; color: #999;}
/* @end */

.small {font-size: 9px; line-height: 13px;}
small {font-size: 9px; line-height: 13px;}
.medium {font-size: 10px; line-height: 15px;}
.center {text-align: center;}
.clear {clear: both; height: 0;}
.clear5 {clear: both;height: 5px;}
.clear10 {clear: both;height: 10px;}
.date {font-size: 10px; color: #777;}
.date-single {font-size: 10px; color: #777; margin-bottom: 10px;}
#container{width: 900px;margin: 0 auto;padding: 10px 0;}

/* HEADER */
#header{}
#header #logo { float: left;width: 115px; background-color:#EA4091; }
#searchbox{width:128px;float: right;margin-top: 4px;margin-right: 5px;text-align: right;}
#searchform {margin: 0;padding: 0;}
#searchform #s {width: 108px; padding: 0;}
#breadcrumb{height: 26px; background: url(ds/bg-breadcrumb.jpg) no-repeat;margin: 5px 0;}
#breadcrumb #bc-txt {float: left;color: #fff;font-size: 10px;padding-top: 5px;padding-left: 10px;width: 500px;}
/* GALLERY */
#gallery{width: 880px; height: 430px; background: url(ds/bg-gallery.gif) no-repeat;padding: 10px;}
#gallery #mainpic {width: 880px; height: 400px; padding-bottom: 5px;}
#gallery #caption {display: none;}
#gallery #caption a{color: #fff;}
#gallery #caption a:hover {color: #fc6;}
#gallery a img.thumb{width: 25px; height: 25px; border: 1px solid #666;margin-right: 5px;}
#gallery a:hover img.thumb{ border: 1px solid #fff;}
#gallery a.selected img.thumb { border: 1px solid #fff;}
/* HOME */
#rjn-home-1{width: 900px;height: 5px;background: url(ds/bg-rjn-1.gif) no-repeat;}
#rjn-home-2{width: 880px;background: url(ds/bg-rjn-2.gif) repeat-y;padding: 5px 10px;}
#rjn-home-3{width: 900px;height: 5px;background: url(ds/bg-rjn-3.gif) no-repeat;}

#rjn-home-2 h3{font-size: 15px;margin: 5px 0;}
#rjn-home-2 h4{margin: 0 0 5px;}
#rjn-home-2 #rjn-cover {float: left;width: 300px;}
#rjn-home-2 #rjn-cover .cover-border{ border: 3px solid #666;}
#rjn-descs {float: right; width: 570px;}

/* PAGE */
#rjn-body-1{width: 900px;height: 5px;background: url(ds/bg-page-1.gif) no-repeat;}
#rjn-body-2{width: 870px;background: url(ds/bg-page-2.gif) repeat-y;padding: 10px 15px;}
#rjn-body-3{width: 900px;height: 5px;background: url(ds/bg-page-3.gif) no-repeat;}

#rjn-body-2 h3{font-size: 13px;margin: 5px 0;}
#rjn-body-2 #rjn-sidebar {float: left;width: 260px;}
#rjn-body-2 #rjn-sidebar h2{margin: 10px 0 5px;}
#rjn-body-2 #rjn-sidebar h2 .small {font-size: 12px;}
#rjn-body-2 #rjn-sidebar ul{ list-style-position: outside; list-style-type: circle; margin-left: 15px; list-style-image: url(ds/arr-2.gif);}
#rjn-body-2 #rjn-sidebar .thumb{ border: 2px solid #666;margin-right: 10px;}
#rjn-body {float: right; width: 590px;}

#rjn-body-2 .cover { float:left; width: 200px; padding:5px; text-align:center; height: 280px;}

/* TOP STORY */
#topstory-1{width: 900px;height: 5px;background: url(ds/bg-topstory-1.png) no-repeat;}
#topstory-2{width: 880px;background: url(ds/bg-topstory-2.png) repeat-y;padding: 5px 10px;}
#topstory-3{width: 900px;height: 5px;background: url(ds/bg-topstory-3.png) no-repeat;}

#topstory-2 h1 {font-size: 19px; margin: 0 0 10px;}
#topstory-2 h1 a {color: #fff;}
#topstory-2 h1 a:hover {color: #fff;opacity: 0.8;}
#topstory-2 .excerpt p{color: #fff;padding: 0; opacity: 0.8;}

#ts-main{float: left;width: 590px;}
#ts-sidebar{float: right;width: 260px;}
#ts-sidebar li{color: #ddd;margin: 0;}
#ts-sidebar li a{color: #fff;}
#ts-sidebar li a:hover{color: #666;}

/* Book */
.rjn-home-2-book {height: 250px;}
.rjn-book {float: left; width: 140; margin: 10px 30px 10px 30px; text-align: center; font-style: bold;}
.rjn-book-alpha {float: left; width: 140; margin: 10px 30px 10px 60px; text-align: center; font-style: bold;}
.rjn-book-omega {float: left; width: 140; margin: 10px 60px 10px 30px; text-align: center; font-style: bold;}
.cover-border{border: 2px solid #666;}


/* FORUM */
#forumbody {padding: 10px;}


#nav {width: 780px; float: right; text-align: right;padding-top: 20px;}
#nav #mainnav {padding: 0; margin: 0;height: 34px;float: right; width: 780px; overflow: hidden;}
#nav #mainnav li {display: inline; margin: 0; padding: 0; line-height: 40px;}
#nav #mainnav li a { font-weight:bold; color: #ea4091; font-size: 13px; padding: 9px 7px 10px; margin: 0 0 0 2px;  text-shadow: #fffeff 0 1px 0;}
#nav #mainnav li a:hover { color: #666; font-weight: bold; text-shadow: #666 0px -1px 0px; }
#nav #mainnav li a:active { color: #28626f; font-weight: bold; text-shadow: #94dff0 0 1px 0;}
#nav #mainnav li.current_page_item a, #nav #mainnav li.current_page_parent a,#nav #mainnav li.current_page_ancestor a { color: #333; font-weight: bold; text-shadow: #666 0px -1px 0px; }

/* COMMENT */
.commentlist { padding: 0; }
.commentlist a, .commentlist a:hover, .commentlist a:visited {color: #000;}
.commentlist p { font-size: 12px;padding-bottom: 5x; margin: 0;}
.commentlist h3 { font-size: 14px; line-height: 14px; margin: 0; padding: 0;color: #666; }
.commentlist .comment-box {margin-left: 50px;padding-right: 10px;}

.commentlist li, #commentform input, #commentform textarea {}
.commentlist li .avatar {float: left;}

.commentlist li { border: 1px solid #E4E4E4; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 5px; margin: 10px 0pt 3px; background: #f4f4f4; }
.commentlist li.alt { background: #fff; }
.commentlist li cite { font-style: normal; font-weight:bold; }
.comment-number { float:right; color:#eee; background: #ccc; text-align:center; font-family:"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; font-size: 20px; font-weight:normal; line-height:18px; width:25px;  padding: 8px; }

#commentform p {}
.commentmetadata {font-weight: normal;}
select {width: 130px;}
#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0;}
#commentform textarea {width: 100%; padding: 2px;}
#commentform #submit {margin: 0; float: right;}
h3#comments {margin-top: 25px;}
.commentlist {padding: 0;}
.commentlist a, .commentlist a:hover, .commentlist a:visited {color: #000;}
.commentlist h3 {font-size: 14px; line-height: 14px; margin: 0; padding: 0;color: #666;}
#commentform p {margin: 5px 0;padding: 0;}
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata {font-size: 9px; color: #777;margin: 0; padding: 3px 0; display: block;}
acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}

/* FOOTER */
#footer { font-size:10px; color: #666; background: url(ds/bg-footer.gif) no-repeat; height: 20px;padding-top: 5px;padding-left: 10px;margin-top: 5px;}
#footer a{color: #333;}

blockquote { background-color: #eee; padding: 15px 20px 3px; border: 1px dashed #666; margin-bottom: 17px; line-height:17px; }
blockquote .rt { display:block; text-align:right; }

.shortBox { width:100px; border:1px solid #999; margin:2px; }
.longBox { width:200px; border:1px solid #999; margin:2px; }
.longBoxArea { width:300px; height:75px; border:1px solid #999; margin:2px; }
.box { border:1px solid #999; }

.entry ul { list-style-position: outside; list-style-type: disc; margin-left: 15px; padding: 0px; }
.entry p img {padding: 5px;border:1px solid #ccc; background-color: #fff;}

h4 {  padding: 0 0 12px 0; line-height: 15px;  }
.rjn-desc h4 { font-weight:normal; }

#ts-sidebar ul { list-style-image:url(ds/arr-2.gif); list-style-position:outside; list-style-type:circle; margin-left:15px; }

.error { color:#f00; font-size: 12px; }