/*
Theme Name: artblog
Theme URI: http://www.DuskOwl.com/
Description: Dusk Owl Theme for the "Art Bits and Pieces" blog at Shabrova.com
Version: 1.0
Author: Yelena Shabrova
Author URI: http://www.DuskOwl.com/
*/

* {
padding: 0; 
margin: 0; 
border: 0;
}

html {
min-height: 100%;
margin-bottom: 1px;
}

body { 
background: #ffdebd url(./im/bg-page.gif);
color: #000000; 
font-size: 75%;
font-family: verdana, helvetica, arial, sans-serif;
}

html, body {
}

input, p, select, span, textarea, ul {
font-family: verdana, helvetica, arial, san-serif;
color: #000000;
}

a {
font-weight: bold;
}

a:link {
text-decoration: none;
color: #990000;
}

a:visited {
text-decoration: none;
color: #5C5C25;
}

a:hover {
color: #404037;
text-decoration: underline;
}

a:active {
color: #404037;
text-decoration: none;
}

h1 {
color: #FFA54C;
font-family: Georgia, "New York", TimesNewRoman, Times, serif;
font-size: 1.6em;
word-spacing: 0.12em;
padding: 40px 0 20px 0;
}

h2 {
font-size: 1em;
margin: 10px 0 10px 5px;
}

h2#comments, h2#postcomment {
margin: 20px 0 0 20px;
}

h3 {
font-family: "Times New Roman", Georgia, "New York", Times, serif;
font-size: 1.4em;
font-weight: bold;
padding: 10px 0 10px 20px;
}

h3.storytitle a {
color: #804000;
}

h4 {
font-family: verdana, helvetica, arial, san-serif;
font-size: 0.9em;
font-weight: bold;
background: transparent url(im/bg-h4.gif) center left no-repeat;
border-left: 1px solid #F2EFE6;
padding: 3px 6px;
margin: 38px 0 0 20px;
}

input {
font-size: 0.9em;
border: 1px #a9a29a solid;
padding: 1px 2px;
}

input#submit {
font-size: 1em;
}

textarea {
font-family: verdana, helvetica, arial, san-serif;
font-size: 1em;
width: 480px;
padding: 1px 2px;
border: 1px #a9a29a solid;
}

input, textarea {
background-color: #e5e2da;
margin: 3px 0;
}

.clear {
clear: both;
}

.clearL {
clear: left;
}

div#wrapper {
background: #f7f6f2 url(im/bg-wrapper.jpg);
width: 1024px;
border: 1px solid #80756a;
border-top: 4px solid #80756a;
margin: 0 auto;
}

div#header {
width: 1024px;
height: 340px;
background: #f7f6f2 url(im/bg-header.jpg) top center no-repeat;
border-bottom: 1px solid #80756a;
float: left;
}

div#header a {
color: #666659;
}

div#header div {
font-style: italic;
line-height: 1.6;
padding-top: 70px;
padding-left: 20px;
margin-right: 20px;
}

div#header div img {
float: left;
padding-right: 20px;
}

/* DO styles for header rigth/left split */
div.splitleft {
float: left;
text-align: left;
width: 60%;
}
div.splitright {
float: right;
text-align: right;
width: 38%;
padding: 6px 0 0 0;
}

/* DO styles for social icons */
div#header div.social {
text-align: left;
width: 36px;
font-size: 0.8em;
float: right;
padding-left: 0;
margin: -66px 15px 0 0;
}
div#header div.social img {
text-align: center;
padding-right: 0;
margin-left: 0;
}

div#content {
padding: 0 0 30px 0;
margin: -30px 0 0 0;
}

div#main {
padding: 15px 20px 0 10px;
margin: 0 0 0 260px;
}
div#main li.cat-item {
padding-left: 20px;
}

/* sidebar styles */
div#sidebar {
background: transparent url(im/bg-sidebar.jpg) top right no-repeat;
line-height: 1.2;
width: 230px;
float: left;
padding: 20px 5px 25px 5px;
}
div#sidebar a {
color: #666659;
}
div#sidebar li#allcat {
padding-top: 10px;
}

/* footer styles start here */
div#footer {
padding: 0 15px;
background-color: #f7f6f2;
border-top: 1px solid #80756a;
border-bottom: 4px solid #80756a;
}

div#blog_toplist {
display: none;
}

/* footer styles end here */

/* post styles start here */

div.post {
background-image: url(./im/);
padding-bottom: 15px;
border-bottom: 1px solid #80756A;
}

div.postThumbs { /* for each thumbnail with artwork titles in a post */
width: 680px;
background: #edece8 none;
padding: 10px 10px 0 10px;
margin: 0 0 10px 20px;
float: left;
}

div.postThumb { /* for each thumbnail with artwork titles in a post */
text-align: center;
width: 160px;
height: 170px;
float: left;
}

div.postBig {
width: 40%;
display: table-cell;
float: left;
}

div.postThumbs, div.postThumb img, img.postsmall {
border: 1px solid #d4d4cc;
}

img.postsmall, div.postsmall {
float: left;
margin: 0 10px 10px 0;
padding: 0;
}

div.postsmall {
font-size: 0.9em;
font-style: italic;
margin-left: 20px;
}

div.meta {
font-size: 0.8em;
margin: 0 0 0 20px;
}

div.storytitle {
}

div.storycontent ul {
font-size: 1em;
margin-left: 40px;
}

/* post styles end here */

/* categories page styles */
li.cat-item {
line-height: 1.8;
list-style-type: none;
margin-left: 10px;
}



div.feedback {
font-size: 1em;
margin: 25px 0 0 20px;
}

input, p, select, span, textarea {
font-size: 1em;
}

p {
line-height: 1.5;
padding-left: 15px;
margin: 15px 5px;
}

p#design {
font-size: 0.8em;
}

ol#commentlist {
margin: 10px 10px 10px 30px;
}

/* other Dusk Owl styles */

div.newsPrevNext {
padding: 30px 20px 0 20px;
}

div#sidebar ul, div#sidebar ul li h2, div#sidebar ul li ul li ul li {
margin-left: 0;
padding: 2px 5px;
}

div#sidebar ul, div#sidebar ul li h2 {
list-style-type: none;
}

div#sidebar ul li h2 {
padding-top: 10px;
}

div#sidebar ul li ul li {
list-style-type: none;
margin-left: 15px;
}

div#sidebar ul li ul li ul li {
list-style-type: none;
}

img { 
border: 0px; 
}

img.update {
margin-bottom: 20px;
}

li#about {
font-style: italic;
background: transparent url(im/bg-about.jpg) top left no-repeat;
padding: 10px 0 30px 0;
border-top: 1px solid #a9a29a;
margin: 30px 3px;
}

p.warning {
color: #a14924;
}

table#page { 
width: 100%; 
}

table, td { 
border: 0px; 
padding: 0px; 
margin: 0px; 
border-collapse: collapse; 
}