@charset "UTF-8";
@import url(css/reset.css);
@import url(css/text.css);
@import url(css/960.css);

/*
Theme Name: Drawing Djuro
Theme URI: http://wordpress.org/
Description: Custom WordPress theme from itookia.com
Version: 1.0
Author: Itookia.com
Author URI: http://itookia.com/
*/

body{background-image:url('images/background.gif');}
ul{list-style-image:url(images/bullet.gif);}
a.more-link{color:#9e0266;}
a {color:#9e0266;}
a:hover { color:#FF00A6; }
#main{background-image:url('images/space.gif');}
ul#menu li a{color:#23031b;}
ul#menu li.current_page_item a{background-image:url('images/menu_active_back.gif');color:#fff799;}
ul#menu li a:hover{background-image:url('images/menu_hover_back.gif');color:#fff;}
#popular_posts{background-image:url('images/popular_posts.png');}
#popular_posts p{color:#fff;}
div.post{border:1px solid #c7bdc3;}
div.post_info{background-color:#f0e4eb;color:#00060a;}
span.author{background-image:url('images/author.gif');}
span.comments{background-image:url('images/comments.gif');}
span.comments_bottom{background-image:url('images/comments.png');color:#fff;}
div.sidebox{background-color:#dbdbdb;border:1px solid #CAC4C8;}
div.sidebox h2{color:#714e64;}
div.sidebox ul.mini{border-right:solid 1px #cac4c8;}
#footer{background-image:url('images/space_footer.gif');}
#footer_links{color:#c7bdc3;}
#copyright{color:#714e64;}
ul.links li{border-left:1px solid #f34e7d;}
#me{background-image:url('images/ID_back.gif');color:#0a000f;}
#me span{background-color:#fff799;}
#me span a{color:#9e0266;}
#me span a:hover{color:#9E0266;}
div.avatar img{border:6px solid #B37B9E;}
div.comment_text{background-image:url(images/quote_small.png);color:#00060A;}
#postmetadata{background-color:#f0e4eb;border:1px solid #c7bdc3;color:#00060A;}
div.post h2{color:#9c026b;}
#popular_posts a,#footer a,ul.links{color:#fff799;}
#popular_posts a:hover,#footer a:hover,ul.links{color:#ffffff;}
#commentform input[type="text"] , #commentform textarea { border:1px solid #c7bdc3; }
ol.commentlist li.authorcomment div.avatar img { border:6px solid #9e0266; }
#comments_box h3, #postmetadata h3 {  color:#714e64; }
#btn_search {background-image:url(images/bt_search.gif);}
#btn_follow {background-image:url(images/bt_follow.gif);}
#btn_submit {background-image:url(images/bt_submit.gif); float:left;}
div.text blockquote { background:transparent url(images/quote_small.png) no-repeat scroll left top; }
div.text blockquote p { background-color:#f0e4eb; }


/* Common elements */

body {
background-repeat:repeat;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:none;
}

a.more-link {
font-family:georgia, serif;
font-size:1em;
font-style:italic;
font-weight:700;
text-transform:lowercase;
}

.btn {
background-repeat:no-repeat; 
background-position: 0 0; 
width:86px; 
height:29px; 
border:0;
float: right; 
margin-right: 15px;
}
.btn:hover {  
background-position: 0 -29px;  
}

/* Header */

#main {
background-repeat:repeat-x;
height:400px;
left:0;
position:absolute;
width:100%;
z-index:-1;
}

#header {
height:395px;
position:relative;
}

#logo_img {
clear:both;
float:left;
margin-top:29px;
}

#ich { 
position: absolute; 
top: 0; 
right: 0;
margin-top: 62px; 
}

ul#menu {
float:left;
height:36px;
list-style:none;
margin-top:19px;
min-height:36px;
}

ul#menu li {
float:left;
height:36px;
line-height:36px;
margin:0 20px 0 0;
min-height:36px;
text-align:center;
width:100px;
}

ul#menu li a {
display:block;
font-size:16px;
font-weight:700;
text-decoration:none;
letter-spacing:0.025em;
}

ul#menu li.current_page_item a {
background-repeat:no-repeat;
}

ul#menu li a:hover {
background-repeat:no-repeat;
}

#popular_posts {
background-position:left top;
background-repeat:no-repeat;
float:left;
margin:35px 0 0 40px;
position:absolute;
}

#popular_posts ul {
list-style:none;
margin-left:10px;
margin-top:35px;
}

#popular_posts ul li {
margin:0;
padding:0;
}

#popular_posts a {
font-size:1.1em;
line-height:1.9em;
}

#popular_posts p {
font-size:1.1em;
line-height:1.9em;
margin-top:30px;
}

#popular_posts h2.widgettitle {
display:none;
}

