/*
Theme Name: Yuuki v1
Theme URI: http://www.yuukiavenue.com
Version: 1.0
Author: Darjan Panic
Author URI: http://www.darjanpanic.com
*/


/* Overal setup */
#container {width:960px;margin:0 auto;}
* { margin:0; padding:0; }
html {background: url(images/bg1.gif) #e5e5e5;}
body { background: url(images/yuuki-bg.png) center top no-repeat; color:#ccc; font:12px/14px  arial,Sans-serif; height:800px;}
a   { color:#aaa;text-decoration:none;outline:0; }
a:hover { color:#eee; }

ul, li { list-style: none;margin:0;padding:0; }
h1  { font-size:30px; } 
h2  { font-size:14px; } 
h3  { font:bold 11px arial,helvatica;color:#ccc;text-transform:capitalize; }
h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }
h4  { font-size:14px; }
.pagenavi  { margin: 0px ; clear: both; font-size:10px;  padding: 0px;margin-bottom:10px;}

code { font: 11px  "Courier New"; color:#666; padding:5px;margin:5px 0;display:block;border-left:1px solid #903000; }
.pullquote { padding: 6px; float: right; width: 180px; margin:5px 0 10px 10px; border-top:1px solid #222; border-bottom:1px solid #222; text-align: center; font-family: verdana, Arial, Helvetica, sans-serif;color:#aaa;font-size:11px; }
.capi { color:#333;float:left;font:3.6em Georgia,arial;line-height:0.8em;text-transform:uppercase;margin:0.07em 0.14em 0 0; }
.left { float:left;margin-top:3px;margin-right:8px; }
.right { float:right;margin-left:8px; }
.clear { clear: both; }
.clear-both { clear: both; }


/* header */
#header { width:960px;margin:0;padding-left:10px;}
#header h1 a { display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em; }
#header h1 a:hover { color: #7ebe40; }
#main-wrapper { display:block; margin:0;width:960px;padding-left:10px;text-align:left; }
.main { width: 960px;margin:0;padding:0;float:left;overflow: hidden; }
/* search */
#search { width:960px; margin-left:auto;margin-right:auto;  text-align: right; }
#searchright { float:right; width:210px; text-align: left;margin-top: 20px;}
#searchform {font: 10px arial;outline:none;color:#ffffff;text-decoration:none;text-transform:uppercase; }
#searchsubmit {font: 11px arial;color:#333;text-decoration:none;text-transform: lowercase; }
#searchtext {font:10px arial; width: 130px; outline:none;color:#ffffff; border: 1px solid #FE279C; text-decoration:none; background: #222222; padding: 2px 2px 2px 15px;-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;}

#commentsform { color: #333333;font-size: 18px; font-weight: lighter; letter-spacing: -1;padding-bottom:50px;}

#commentsform a:link { color: #999; }
#commentsform a:visited { color: #999; }
#commentsform a:hover { color: #FE279C; }


.commentsbtn { font-size: 18px; font-weight: lighter; letter-spacing: -1;}
.commenttext { color: #333333;  border: 5px solid #cccccc;}
.commenttext:hover { color: #333333; border: 5px solid #FE279C;}
#commentsform .name { background: #ffffff;  width:230px;   -moz-border-radius: 10px;   -khtml-border-radius: 10px;   -webkit-border-radius: 10px;}
#commentsform .email { background: #ffffff; width:230px;   -moz-border-radius: 10px;   -khtml-border-radius: 10px;   -webkit-border-radius: 10px;}
#commentsform .www { background: #ffffff; width:230px;   -moz-border-radius: 10px;   -khtml-border-radius: 10px;   -webkit-border-radius: 10px;}
#commentsform .comment {background: #ffffff; width:350px;   -moz-border-radius: 10px;   -khtml-border-radius: 10px;   -webkit-border-radius: 10px;}


/* thumnail covers */
.post { background-color:white;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
position:absolute;
margin-right: 10px;
margin-bottom: 10px;
width: 230px;}

.post > div { 
padding:0px; 
}

.postpic {float: right; width: 210px; background-color:white;
-moz-border-radius:10px;
-khtml-border-radius: 10px;
-webkit-border-radius:10px;
padding:10px;margin-right:10px;}
.postpic img {border:5px solid #cccccc;}
.postpic img:hover {border:5px solid #FE279C;}


#allposts {}

.postsingle {float: left; width: 690px; background: #ffffff; margin-bottom: 10px;-moz-border-radius: 12px; -webkit-border-radius: 12px; z-index: 3; padding:10px; color: #999;}
.postsingle h1 { color: #FE279C; font-size: 24px; line-height: 24px;font-weight: lighter; font-family: Verdana, Geneva, sans-serif; margin-bottom: 10px;letter-spacing: -1px;}
.postsingle img {margin:10px; float:left;}

.single p {padding:10px;}
.single h2 {padding:10px;}

#sidebarwrapper  { margin:0;padding:0;float:right;color: #999; }

.thumb {  display: block; width: 220px;  padding:5px; position: relative; margin:0px;}
.thumb img  {margin:10px 0px 5px 10px;}
.thumb a img  { border:5px solid #cccccc; }
.thumb a:hover img  { border:5px solid #FE279C; }
.tmain {margin:0;padding:0;}
.thumb-text {color: #999; font-size: 10px; padding-left: 10px; padding-right: 10px; padding-bottom:10px;}
.thumb-text p {margin: 0px; padding: 0px;}


.thumb-title { margin-left:10px; margin-right:10px; }
.thumb-title h2 { margin: 0px;padding:0px;}
.thumb-title h2 a { font:18px Arial,helvetica;color:#FE279C;text-decoration: none;text-transform:capitalized; }
.thumb-title h2 a:hover { color:#FE279C}

#box1 {float: left; width: 235px; height: 235px;margin:0px; padding:0px;line-height:2em; margin-right:10px;}
#box1 a { text-decoration:none;color:#333;font-weight:normal; }


#box2 {float: left; width: 235px; margin:0px; padding:0px;line-height:2em;margin-right:10px; }
#box2 a {  text-decoration:none;color:#999;font-weight:normal; }
#box2 a:hover {  text-decoration:none;color:#fff;font-weight:normal; border-bottom: 1px dotted #ffffff; }

#box3 {float: left; width: 235px; margin:0px; padding:0px;line-height:2em;margin-right:10px; }
#box3 img a {border: 3px solid #ffffff; }
#box3 img a:hover {border: 3px solid #FE279C; }

#box3 img  { margin:5px 5px;}
#box3 a img  { border:4px solid #eee; }
#box3 a:hover img  { border:4px solid #FE279C; }
#box3 br { line-height: 0.5em;}


#box4 {font-size: 10px; float: left; width: 200px; margin:0px; padding:0px; }
#box4 a { padding-left:14px; background:url(images/link.gif) no-repeat left;text-decoration:none;color:#999;font-weight:normal; line-height: 16px;}
#box4 a:hover {  padding-left:14px; background:url(images/link.gif) no-repeat left;text-decoration:none;color:#fff;font-weight:normal; border-bottom: 1px dotted #ffffff; line-height: 16px;}



#right-sidebar { color:#ddd;width:200px;margin:0;padding:5px;font-size:11px; }
#right-sidebar h3 {padding:3px; background: #FE279C;display: inline; color: #333333; }
#right-sidebar p { color:#ddd; padding-bottom:10px;}
#right-sidebar ul { list-style:none;margin:8px 0 4px; }



/*/////////////////////////////////////////
///////////////// COMMENTS ////////////////
/////////////////////////////////////////*/
h3.comments, h3#respond { font-weight:normal; font-size: 26px;font-family: arial, verdana;letter-spacing:-1px; color:#333333;padding:5px 0;}	
h3.comments a:link { color: #FE279C;}
h3.comments a:visited { color: #FE279C;}
h3.comments a:hover { color: #333333;}

ol.commentlist { list-style:none; margin:0; padding:0; }
ol.commentlist cite { text-transform:none; font-style:normal; font-size: 18px; font-weight: lighter; color: #ffffff;}

ol.commentlist li { border-bottom:1px dotted #222; padding:15px 0; min-height: 60px; width: 700px;}
ol.commentlist h5 { font-size:12px; margin:3px 0; padding:0; }	
ol.commentlist h5 a:link, a:visited { color:#FE279C;}
ol.commentlist h5 a:hover { color:#333333; }
ol.commentlist h5 small { display:block;}	
ol.commentlist li { font-size: 11px; margin: 0; }

ol.commentlist li span.moderate { padding:2px; color:#f30; }

/* form */
#commentform { margin: 1em 0;}
#author, #email,#url,#comment{font:1em arial,helvetica,verdana,sans-serif;margin: 5px 0;padding:2px;}
.comment-warning strong { color: #999; font-weight: bold; }


/* footer */
#footer { color:#555; font-size:9px;line-height:1.4em; padding:0;margin:0 auto;height:40px;clear:both;width:960px;text-align:right; }
#footer a { font-weight: bold;color:#999;border-bottom:1px solid #333; }
#footer a:hover { color:#eee; }
#footer img { display: none; }


.gravatar {width: 65px;float:left; margin-right: 10px;}
.gravatar img {width: 65px; height: 65px;border: 3px solid #cccccc;}
.gravatar img:hover {width: 65px; height: 65px;border: 3px solid #FE279C;}
.comment {  margin-left: 80px; color: #333333;}


#commentsform {  width: 700px; }

.rightpost {color:#ddd;float:right;width:180px;margin:0;padding:5px;font-size:11px;}
.rightpost h3 {font-weight: bold; font-size: 16px; letter-spacing: -1px; color: #ffffff; text-decoration: none; }
.postinfo { font-size: 12px;}
.postinfo p { margin:0px; padding: 4px;  border-bottom: 1px dotted #cccccc;}

.entry-bottom { width: 700px;padding: 5px; margin-top: 10px;}
.entry-bottom h3  { font-weight: bold; font-size: 16px; letter-spacing: -1px; color: #ffffff; text-decoration: none; }
.entry-bottom h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; }

.entry-left { float: left; width:48%; border: 5px solid #cccccc; background: #ffffff; padding: 5px; color: #333333;-moz-border-radius:15px;-khtml-border-radius: 15px;}
.entry-left:hover { float: left; width:48%; border: 5px solid #FE279C; background: #ffffff; padding: 5px; color: #333333;}
.entry-left h3 {color: #333333;font-size:22px;font-weight: lighter;}
.entry-right h3 {color: #333333;font-size:22px;font-weight: lighter;}
.entry-right {float: right; width:48%;color:#333333;}
.entry-rss { margin-top:10px; border-top: 1px dotted #333333;padding-bottom:10px;}
.entry-rss p {margin:0px;padding:0px;}
.entry-rss a { font-weight:normal; font-size: 26px;line-height:26px;font-family: arial, verdana;letter-spacing:-1px; color:#333333;margin:0px;padding:0px;}
.entry-rss a:hover {font-weight:normal; font-size: 26px;line-height:26px;font-family: arial, verdana;letter-spacing:-1px; color:#000000;margin:0px;padding:0px;}
.entry-rss a span {font-size:14px;line-height:14px;margin:0px;padding:0px;}
.entry-rss .er {float:left;margin-top:10px;}
.entry-rss .im {float:left;margin-left: 3px;margin-top:15px;margin-right:5px;}


#mop-wrapper { width: 700px;	clear: both;}
.mop-thumbnail {float:left;width: 175px; line-height: 175px; height: 175px; text-align:center;}

blockquote {font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #e6e6e6;}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */

/* Note: for resizable styles, use the styles listed above in the dialog section */

.digg {float:left; width: 60px;}