/*
Theme Name: Deep Blue
Theme URI: http://templates.arcsin.se/
Version: 1.0
Description: A two-column layout with a touch of blue. Based on the <a href="http://templates.arcsin.se/">free website template</a> Deep Blue.
Author: Viktor Persson
Author URI: http://arcsin.se
*/

/* standard elements */

* {
        margin: 0;
        padding: 0;
}
body {
        background: #474747 url('i/body.gif') repeat-y center top;
        font: normal 0.7em Verdana,Arial,Helvetica,sans-serif;
}
a {
        color: #FFF;
        text-decoration: none;
}

/* headings */
.articleheader {font: normal 2em "Lucida Sans Unicode",Arial,Helvetica,sans-serif; margin: 0.7em 0 0.13em 0; text-align:left;}
.articlesubheader {font: normal 1.8em "Lucida Sans Unicode",Arial,Helvetica,sans-serif; margin: 0.7em 0;}
.articlesubsubheader {font: bold 1.3em "Lucida Sans Unicode",Arial,Helvetica,sans-serif; margin-top: 0.6em;}
.articlesubsubsubheader {font: bold 1.1em "Lucida Sans Unicode",Arial,Helvetica,sans-serif; margin-top: 0.4em;}

.articleheader,.articlesubheader,.articlesubsubheader,.articlesubsubsubheader {color: #444; letter-spacing: -1px;}
#content .articleheader a {color: #444; text-decoration:none;}
#content .articleheader a:hover {color: #C8A799; text-decoration:none;}


/* misc elements */
.vidembed {text-align:center; alignment:center; margin:5px 0; font-size:0.9em}
code {
        background: url('i/code.gif');
        border-left: 6px solid #1664D9;
        border: 1px solid #F0F0F0;
        color: #555;
        display: block;
        font: normal 1em "Lucida Sans Unicode",monospace;
        margin-bottom: 12px;
        padding: 8px 10px;
        white-space: pre;
}
blockquote {
        background: #FAFAFA url('i/quote.gif') no-repeat;
        border-bottom: 1px solid #EEE;
        border-top: 1px solid #EEE;
        color: #858585;
        display: block;
        margin: 1em 0;
        padding: 0.6em 2em 0.2em 40px;
}
ol {margin: 0 0 1.2em 2em;}
p.cap:first-letter {
color: #D4D4C7;
float: left;
font-size:80px;
line-height:60px;
padding-top:6px;
padding-right:5px;
font-family: Times, serif, Georgia;
}

/* structure */
#main {
        width: 780px;
        border-top: 6px solid #FFF;
        margin: 0 auto;
}
#main_left {
        float: left;
        width: 520px;
}
#main_right {
        float: right;
        width: 253px;
}

/* misc */
.post_body {clear:all;}
.postedby{
        background:url("i/sprites/general.png") no-repeat -10px -602px;
        padding-left:15px;
}
.filedto{
        background:url("i/sprites/general.png") no-repeat -10px -633px;
        padding-left:15px;
}
.commentslink{
        background:url("i/sprites/general.png") no-repeat -10px -665px;
        padding-left:15px;
}
.left {float: left;}
.right {float: right;}
span.comment {padding-left: 18px; background: url('i/sprites/general.png') no-repeat -10px -706.5px;}
.clearer {clear: both; font-size: 0; height: 0;}

/* Gravatar Style */
.avatar {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    margin: 0 0 10px 10px;
}

/* logo */
#header {
        background: #1664DA url('i/sprites/general.png') no-repeat -10px -10px;
        border-bottom: 2px solid #FFF;
        height: 180px;
}

#header .sitename {
        font: normal 2.2em Verdana,sans-serif;
        margin: 0;
        padding: 124px 0 0 24px;
        position:relative; left:-3000px;/* delete this line if you want your title to be displayed in blog header */
}

/* main navigation */
#navigation ul {list-style:none; padding:1px 5px;}
#navigation li {display:inline; padding:5px 10px 5px 0;}
#navigation {background: #444; padding:2px 0 2px 0;}
#navigation a {
        font: 1em Verdana,Arial,Helvetica,sans-serif;
        text-decoration: none;
        padding: 0 3px;
}
#navigation a:hover {color:#C8A799;}

#content .navi {margin:10px 0; height:20px; vertical-align:middle; text-align:center; display:block;}
#content .navi a {color:#FFF; background-color:#8C8C8C; font-size: 1em; text-decoration:none; border: 1px solid #8C8C8C; padding:3px; margin:1px;}
#content .navi a:hover {text-decoration:none; color:#000; background-color:#FFF;}
#content .singlenavi {margin:1em 0; height:25px;  /* text-align:center; alignment:center; */}
#content .singlenavi a:hover {color:#7C0000; text-decoration:none;}
#content .wp-pagenavi span {font-size: 1em; text-decoration:none; border: 1px solid #8C8C8C; padding:3px; margin:1px;}
#content li {margin: 5px 0 0;}

