/*Theme Name: DirtyliciousTheme URI: http://templates.arcsin.se/Version: 1.0Description: A soft-colored, bright and somewhat dirty two-column theme. Based on the free website template Dirtylicious. Also available as Joomla template.Author: Viktor PerssonAuthor URI: http://arcsin.se*//* standard elements */
html {
min-height: auto; min-width:100%;background-color:#737776; }/* background : url('img/body.jpg') repeat;;*/
* {margin: 0; padding: 0;}
a {color: #048;}
a:hover {color: #06C;}
a img {border: none;}
body { background-color:#E1D1A0; background: url('img/body.jpg') repeat-y center ; width:100%; color: #444; height: 100%; font: normal 62.5% Arial, Helvetica, san-serif; padding:0px; padding-top: 0px;}
p,code,ul {padding-bottom: 1.2em;}
li {list-style: none;}
h1 {font-family: Georgia,arial, "Times New Roman", Times, serif; font-size:1.0em; font-style:normal;font-weight:bold; }
h2 {font: normal 0.9em Georgia,Arial, Helvetica, sans-serif; }
h3 {font: bold 0.9em Georgia,Arial, Helvetica, sans-serif;}
h1,h2,h3 {padding-top: 5px; color: #000; margin-bottom: 4px;}
code { background: #FFF; border: 0px solid #EEE; border-left: 6px solid #CCC; color: #666; display: block; font: normal 1em Arial, Helvetica, sans-serif; line-height: 1.6em; margin-bottom: 12px; padding: 8px 10px; white-space: pre;}
blockquote { background: url('img/quote.gif') no-repeat; display: block; font-weight: bold; padding-left: 28px;}
/* misc */
.clearer {clear: both; font-size: 0; height: 100%;}
.left {float: left;}
.right {float: right;}
/* structure */
.inner-container { border: 0px solid #312743; background: #fff; font-family:arial, helvetica, sans-serif;
font-size:15px; margin: 0 auto; padding: 0px; width: 780px; height:100%;}
.outer-container {font-family:arial, helvetica, sans-serif;
font-size:15px; background: url('img/container.jpg') no-repeat center bottom ; padding-bottom: 0px; padding-top: 0px;}
/* headere & title */
.header { background-color:#E1D1A0; background: url('img/header.jpg') no-repeat;background-position:right; height: 160px; margin-bottom: 0px; text-align: center;}
.header .title { color: #E6F1E2; padding-top: 50px;}
.header .title .sitename a { border-bottom: 1px dashed #657382; color: #E1D1A0; font: normal 3em sans-serif; padding-bottom: 2px; text-decoration: none;}
.header .title a:hover {border-color: #F60;}
.header .title .slogan { font: normal 1.2em Garamond,Verdana,sans-serif; padding-top: 6px;}
/* path */
.path { background: #949490; color: #FFF; font: normal 1.2em Garamond,Verdana,sans-serif; padding: 8px 12px;}
.path li,.path ul {display: inline;}
.path a { color: #FAFAFA; text-decoration: none; margin-right: 16px;}
.path a:hover { color: #FFE; text-decoration: underline;}
/* main */
.main { background: url('img/main.gif') repeat-y; border-top: 0px solid #E1D1A0; padding: 15px 18px 0 10px;}
/* content */
.content {font-family: Arial, Helvetica, sans-serif; font-size:12px; vertical-align:top; color: #000000; float: right; width: 538px;padding-left:10px;}
.content .descr {color: #000000; font-size: 12px; margin-bottom: 6px; line-height: 1.2 em ; }
.content li {line-height: 1 em; color: #000000; list-style: url('img/li.gif'); margin-left: 16px;}
.content p {font-family:Arial, Helvetica, sans-serif; color:#000000; line-height: 1.2 em ; }
n
/* navigation */
.navigation { vertical-align:top; float: left;margin-right:5px; width: 200px; }/* background:#312743;*/
.navigation h2 a {color:#000000; font-family:georgia,Arial, Helvetica, sans-serif; font-style:normal; font-weight:bold; font-size:0.9em; line-height: 16px; margin: 0; padding-top: 5px; padding-left: 5px; }
.navigation ul {padding: 0; border-top: 1px solid #EAEADA;}
.navigation li {border-bottom: 1px solid #EAEADA;}
.navigation li a {font-size: 1.1em; color: #000; display: block; padding: 8px 0 8px 0; text-decoration: none; width: 95%;}
.navigation h2 a:hover{ color: #004488; }
/* footer background: #1D2621;*/
.footer {background : #737776; color: #ffffff; font: 13px Arial, Helvetica, sans-serif; font-weight:bold;margin-top: 5px; padding: 10px 12px;}
.footer a {color: #ffffff; text-decoration: none;}
.footer a:hover {color: #fff;}
/* posts */
.post h1 a { border-bottom: 1px dashed #AAA; color: #664; text-decoration: none;}
.post h1 a:hover { border-color: #F60; color: #553;}
.post {margin: 6px 0 2px;}
.post .info{ background: #E1D1A0; border: 0px solid #E3E4E4; color: #666; margin: 2px 0 4px; padding: 5px 10px;}
.post img { border: 0px solid #DDD; margin: 4px 0;}
.post a img {border: 0px solid #DDD;}
.post a:hover img {border-color: #CCC;}
.info a {text-decoration: none;}
.info a:hover {text-decoration: underline;}
/* comments */
.content ol li {background: none;}
.commentlist {margin: 0; padding: 0;}
.commentlist li {margin-bottom: 1.2em; list-style: decimal;}
#commentform {margin: 1em 0; background: #FAFAFA; width: 360px;}
.commentmetadata {padding: 2px 0 4px;}
.commentmetadata a {color: #444; text-decoration: none;}
.commentmetadata a:hover {text-decoration: underline;}
textarea.styled {width: 280px;}
.styled {font-size: 15px; background: #F8F7F6; border: 1px solid #D6D3D3;}
.styled:hover { background: #FFF; border: 1px solid #D6D3D3;}
.styled:focus { background: #FFF; border: 1px solid #939793;}
#commentform input {margin-bottom: 3px;}
/* calendar */
#wp-calendar {color:#A0A0A0;}
.navigation table caption {border-bottom-color:#000;}
.navigation table thead tr { border-bottom-color:#000; color:#A53512;}
.navigation table th {border-bottom-color:#000;}
.navigation table td#today { border-color:#000; color:#A53512;}
.navigation table td a { border-bottom-color:#000; background-color:#EDF3DE;}
.navigation table tfoot {border-top-color:#000;}
.navigation table tfoot a {background:none;}
/* calendar--------------------------------------------------*/
#wp-calendar { display:inline-table; border-collapse:collapse; width:185px; margin:0px 10px 0 10px; text-align:center;}
.navigation table caption { margin: -5px 10px 0 10px; padding-bottom: 5px; border-bottom: 1px solid; letter-spacing: 0.1em;}
.navigation table thead tr {border-bottom:1px solid;}
.navigation table th {border-bottom:1px solid;}
.navigation table td { width: 225px; /* maximaize width; honestly, I don't know much about tables... */ padding: 1px; font-size: 0.9em;}
.navigation table td#today { padding: 0; border: 1px solid; font-size: 1em; font-weight: bold;}
.navigation table td a { display: block; border-bottom: 1px solid; font-weight: bold; font-size: 1.15em;}
.navigation table tfoot {border-top:1px solid;}
.navigation table tfoot a { border: none; font-weight: bold;}
.navigation table tfoot #prev a {text-align:left;}
.navigation table tfoot #next a {text-align:center;}
#searchform {padding: 10px;}