/*  

Theme Name: Ov

Theme URI: http://www.oriolvalldeperas.com

Description: Oriol Valldeperas Blog Theme

Version: 1.1

Author: Oriol Valldeperas

Author URI: http://www.oriolvalldeperas.com

Tags: valid XHTML, valid CSS, right sidebar, widget ready, simple, widgets, two columns

*/



* { margin: 0; padding: 0; outline: 0px; }



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

a:visited { color: #80b22f; text-decoration:none;} 

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

a:hover { color: #ffb400;} 

a:link img {color: #FFFFFF; border:0px;}

a:visited img {color: #FFFFFF;border:0px;}

a:active img {color: #FFFFFF;border:0px;}

a:hover img {color: #FFFFFF;border:0px; }



body { background: #383838 url(img/fonstot.png) repeat-x; font-family: Verdana, Arial, Helvetica, san-serif; font-size: 12px; color: #666;  }


blockquote {
  border: 1px solid #adff8d;
  -moz-border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius: 10px; -ms-border-radius: 10px;
  margin: 1em 0;
  margin-right: 80px;
  color: #34b900;
  padding: 10px 10px 5px 5px;
  background: #c1ffa9;
}

pre {
  border: 1px solid #adff8d;
  -moz-border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius: 10px; -ms-border-radius: 10px;
  margin: 1em 0;
  margin-right: 80px;
  color: #34b900;
  padding: 5px 5px 5px 20px;
  text-shadow: #f4fff2 0px 1px 0px;
  background: #c1ffa9;
}

#wrapper { width: 1000px; margin: 0 auto; }



#header { width: 1000px; height: 120px; }

a.logo { width: 476px; height: 120px; float: left; background: url(img/logo.png); margin-top: 0px; }

a.logo span { display: none; }

a.draw { width: 206px; height: 120px; float: left; background: url(img/postits.png); margin-top: 0px; }

a.tagpng { width: 23px; height: 23px; float: left; background: url(img/tag.png);}



.search { float: right; margin-top: 34px; }

.search .search-text { background: url(img/search2.png) no-repeat; width: 197px; height:29; padding: 6px 30px 8px 10px;  border: none; font-size:14px; color: #FFFFFF }



/*#subheader { background: url(img/subheader-bg2.gif) no-repeat; width: 800px; height: 163px; float: left; }

#subheader p { font-size: 10px; margin: 15px 0 0 10px; width: 460px; }

#marge {font-size: 10px; margin: 0px 0 0 0px; height: 50; width: 460px; }*/



/*

	script stuff 

*/

.search-alert {display: none; background: url(img/search-alert-arrow.png) no-repeat; padding: 20px 15px 10px 15px; float: left; margin-top: 2px; position: absolute; font-size: 10px; cursor: pointer; color: #000; }



#content {
background: #FFFFFF; 
width: 665px; 
float: left; 
padding-left: 30px; 
padding-right: 30px; 
padding-top: 30px; 
-moz-border-radius: 10px 0 10px 10px;
-webkit-border-top-left-radius: 10px; 
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-khtml-border-radius: 10px 0 10px 10px; 
-ms-border-radius: 10px 0 10px 10px ;
}


.post { width: 675px; margin-bottom: 50px; }

.post h2 a { color: #505050; font-weight: bold; text-decoration: none; font-size: 28px; font-family: "Arial Black", Gadget, sans-serif;  }

.post span.post-info { color: #9d9d9d; font-size: 10px; padding-bottom: 10px; width: 675px; float: left; }

.post p { line-height: 22px; margin-bottom: 10px; }

.post div.cats { border-top: 1px solid #ececec; padding-top: 10px; }


#commentsbt{display:block; float:left; font-size:12px; color:#CCC;}

.btn a {padding:5px 10px 5px 10px; float:left; text-decoration:none; color: #FFF; background-color:#c9c9c9; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.btn a:hover {color:#fff; background-color:#79af00;}



#sidebar {color: #6f6a6a; background: #4a4a4a; width: 245px; float: right; padding: 20px 15px 10px 15px; -moz-border-radius: 0 10px 10px 0 ; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-radius: 0 10px 10px 0  ;-ms-border-radius: 0 10px 10px 0  ; }

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

#sidebar ul li { padding-bottom: 7px; border-bottom: 1px solid #626262; margin-bottom: 15px;}

#sidebar ul li ul li { margin: 0; border: none; padding: 0; }

#sidebar ul li ul li /* a */ { padding: 5px 0px 5px 20px; display: block; width: 165px; /*background: url(img/sidebar-bullet.gif) no-repeat 0px 7px; */}

#sidebar ul li h2 { font-family: "Arial Black", Gadget, sans-serif; font-size: 20px; color: #e9e9e9; padding-bottom: 9px; font-weight: normal; text-shadow: #1f1f1f 0px 1px 0px;}




#sidebar a:link { color: #0f0f0f; text-decoration:none; text-shadow: #696969 0px 1px 0px; }

#sidebar a:visited { color: #0f0f0f; text-decoration:none; text-shadow: #696969 0px 1px 0px;}

#sidebar a:active { color: #0f0f0f; text-decoration:none; text-shadow: #696969 0px 1px 0px;}

#sidebar a:hover { color: #a9a9a7;  text-decoration:none; text-shadow: #1f1f1f 0px 1px 0px;}

#fletxa {background: url(img/twitter_fletxa.png) no-repeat; height:15px; width: 15px; margin-left: 150px;}


#twitter_div ul {background: #cbe5ff; -moz-border-radius: 10px; -webkit-border-radius:10px; -khtml-border-radius: 10px; -ms-border-radius: 10px;}

#twitter_div span { color: #77baff; text-decoration:none; text-shadow: none;}

#twitter_div span a:link { color: #50a8ff; text-decoration:none; text-shadow: none;}

#twitter_div span a:active { color: #50a8ff; text-decoration:none; text-shadow: none;}

#twitter_div span a:visited { color: #50a8ff; text-decoration:none; text-shadow: none;}

#twitter_div span a:hover { color: #369bff; text-decoration:none; text-shadow: none;}



.navigation .previous {float:left; padding-bottom: 50px;}

.navigation .next {float:right; padding-bottom: 50px;}



#footer { clear: both; width: 100%; float: left; background: #d4d4d4; padding: 20px 0; margin-top: 20px; }

#footer .inner { width: 800px; margin: 0 auto; }



/*

	.comments template styles

*/



.comments { float: left; padding: 0; }



.comments input[type=text], textarea { width: 350px; }



textarea { width: 450px; }



.comments fieldset { padding: 20px; border: 1px solid #CCC; margin: 10px 0 20px 0; }



.comments p { padding: 0 0 10px 0; }



.comments h2 { padding: 0 0 15px 0; }



#cdisplay { list-style-type: none; padding: 0; margin: 0; }



	#cdisplay li { padding: 10px;  margin-bottom: 10px; width: 560px; }

	

	#cdisplay li.first {  background: #f9f9f9; border-bottom: #CCC 1px solid; }

	

	#cdisplay li.second {  background: #f6f6f6; border-bottom: #dedede 1px solid; }



.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;

   align: center;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



img.avatar {float:right;}