/*  

Name: Colorvoid

Date: 2008-04-25

Description: Soft and natural, gray and blue two-column template.

Author: Viktor Persson

URL: //templates.arcsin.se/



This template is licensed under a Creative Commons Attribution 2.5 License:

//templates.arcsin.se/license/

*/



/* ----------------------------------------

   Standard Elements

------------------------------------------- */



* {

	margin: 0;

	padding: 0;

}



html {

	height: 100%;

	padding-bottom: 1px; /* force scrollbars */

}



body {

	background: #FCFCFC url('../img/body.jpg');

	font: normal 13px Verdana,sans-serif;

	color: #345;

	padding-bottom: 1em;

}



a {color: #06A;}

a:hover {color: #036;}



p {padding: 0.1em 0 0.8em;}



h1 {font: normal 1.8em Georgia,Tahoma,sans-serif;}

h2 {font: normal 1.5em Georgia,sans-serif;}

h3 {font: bold 1em Tahoma,sans-serif;}



blockquote {

	background: #FFF url('../img/quote.gif') no-repeat;

	border: 1px solid #EAEAEA;

	color: #555;

	display: block;

	font: normal 1em sans-serif;

	margin-bottom: 1em;

	padding: 10px 1em 0.2em 42px;

}



code {

	display: block;

	background: #FFFFFA;

	color: #335;

	border: 1px solid #E8E8D5;

	padding: 5px 10px;

	overflow: auto;

	margin: 1em 0;

	font-size: 0.9em;

	line-height: 1.5em;

}



ul,ol {margin: 0 0 1em 1.6em;}

ul ul, ol ol {margin: 0.3em 0 0.3em 1em;}



img {border: none;}

img.bordered {background: #FFF; padding: 5px; border: 1px solid #DDD;}

img.left {margin-right: 1em;}

img.right {margin-left: 1em;}



small,.small {font-size: 0.8em;}

big,.big {font-size: 1.2em;}





/* ----------------------------------------

  Forms

------------------------------------------- */



/* Inputs */

input#s, textarea, input.styled {

	border: 1px solid #BBB;

	padding: 3px;

	width: 160px;

	font: normal 1em Verdana,sans-serif;

}

textarea {width: 440px;}

#searchsubmit {

	border: 1px solid #BBB;

	background: #EEE;

	font: normal 0.9em Verdana,sans-serif;

	padding: 2px 3px;

}



/* Seachform */

table.search {

	width: 100%;

	border-collapse: collapse;

}

.search td {vertical-align: middle;}





/* ----------------------------------------

   Layout

------------------------------------------- */



/* Main */

#layout_wrapper {

	margin: 40px auto 0;

	width: 780px;	

}

#layout_container {

	background: #FFF;

	padding: 0 5px;

}

#layout_edgetop, #layout_edgebottom {

	background: url('../img/layout_edges.gif') no-repeat left top;

	display: block;

	height: 10px;	

	font-size: 0;

	line-height: 0;

}

#layout_edgebottom {background-position: left bottom;}



/* Site Title */

#site_title {

	background: #C5DEF0 url('../img/site_title.jpg') repeat-x left top;

	padding: 6px 18px;

}

#site_title h1 {

	font: normal 2.4em sans-serif;

	letter-spacing: -1px;

}

#site_title h1,#site_title h1 a {color: #507A9A;}

#site_title h1 a {text-decoration: none;}

#site_title h1 a:hover {color: #305A7A}

#site_title h2 {

	padding-top: 1.4em;

	font: normal 1.1em sans-serif;

	color: #679;

}



#top_separator {

	background: url('../img/top_separator.gif') repeat-x left top;

	display: block;

	font-size: 0;

	height: 3px;

	line-height: 0;

}



/* Navigation */

#navigation {

	background: #739CBA url('../img/navigation.jpg') no-repeat left bottom;

	padding: 82px 10px 0;

}



/* Tabs */

#tabs ul {

	margin: 0;

	padding: 0;

}

#tabs li {

	display:inline;

	list-style:none;

}

#tabs a {

	background: url("../img/tableftC.gif") no-repeat left top;

	float: left;

	font: bold 0.9em sans-serif;

	margin-right: 3px;

	padding-left: 4px;

	text-decoration: none;

}

