/*
Theme Name: Dark Ritual
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description:  Tribal-style three column layout based on the <a href="http://templates.arcsin.se/">free website template</a> Dark Ritual.
Author: Viktor Persson
Author URI: http://arcsin.se/
*/

/* standard elements */
* { margin: 0; padding: 0; }
a, a:visited { color: #682; text-decoration: underline; }
a:hover { color: #682; text-decoration: none; }
body { background: #333 url(img/bg.gif); color: #333; font: normal 62.5% "Lucida Sans Unicode",sans-serif; margin: 1% 0; }
p,ul { padding-bottom: 1em; }
ul { margin-left: 1.2em; }
.main_right li {list-style: none;}

/*.main li {list-style-image: url(img/li.gif);}*/

h1 {font-size: 1.2em;}
blockquote { background: #FFF; border-bottom: 1px solid #EEE; border-top: 1px solid #EEE; color: #333; display: block; font-size: 0.9em;
margin-bottom: 1.2em; padding: 6px 12px; }
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #994;}

/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded { padding: 10px 14px 10px 14px; }
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}

/* structure */
.container { font-size: 1.2em; background: url(img/bgcontainer.gif) repeat-y; margin: 0 auto; width: 840px; border: 12px solid #222; }

/* header */
.header { float: left; width: 640px; background: url(img/header.jpg) no-repeat; height: 150px; }
.header .name { font-family: "Times New Roman", Times, serif; font-size: 54px; text-align: center; font-weight: bold; padding-top: 43px; }
.header .description { font-family: Verdana,sans-serif; font-size: 10px; text-align: center; }

/* search */
.textarea { border: 1px solid #777; background: #111; color: #CCC; }
.botton { border: 1px solid #777; background: #111; color: #CCC; }
.main_right ul li.search:hover { background: none; }

/* structure */
.top { background: #222; color: #DDD; float: left; font: normal 1.4em Verdana; height: 50px; text-align: center; width: 639px; }
.subnav { float: left; width: 160px; }
.main { float: left; width: 480px; }
.main_right { float: right; width: 200px; color: #CCC; }

.wp-pagenavi { font: bold 14px; margin: 10px auto 25px auto; display: block; float: left; text-align: left; width: 410px; }
.wp-pagenavi span.pages { border: 0; }
.wp-pagenavi span.current { font-weight: bold; color: #333; border: 1px solid #777; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border: 1px solid #682; padding: 1px 5px 3px 5px; margin: 2px; }
.wp-pagenavi a:hover { border-color: #000; color: #333; }

/* sub-navigation */
.subnav h1 { background: #222; color: #FFE; font: bold 1.1em Verdana,sans-serif; line-height: 24px; padding-left: 8px; }
.subnav ul {margin: 0; padding: 0;}
.subnav li { border-bottom: 1px solid #696755; list-style: none; }
.subnav li a { background: #89866F;	color: #111; display: block; padding: 3px 0px 3px 12px; width: 148px; text-decoration: none; }
.subnav li a:hover { background: #9C997C; color: #000; }

/* footer */
.footer { background: url(img/bgfooter.gif) repeat-x; color: #CCC; font-size: 0.9em; line-height: 39px; width: 100%; text-align: center; }
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover,.footer .right a:hover {color: #FAFCB0;}
.footer .right, .footer .right a {color: #949474;}

.post{ margin: 0 0 25px 0;}
.post img { border: 1px solid #000; }
.post ul li { list-style:square; margin-left:18px; padding:5px; }
.entry ol li { padding:5px; list-type:decimal; margin-left:22px; }
.post .info { padding:2px 3px 3px 8px; border:1px solid #e3e4e4; background-color:#f5f5f5; font-size:0.9em; color:#505050; }
#linki { margin: 5px auto 5px auto; padding: 3px; text-align:center; }


/* Comments Styling */
#commentlist li { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #700000; }
#commentform { margin: 1em 0; background: #F7F7F7; width: 280px; }
#commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px; }
#commentform textarea:hover { background: #FFFFFF; border: 1px solid #d6d3d3; }
#commentform textarea:focus { background: #ffffff; border: 1px solid #939793; }
#commentform #email, #commentform #author, #commentform #url { font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; 
width: 280px; }
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover { font-size: 1.1em; background: #ffffff; 
border: 1px solid #d6d3d3; width: 280px; }
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus { font-size: 1.1em; background: #ffffff; 
border: 1px solid #939793; width: 280px; }
#commentform input { margin-bottom: 3px; }

.main_right a:link,.main_right a:visited { color: #666666; text-decoration: none; }
.main_right ul { padding: 0; }
.main_right ul li a:link,.main_right ul li a:visited { display: block; }
.main_right ul li:hover { background: #333333; }
.main_right ul li { padding: 0px 0; }
.main_right ul { margin: 0; }