#popular_posts span.post-stats {
display:none!important;
}

/* Content */

#content {
margin-top:25px;
display:block;
float:left;
margin-left:10px;
margin-right:10px;
}

div.date {
background-image:url('images/calendar.gif');
background-repeat:no-repeat;
color:#242f32;
display:block;
font-family:Georgia,serif;
font-size:1em;
height:48px;
left:-12px;
padding-left:4px;
position:absolute;
text-align:center;
top:-6px;
width:62px;
}

.navigation_btn {
display:block;
padding:22px 0;
}

.older_posts {
float:left;
}

.newer_posts {
float:right;
}

div.post {
background-color:#fff;
float:left;
margin-bottom:25px;
padding:10px 40px 40px;
position:relative;
width:500px;
}

div.post h2 {
font-family:Georgia,serif;
font-size:2.2em;
margin:20px 0 10px 0;
padding:0;
}

div.post_info {
font-family:Georgia,serif;
font-size:.9em;
line-height:20px;
margin-left:20px;
padding:3px 10px;
}

div.text {
font-family: Verdana,Arial,Helvetica,sans-serif; /*"Trebuchet MS",Trebuchet,Arial,sans-serif;*/
font-size:1em;
line-height:1.6em;
}

div.text blockquote {
font-family:Georgia,'Times New Roman',Times,serif;
font-size:22px;
font-style:italic;
line-height:1.5;
padding-left:10px;
}

div.text blockquote p {
display:inline;
margin:0 10px 0 28px
}

span.author {
background-position:left center;
background-repeat:no-repeat;
padding-left:20px;
}

span.comments {
background-position:left center;
background-repeat:no-repeat;
margin-left:20px;
padding-left:20px;
}

span.comments_bottom {
background-position:left center;
background-repeat:no-repeat;
color:#fff;
float:left;
font-family:Georgia,'Times New Roman',Times,serif;
font-size:1em;
height:48px;
line-height:40px;
margin-top:-20px;
padding-left:5px;
text-align:center;
width:40px;
}


#commentform input[type="text"] {
background-color:#FAFAFA;
color:#00060A;
height:20px;
padding:4px 3px;
width:200px;
}

#commentform textarea {
background-color:#FAFAFA;
color:#00060A;
height:200px;
padding:8px 4px;
width:450px;
}

#comment_links {
float:right;
font-size:x-small;
}

#respond {
clear:both;
}

#comments_box h3,#postmetadata h3 {
font-family:Georgia,'Times New Roman',Times,serif;
font-size:1.6em;
font-style:italic;
}

ol.commentlist {
float:left;
width:530px;
}

ol.commentlist li {
display:block;
float:left;
list-style:none;
margin-bottom:20px;
width:500px;
}

ol.commentlist li.authorcomment div.comment_text p {
color:#23031B;
}

div.comment_author {
margin-bottom:5px;
}

div.avatar {
display:block;
float:left;
padding:4px 0 0 10px;
position:relative;
width:100px;
}

div.comment_text {
background-position:left top;
background-repeat:no-repeat;
color:#00060A;
font-family:Georgia,'Times New Roman',Times,serif;
font-size:1em;
font-style:italic;
line-height:1.5em;
margin:10px 0 0 120px;
position:relative;
}