#previous {
float:left;
width:240px;
}

#next {
float:right;
width:240px;
text-align:right;
}



/* sidebar label */
#sidebar {font: normal 1em Verdana,Arial,Helvetica,sans-serif; color:#aaa; background:#202020;}
.label {
        background: #333 url('i/sprites/repeatx.png') repeat-x 0px -10px;
        clear: both;
        color: #EEE;
        font: normal 1.2em "Lucida Sans Unicode",sans-serif;
        height: 30px;
        line-height: 30px;
        overflow: hidden;
        text-align: center;
}

/* sidebar misc */
#rssicon {background: url("i/sprites/general.png") no-repeat -10px -365px; height:100px; width:100px; overflow:hidden; margin:5px 0px 5px 20px; float:left;}
#twittericon {background: url("i/sprites/general.png") no-repeat -10px -485px; height:100px; width:100px; overflow:hidden; margin:5px 20px 5px 0px; float:right;}
#face {background: url("i/sprites/general.png") no-repeat -10px -210px; height:135px; width:100px; overflow:hidden; text-align: center; margin: 10px 0 10px 75px;}


/* lists */
ul.block, .block ul {
        background: #2A2A2A;
        border-top: 1px solid #3A3A3A;
        margin: 0;
        padding: 0;
}
.block li {
        background: url('i/block.png') repeat-x;
		border-bottom: 1px solid #3A3A3A;
        list-style: none;
		display: block;
        width: 92%;
		padding: 0.6em 2% 0.6em 5%;
		font: normal 1em Verdana,sans-serif;
}
.block p {
		padding: 0.6em 2% 0.6em 5%;
		display: block;
		width: 92%;
		font: normal 1em Verdana,sans-serif;
}
.block a {
        color: #ccc;
}
.block a:hover {
        color: #FFF;
}

.block a em {
        color: #999;
        display: block;
        font: normal 0.8em Verdana,Arial,Helvetica,sans-serif;
        margin-top: 0.3em;
}


/* content */
div#content {padding: 0 1em 1em;}
#content {
        color: #111;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        line-height: 1.45em;  
		text-align: justify;
}
#content a {color: #1664DA;}
#content a:hover {
        text-decoration: underline;
        color: #06F;
}
#content p {margin: 0.4em 0 1em 0;}
#content .descr {
        color: #666;
        margin-bottom: 2em;
		font: 1.2em;
}
#content ul li {list-style: url('i/li.gif');}
#content ul {margin-left: 1.8em;}

#content img {padding: 3px 5px; border: 0px solid #fff;}
/* footer */
#footer {
        color: #666;
        clear: both;
}
#footer .right {color: #555;}
#footer .right a {color: #555;}
#footer .right a:hover {
        color: #777;
        text-decoration: none;
}
#footer .left a {color: #777;}
#footer .left a:hover {
        color: #333;
        text-decoration: none;
}
#footer .left {
        border-top: 1px solid #F0F0F0;
        padding: 9px 0 9px 9px;
        width: 507px;
}
#footer .right {
        margin-right: 1em;
        padding: 0.8em 0;
        text-align: right;
        width: 220px;
}

/* posting */
.post_info {
        background: #E0D8FA;
        border: 1px solid #C0B9F9;
        color: #555;
        font-size:0.8em;
        margin: 3em 0 6em;
        padding: 0.6em 0.7em;
		text-align: left;
}
#content .post_info a {text-decoration:none;}
#content .post_info a:hover {text-decoration:none; color:#7C0000;}

/* search form */
#searchform {font:1em; padding: 10px 0 0 10px;}
input#s{background-color:#F4F4F4;border:1px solid #cccccc;color:#505050;margin:0 0 10px;padding:0;width:70%;}
input#searchsubmit{background-color:#F4F4F4;border:1px solid #ccc;color:#505050;margin:0 0 10px;padding:0;width:20%;text-align:center;}

/* comments */
.graybox{
        background:#F4F4F4;
}
.commentlist {margin: 1em 0 0 0.5em; padding: 0;}
.commentlist li {margin-bottom: 1.2em; list-style: none; padding: 5px;}
#commentform {
        margin: 1em 0;
        width: 480px;
}

.commentmetadata {padding: 0.2em 0 0.4em; color: #469;}
.commentmetadata a {
        color: #444;
        text-decoration: none;
}
.commentmetadata a:hover {text-decoration: underline;}

textarea.styled {width: 480px; overflow: auto;}

.styled {
		font: normal 1em Verdana,Arial,Helvetica,sans-serif;
		color: #000;
        background: #EEEEEE;
        border: 1px solid #D6D3D3;
        width: 160px;
}
.styled:hover {
        background: #FFF;
        border: 1px solid #D6D3D3;
}
.styled:focus {
        background: #FFF;
        border: 1px solid #939793;
}
.submitbutton {
        width: 480px;
}
#commentform input {margin-bottom: 3px;}