#tabs a span {

	float: left;

	display: block;

	background: url("../img/tabrightC.gif") no-repeat right top;

	padding: 5px 10px 5px 6px;

	color: #608AAA;

}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a span {float: none;}

/* End IE5-Mac hack */



#tabs a:hover span {color: #608AAA;}

#tabs a:hover {background-position: 0% -42px;}

#tabs a:hover span {background-position:100% -42px;}



#tabs li.current_page_item a {color: #47A; background-position: 0% -42px;}

#tabs li.current_page_item a span {background-position:100% -42px;}



/* Main Layout */

#main_left {width: 545px;}

#main_right {width: 220px;}



/* Footer */

#footer {

	background: #A3B5C1 url('../img/footer.gif') no-repeat left top;

	padding: 8px 12px 2px;

	font-size: 0.85em;

	color: #FAFCFF;

}

#footer .right {color: #C8DBE8;}

#footer .right a {

	color: #D3E5F1;

	text-decoration: none;

}

#footer .right a:hover {

	color: #FFE;

	text-decoration: underline;

}





/* ----------------------------------------

   Miscellaneous

------------------------------------------- */



/* Images */

img.bordered {

	border: 1px solid #DDD;

	background: #FFF;

	padding: 5px;

}



/* Text */

.bold {font-weight: bold;}

.tright {text-align: right;}

.tcenter {text-align: center;}

.tright {text-align: right;}



/* Floats */

.left {float: left;}

.right {float: right;}



/* Clear */

.clear,.clearer {clear: both;}

.clearer,.spacer {

	display: block;

	font-size: 0;

	line-height: 0;

}



/* Icons */

span.comment {

	background: url('../img/icon_comment.gif') no-repeat left center;

	padding-left: 18px;

}





/* ----------------------------------------

   Post, page

------------------------------------------- */



.post {

	margin-bottom: 5px;

	color: #444;

}

.post_title {

	background: #E8E8E8 url('../img/post/title.gif') no-repeat left top;

	padding: 6px 12px 5px;

}

.post_title h1 {font: bold 0.9em Verdana,sans-serif;}

