/*
Theme Name: Dirtylicious
Theme URI: nolito.marques.designs
Version: 1.0
Description: A soft-colored, bright two-column theme. 
Author: nolito.marques.designs
Author URI: nolito.marques.designs
*/
html {min-height: 100%;}
body, div, p, ul, li, form, input  {margin: 0;padding: 0;}
a {color: #048;}
a:hover {color: #06C;}
a img {border: none;}
body {background:url('img/metal.jpg') fixed repeat-x;color: #444;font-family: Tahoma,sans-serif;}
p,code,ul {padding-bottom: 1.2em;}
.alignright{float:right;margin:0 0 10px 10px}
.alignleft{float:left;margin:0 10px 10px 0}
li {list-style: none;}
h1 {font: normal 1.8em Tahoma,sans-serif;}
h2 {font: normal 1.6em sans-serif;}
h3 {font: bold 1em Tahoma,sans-serif;}
h4 {clear:both;font: bold 12pt Tahoma,sans-serif;border-bottom:1px solid #666;padding-top: 6px; color: #666; margin-bottom: 6px;}
h1,h2,h3 {padding-top: 6px; color: #553; margin-bottom: 10px;}
code {background: #FFF;border: 1px solid #EEE;border-left: 6px solid #CCC;color: #666;display: block;font: normal 1em Tahoma,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;}
.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}
.adv {position:relative;height: 200px; width: 277px; padding:0; margin:0; overflow: hidden;background:url(img/sun1.jpg) no-repeat top left }
.adv img { height: 200px; width: 277px; padding:0; border: 0; top:0; left:0 }
.adv img {-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.adv span a {position:absolute;top:90;left:100;z-index:50;background: transparent}
.adv span a:hover {display:block;background: url('img/go.png') no-repeat;}
#head-container {height:67px;clear:both;padding:-1px;margin:0 auto;background: url('img/topbar.png') repeat-x top left}
.head {margin:0 auto;width:970px;clear:both;padding:10 0 4px 0;margin:0 auto;height:70px}
.head form {float:right;margin:10px 15px 10px 10px;width:250px;background:url('img/search.jpg') no-repeat top left;}
input.field {float:left;width:210px;height:30px;border:0;margin:0;padding:2px 0 0 5px;background:transparent}
.button {margin:3px 0 0 0;float:left;width:20px;height:20px;background:url('img/search.png') no-repeat 0 0;border:none;cursor:hand;padding:3px;display:block}
.button:hover {background:url('img/search.png') no-repeat 0 95%;cursor:hand;}
.head ul {width:300px;float:left;margin:10px 0 0 5px;}
.head li {float:left;display:inline;font:normal 11pt Verdana;margin:0;list-style:none}
.head li a {text-decoration:none;color:#999;background:transparent;padding: 10px 10px 5px 10px;display:block}
.head li a:hover {font-weight:bold;background:url(img/tops.png) repeat-x;color:#fff;}
#inner-container {clear:both;margin: 0 auto; padding:0px;width:990px;position:relative;}
#outer-container {clear:both;padding:0;margin:0 auto;height:100%;position:relative; }
#page {margin:-20px 0 0 0; padding:0px 10px 0 10px;font-size: 1.2em;background: url('img/container.png') repeat-y;}
#headwrap {position:relative;height: 250px;margin:0 auto;padding:0;width:971px;z-index:1}
#header {position:relative;height: 250px;margin:0;padding:0;z-index:10;background:url('img/headi.png') no-repeat top left;}
.pics {overflow: hidden; z-index:5;position:absolute;top:0; right:0}
.pics img { height: 230px; width: 550px; padding: 0; border: none; }
.main {padding: 0 8px 12px 0 ;}
.content {float:right;margin:10px 20px 10px 10px;width: 640px;height:100# auto}
.content .descr {color: #664;font-size: 7.5pt;margin-bottom: 6px;}
.content li {line-height: 1.4em;  list-style: url('img/li.gif');  margin-left: 18px;font-size: 9pt;}
.content p {font-size:11pt;font-family:  "Lucida Sans Unicode",sans-serif;line-height:140%}
.red {color:red}
.contact p {font:6.5pt;color:#333;clear:both}
.inc {width:250px;height:20px;padding:2px}
.comwall {width:277px;padding:3px 5px 3px 10px;font-size:9pt;background:url('img/qu.png') no-repeat 90% top;}
.conbut {color:#999;font-weight:bold;margin:0;width:64px;height:24px;background:url('img/send.gif') no-repeat 0 94%;border:none;cursor:hand;padding:3px;display:block;}
.conbut:hover {background:url('img/send.gif') no-repeat 0 0;cursor:hand;color:#fff;}
#navigation {padding:0 0 10px 0;float: left;width: 277px; font-family:Tahoma,sans-serif;}
#navigation h2 {background:url('img/menubar.jpg') no-repeat 0 0; color: #BCB083; font-size: 16pt; line-height: 30px;  margin: 0; padding-left: 12px;}
#navigation ul { padding: 0; border-top: 1px solid #EAEADA;}
#navigation li {border-bottom: 1px solid #EAEADA; font-size: 10pt; width:277px; }
#navigation li li {font-size: 9.5pt; width:277px; }
#navigation li a {background:#C0BBA9;color: #554; display: block; padding: 8px 0 8px 5%; text-decoration: none; font-weight:bold }
#navigation li a:hover {background:transparent;letter-spacing:0.5px;color: #654; }
#navigation li li a {background:#D7D3C8;  color: #554; display: block;padding: 8px 0 8px 10%; text-decoration: none;list-style-type:square;font-weight:normal}
#navigation li li a:hover {background:transparent;letter-spacing:0.5px; color: #654; font-weight:bold }
#footer {height:240px; background:url('img/header.jpg') repeat-x; color: #F7F7F2;  font: bold 1em sans-serif;  margin :0 auto;width:970px; padding: 0;}
.pf {font: bold 8pt sans-serif;margin : 30px 5px 5px 30px;width:350px;padding: 4px 10px 4px 10px;float:left;text-align:justify;line-height:140%}
.pf h6 {font-size: 12pt;margin:0 0 8px 0;padding:0 0 3px 0;border-bottom:1px solid #fff;with:200px;display:block}
.pf a {color: #F7F7F2;text-decoration: none;}
.pf a:hover {color: #FFC;}
.pf ul {margin:0;padding:0;list-style:none}
.pf ul li {float:left;margin:0 2px 0 2px}
.pf li a {color: #F7F7F2;text-decoration: none;}
.pf li a:hover {color: #FFC;}
.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: #F5F5F5;  border: 1px solid #E3E4E4;  color: #666;  margin: 2px 0 4px;  padding: 5px 10px;}
.post img {  border: 4px solid #DDD;  margin: 4px 0;}
.post a img {border: 4px solid #DDD;}
.post a:hover img {border-color: #CCC;}
.info a {text-decoration: none;}
.info a:hover {text-decoration: underline;}
.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: 1.1em;  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;}
#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;}
#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;}