div.comment_text p {
margin:0;
text-indent:28px;
}

#postmetadata {
float:left;
font-family:Georgia,serif;
font-size:.9em;
line-height:20px;
margin-bottom:25px;
padding:10px 25px;
position:relative;
width:530px;
}

#share_post a {
padding:0 10px;
}

#comments_box {
float:left;
padding:10px 25px;
width:530px;
}

/* Sidebar */

#ads {
margin:12px 0 12px 12px;
}

#ads a {
display:block;
float:left;
margin-right:19px;
}

#ads a.right {
margin-right:0;
}

#ads a img {
border:solid 10px #fff;
}

#ads a.adhere {
background:#E7E7E7 none repeat scroll 0 0;
border:10px solid #FFF;
color:#666;
font-size:12px;
font-weight:700;
height:125px;
line-height:1000%;
text-align:center;
width:125px;
}

span.twitter-timestamp {
font-size:smaller;
font-style:italic;
}

.container_16 .mini h2 {
padding:5px 0 0;
text-align:center;
}

div.sidebox {
background-color:#dbdbdb;
border:1px solid #CAC4C8;
margin-bottom:15px;
padding-bottom:12px;
}

div.sidebox h2 {
font-family:Georgia, 'Times New Roman', Times, serif;
font-size:1.1em;
font-style:italic;
margin-bottom:14px;
padding:8px 20px 0 0;
text-align:right;
text-transform:lowercase;
}

div.sidebox ul.mini {
border-right:solid 1px #cac4c8;
list-style:none;
margin-bottom:12px;
width:170px;
}

div.sidebox ul.mini li {
margin-left:16px;
}

div.sidebox ul li {
padding:3px 0;
}

#searchform {
float:left;
margin-bottom:15px;
width:100%;
}

#twitter {
background-image:url('images/twitter.gif');
background-position:left bottom;
background-repeat:no-repeat;
color:#363636;
}

#twitter p {
padding:0 15px 15px;
}

/* Footer */

#footer {
background-repeat:repeat-x;
clear:both;
float:left;
height:250px;
line-height:30px;
margin-top:10px;
position:relative;
width:100%;
}

#footer a {
color:#f34e7d;
}

#footer_links {
color:#c7bdc3;
line-height:18px;
}

div.footer_grid {
position:relative;
}

#copyright {
font-size:.8em;
margin-top:25px;
}

ul.links {
list-style:none;
margin-bottom:120px;
margin-top:55px;
}

ul.links li {
display:inline-block;
float:left;
line-height:12px;
margin:0;
padding:0 10px;
text-transform:lowercase;
}

ul.links li.first {
border-left:none;
}

#me img {
float:left;
margin-right:12px;
}

#me {
background-repeat:no-repeat;
font-size:.9em;
height:195px;
line-height:16px;
margin:30px 0 0;
padding:12px 10px 0;
width:340px;
}

#me span {
display:block;
float:left;
font-size:.9em;
margin-bottom:7px;
padding:4px;
width:214px;
}

#me span.long {
margin-bottom:6px;
padding-left:12px;
width:295px;
}

#about {
height:250px;
}

#go_up {
	position:absolute;	
	margin-right:425px;
	margin-top:-12px;
	right:0;
}

form.wpcf7-form input[type="text"]{
background-color:#FAFAFA;
border:1px solid #c7bdc3; 
color:#00060A;
height:20px;
line-height:20px;
padding:4px 3px;
width:200px;
}

form.wpcf7-form textarea {
border:1px solid #c7bdc3; 
background-color:#FAFAFA;
color:#00060A;
height:200px;
padding:8px 4px;
width:450px;
}

form.wpcf7-form input[type="submit"]  {border:0; background-image:url(images/bt_submit.gif); float:left;width:86px; height:29px;}
form.wpcf7-form input[type="submit"]:hover  {background-position:0 -29px;}

div#comments{
	float:left;	
}