.post_title h1 a {color: #444;}

.post_title h1 a:hover {

	color: #469;

	text-decoration: underline;

}

.post_title h1.left {width: 380px}

.post_date {

	color: #999;

	padding-top: 1px;

	font-size: 0.85em;

}

.post_metadata {

	margin-top: 5px;

	padding: 0 5px;

	background: #F5F5F5;

}

.post_metadata .content {

	border-top: 1px solid #E5E5E5;

	padding: 8px 5px 6px;

	font-size: 0.8em;

	color: #666;

}

.post_metadata .content a {color: #567;}

.post_metadata .content a:hover {color: #002;}



.post_body {

	background: #F5F5F5 url('../img/post/body.gif') repeat-x left top;

	padding: 10px 10px 1px;

}

.post_body img {

	border: 1px solid #CCC;

	background: #FFF;

	padding: 3px;

}

.post_bottom {

	background: url('../img/post/bottom.gif') no-repeat left top;

	display: block;

	height: 5px;

	font-size: 0;

	line-height: 0;

}

.post_search_text {

	font-size: 0.85em;

	padding: 2px 0;

}





/* ----------------------------------------

   Sidebar box

------------------------------------------- */



.box {margin-bottom: 5px;}

.box_title {

	background: #C6D2DB url('../img/box/title.gif') no-repeat left top;

	padding: 6px 10px 5px;

	font-weight: bold;

	font-size: 0.9em;

	color: #505E69;

}

.box_body {

	background: #DAE3E9 url('../img/box/body.gif') repeat-x left top;

	padding: 8px 10px 1px;

	font-size: 0.9em;

}

.box_bottom {

	background: url('../img/box/bottom.gif') no-repeat left top;

	display: block;

	height: 5px;

	font-size: 0;

	line-height: 0;

}



.box ul {

	margin-left: 0;

	border-bottom: 1px solid #E2ECF2;

}

.box li:first-child {border-top: none;}

.box ul li {

	list-style: none;

	padding: 4px;

	border-top: 1px solid #E2ECF2;

	border-bottom: 1px solid #D0D8DE;

}

.box ul a {text-decoration: none;}

.box ul a:hover {text-decoration: underline;}



table, tr, td {

    margin: 0;

    padding: 0;

}



/* ----------------------------------------

   Lists

------------------------------------------- */



.nicelist {

	padding: 1px 0 0;

}

.nicelist ol {margin: 0;}

.nicelist ol li {

	list-style: none;

	padding: 8px 10px 1px;

	border-top: 1px solid #FFF;

	border-bottom: 1px solid #CCC;

}

.nicelist li.alt {background: #EEE;}

.nicelist .body {padding-top: 5px;}

.nicelist .date {

	color: #888;

	padding-top: 4px;

	font-size: 0.85em;

}

.nicelist .date a {

	color: #567;

	text-decoration: none;

}

.nicelist .date a:hover {

	color: #002;

	text-decoration: underline;

}





/* ----------------------------------------

   Archives

------------------------------------------- */



.archive_title {font: normal 1.4em sans-serif;}

.archive_title a {text-decoration: none;}

.archive_title a:hover {text-decoration: underline;}

.archive_postinfo {

	font: normal 1em sans-serif;

	padding-bottom: 6px;

}





/* ----------------------------------------

   Comments

------------------------------------------- */



.comment_gravatar {width: 48px;}

.comment_gravatar img {padding: 2px;}

.comment_author {padding-top: 2px;}





/* ----------------------------------------

   Pagination

------------------------------------------- */



.pagenavigation {

	background: #DDEBF4 url('../img/pagenav_top.gif') no-repeat;

	margin-bottom: 5px;

}

.pagenav_bottom {

	display: block;

	font-size: 0;

	line-height: 0;

	height: 5px;

	background: url('../img/pagenav_bottom.gif') no-repeat;

}

.pagenav {

	font-size: 0.85em;

	padding: 5px 8px 0;

}

.pagenav a {

	color: #6A7DA4;

	text-decoration: none;

}

.pagenav a:hover {

	color: #002;

	text-decoration: underline;

}





/* ----------------------------------------

   Width, height, margin, padding

------------------------------------------- */



.h5 {height: 5px;}

.p5 {padding: 5px;}

.p10 {padding: 10px;}



/* Search */



#search {

	float: right;

	width: 470px;

}



#search form {

	margin: 0;

}



#search fieldset {

	margin: 0;

	padding: 0;

	border: none;

}



#search-text {

	width: 395px;

	padding: 2px;

	/*border: 1px solid #E9851D;*/

	background: #FFFFFF;

	text-transform: lowercase;

	font: bold 15px Arial, Helvetica, sans-serif;

	color: #000000;

}



#search-submit {

    height: 28px;

    padding: 0px 5px;

    background-color: transparent;

    color: #667799;

    font-weight: bold;

    width: 58px;

    border: none;

}



.title {

    padding: 2px 0 10px;

}



.post .entry {

	padding: 0 15px;

}



.post p {

    margin: 0;

    padding: 0;

}



.cat {

	padding: 15px;

}



.cat li {

    margin-top: 5px;

}



.post .meta span {

	display: block;

	margin-top: -10px;

}



.control {

    padding-top: 15px;

    width: 100%;

}



.navigation {

    text-align:center;

    font-size: 15px;

    padding-bottom: 20px;

}



/*Add article*/



.add_article {

	margin-bottom: 25px;

}



.add_article .title {

    height: 41px;

    padding: 7px 0 0 0;

    letter-spacing: -.5px;

}



.add_article .subtitle {

	color: #667799;

    font-size: 14px;

    font-weight: bold;

}



.add_article form {

        padding-left: 20px;

}



input,select,textarea{

	padding: 4px 5px;

	border: 1px solid #DEDEDE;

	font: normal 14px Arial, Helvetica, sans-serif;

}



input[type=radio] {

    background: #FFFFFF;

    border: none;

}



.add_article .inputtext,textarea {

    	width: 500px;

}



.add_article select {

    	width: 512px;

}



#add-submit {

    width: 80px;

    height: 26px;

    border: none;

    background: #A3B5C1;

    color: #FFFFFF;

}



.save {

    text-align: center;

    padding-left: 10px;

    padding-top: 30px;

}



.success, .error {

    color: #FF6600;

}