/*  



Theme Name: Vilanova



Theme URI: http://www.jauhari.net/themes/Saur



Description: <p>Saur Theme is clean layout that build with 3 Columns Layout.</p><ul style="list-style:none;"><li>* 2 Right Sidebar and Random Header</li><li>* Widget Ready and Iconic Meta Info</li><li>* Change About text via Admin Profile</li><li>* Tested on WordPress 2.1.x</li></ul> <p>Visit the <a href="http://www.jauhari.net/themes/saur">Theme Page</a> for theme update and other related information.</p>



Version: 1.2



Author: Nurudin Jauhari



Author URI: http://www.jauhari.net/







	This theme was designed and built by Nurudin Jauhari,



	whose blog you will find at http://jauhari.net/themes/saur



	Crafted on 14 September 2007



	Last Edit: 15 April 2008 21.53  +7 GMT







	The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License:



	http://creativecommons.org/licenses/by/3.0/







*/







/* Social Style 



********************* */







html



{



	height: 100%;



	margin-bottom: 0.1em;



}



*



{



	margin: 0;



	padding: 0;



}



img



{



	border: 0;



}



p



{



	line-height: 1.6em;



	margin: 0.7em 0;



}



dl



{



	margin: 1em 0;



}



dt



{



	font-weight: bold;



}



dd



{



	margin: 0.5em;



	padding: 0;



}



img.alignright, img.right



{



	float: right;



	margin: 0 0 0 5px;



}



img.alignleft, img.left



{



	float: left;



	margin: 0 15px 10px 0;



}







hr



{



	display: none;



}



body



{



	background: #dce8f2;



	color: #333;



	font: 74%/1.6em verdana, tahoma, arial, sans-serif;  



	margin: 0 0 30px;



	padding: 0;



	text-align: center;



}



a



{



	text-decoration: none;



}



a:link, a:visited



{



	color: #666;



}



a:hover, a:active



{



}



h1, h2, h3, h4, h5, h6



{



	font-family: Garamond, Georgia, Verdana, Arial, Serif;



}







/* Etc



******************** */



br.clear {



	clear: both;



}







/* Design 



******************** */

#headerwrapper{
	margin: 0px auto;
	width: 980px;
	padding-top: 15px;

background-color: #fff;


}

#page {



	text-align: left;



	width: 960px;



	margin: 0px auto;



	border-top: 0px solid #ccc;



	border-bottom: 1px solid #ccc;

	padding: 0px 10px 0px 10px;



	background: #fff url(images/bg-content.gif) right top repeat-y;	



}



#pager {



	margin: 0px auto 0;
	padding-top: 10px;
	padding-bottom: 10px;



	background: #fff;



	width: 980px;



}



#pager  h4 {



	font: 1.15em bold Arial, verdana;



	color: #000;



}



#pager h4 strong {



	border-bottom: 1px solid #fff;



}



#pager .p2 {



	margin: 0 auto;



	width: 960px;



	text-align: left;



	position: relative;



	height: 140px;



}



.p2 .about {



	padding: 10px 0;



	position: absolute;



	right: 10px;



	top: 0;



	width: 430px;



}



.p2 .about .avatr {



	float: left;



	margin-right: 10px;



	border: 4px solid #37A62E;



}



#header {



	background: #1BACF2;



	border-bottom: 5px solid #B98718;



}



#headr {



	width: 960px;



	margin: 0 auto;



	padding: 0;



	text-align:left;



	color: #C3EAFB;



	position: relative;



}



#headr h1 {



	margin: 0px 0 0;
	



	font: bold 2.5em Garamond, Georgia, "Times New Roman", times, serif;



}



#headr h1 a {



	color: #333;



	}



#headr .description {



	color: #666;



	margin-bottom: 10px;




}



#headr .cari {



	position: absolute;



	right: 0;



	bottom: 5px;



}



.cari #s {



	width: 230px;



	color: #999;



	padding: 5px 5px;



	border: 2px solid #ccc;



}



.cari #s:focus, .cari #s:hover {



	width: 230px;



	color: #000;



	padding: 5px 5px;



	border: 2px solid #ccc;



}



#content-wrap {



	float: left;



	width: 100%;



}



#content {



	margin: 0 250px 0 0;



	padding-top:  10px;



}



#content .gap {



	margin-right: 10px;



}



.post {



	margin-bottom: 10px;



	border-bottom: 1px solid #ccc;



}



.post span.biru {



	padding: 2px 4px;



	background: #D4EEF7;



	color: #007298;



}



.post span.merah {



	padding: 2px 4px;



	background: #F7DCD4;



	color: #E23700;



}



.post span.kuning {



	padding: 2px 4px;



	background: #F7F7D4;



	color: #B49000;



}



.post span.ijo {



	padding: 2px 4px;



	background: #E6F7D4;



	color: #315931;



}



















.side1 {



	width: 190px;



	float: left;



	color: #000;



	margin-left: -450px;



	padding: 10px;



}



.side2 {



	width: 230px;



	float: left;



	color: #000;



	margin-left: -230px;



	padding-top: 10px;



	}











#footer {



	width: 960px;



	margin: 0 auto;



	text-align: left;
	background-color:#FFFFFF;
	padding: 10px 10px 10px 10px;



}



#footer {



	color: #999;



	font-size: 0.9em;



}



#footer a {



	color: #666;



	text-decoration: underline



}



#footer a:hover {



	color: #666;



	text-decoration: none;



}



#bloglog {



 border-bottom: 1px solid #ccc;



}



/* Design  RSS



******************** */



.rss-style {



	border: 1px solid #ccc;



	padding: 10px;



	margin-bottom: 10px;



	background: url(images/rss-bg.gif) bottom left no-repeat;



}



.rss-style h1 {



	text-align: left;



	font: 700 1.6em Arial, verdana;



}



.rss-style h1 a {



	color: #f0000f;



}



p.stats {



	color: #666;



	font-size: .9em;



	border-left: none;



	border-right: none;



	margin: 0;



	padding: 0;



}



.side1  ul, .side2  ul{



background:transparent url(images/img_bkg_barra-izquierda-h2.gif) no-repeat scroll right top;



font-size:1.0em;



list-style-image:none;



list-style-position:outside;



list-style-type:none;



margin:0pt;



padding:10px 0px 5px 0px;



position:relative;



}





#linksimatges{





font-size:1.0em;



list-style-image:none;



list-style-position:outside;



list-style-type:none;



margin:0pt;



padding:10px 0px 5px 0px;



position:relative;



}





.side1  .children, .side2 ul.children{



	margin-left: 16px;



}



.boxy, #sidebar .categories, .widget, #sidebar .linkcat {



	margin-bottom: 10px;



}



.side2 input#s {



	width: 150px;



	padding: 5px;



	margin-bottom: 10px;



	background: #ECFBEA;



	border: 2px solid #D6F7D4;



}



.side2 input#s:focus {



	background: #fff;



	color: #227612;



}







.side2 input#searchsubmit



{



	background: #30BA47;



	border: #269237 2px solid;



	color: #fff;



	font-size: 1.3em;



	margin: 0;



	font-weight: bold;



	padding: 4px 6px;



}



.side2 input#searchsubmit:focus



{



	background: #BCE240;



}







/* Design  Typo



********************* */



.side1  h2, .side2  h2{











background:transparent url(images/separador-sidebar.gif) top no-repeat;







color:#fff;



font-family:Arial,sans-serif;



font-size:1.1em;



margin:0pt;



overflow:hidden;



padding:10px 0pt 10px 15px;











}



.side1 a, .side2 a {



	border-bottom:1px dotted #475D93;



	color:#475D93;



	text-decoration:none;



}



li.current-cat a {



	color: #F0000F;



	font-weight: bold;



}



.side1 a:hover, .side2 a:hover  {



	color: #F0000F;



}



.side1 ul li ul li, .side2 ul li ul li {



	background:transparent url(images/img_bullet01.gif) no-repeat scroll 0pt 5px;



	border-bottom:1px solid #EAEAEA;



	line-height:20px;



	list-style-image:none;



	list-style-position:outside;



	list-style-type:none;



	margin:0pt;



	padding:0pt 0pt 0pt 15px;



	position:relative;







}





#linksimatges ul li{

	background: #FFFFFF;

 

	border-bottom:1px solid #EAEAEA;



	line-height:20px;



	list-style-image:none;



	list-style-position:outside;



	list-style-type:none;



	margin:0pt;



	padding:0pt 0pt 0pt 0px;



	position:relative;



}







#linksimatges  li ul{

	background: #FFFFFF;



}





#linksimatges  ul{

	background: #FFFFFF;



}





.side2 .flickr ul li{



	background: none;



   float: left;



   padding-left: 0;



  margin-right: 5px;



}



.side2 .flickr ul li img {



 border: 1px solid #48C93E;



}



.side2 .flickr ul li img:hover {



 border: 1px solid #406618;



}



.side2 ul li ul li.current-cat a  {



	padding-left: 15px;



	color: #8A0E3A;



}



h2.pagetitle {



	text-align: left;



	font: 1.5em Arial, verdana;



	border-bottom: 1px solid #ccc;



}



.post a {



border-bottom:1px dotted #475D93;



color:#475D93;



text-decoration:none;



}







.post a:hover {	



	color: #F0000F;



}











.post h2 {



	font: bold 1.8em Arial, Helvetica, sans-serif; 



}



.post h2 a {



	color: #000;



	display: block;



}



.post h2 a:hover {	



	color: #F0000F;



}



.post h3 {



	font: bold 1.4em Arial, Helvetica, sans-serif; 



}



.post h4 {



	font: bold 1.2em Arial, Helvetica, sans-serif; 



}



.post h3, .post h4 {



	border-bottom: 1px solid #efefef;



	color: #48C93E;



}



p.postmetadata



{



	color: #666;



	font-size: 85%;



	margin-bottom: 10px;



}



p.postmetadata a



{



	color: #666;



	text-decoration: none;



}



span.timr



{



	background:  0 0 no-repeat;



	padding-left: 0px;







        color:#2F6DD3;



        font-family:"Trebuchet",Arial,Helvetica,sans-serif;



        font-size:1.45em;



        font-weight:bold;







}



span.user



{



	background:  0 0 no-repeat;



	padding-left: 0 px;



}span.catr



{



	background: url(images/ico/page.png) 0 0 no-repeat;



	padding-left: 15px;





}



span.editr



{



	background: url(images/ico/pencil.png) 0 0 no-repeat;



	padding-left: 15px;



}



span.commr



{



	background: url(images/ico/comment.png) 0 0 no-repeat;



	padding-left: 15px;



}



.post ul.postspermonth{



	list-style:none;



	padding: 0;



	margin: 0;



}







.post ul {



	margin-left: 35px;



}



.post ol {



	margin-left: 40px;



}



.post p a:hover {



	text-decoration: none;



}







.categr, .monthr {



	margin-bottom: 20px;



}



.categr h2, .monthr h2{



	border-bottom: 1px solid #ccc;



}







.rss {



	background: url(images/feed-icon-10x10.png) left center no-repeat;



	padding-left: 12px;



}



.tags {



	margin-bottom: 10px;



	font-weight: bold;



}



	.tags a {



		font-weight: normal;



	}







/* Comment Etc



********************* */



h3#comments  {



	border-bottom: 1px solid #ccc;



	font-size: 1.4em;



	margin-bottom: 10px;



}



.navigation 



{



	margin-bottom: 10px;



}







.navigation a



{



	color: #666;



}



.navigation .alignleft



{



	float: left;



	width: 50%;



}



.navigation .alignright



{



	float: right;



	text-align: right;



	width: 50%;



}







.ileft {



	float: left;



	margin-right: 5px;



}







#avatr {



	border: 1px solid #92278f;



}







blockquote



{



	background: url(images/blockquote.gif) no-repeat left top;



	color: #666;



	margin: 1em;



	padding: 0 0 10px 50px;



}



#content .commentsfeedr



{



	background: url(images/feed.png) no-repeat left center;



	padding: 2px 0 2px 20px;



}



#content .trackbackr



{



	background: url(images/arrow_refresh.png) no-repeat left center;



	padding: 2px 0 2px 20px;



}



input.textbox, textarea



{



	background: #fff url(images/shadow_top.gif) repeat-x top;



	border: #ccc 1px solid;



	font: 1em Verdana, Arial, Serif;



	padding: 2px;



}



input.textbox:focus, textarea:focus



{



	background: #fff url(images/shadow_top.gif) repeat-x top;



	border: #999 1px solid;



}



#submit



{



	padding: 3px 5px;



}



.comment



{



	background: #ccc /*url(images/shadow_top.gif) repeat-x top*/;



	border-bottom: #ddd 1px solid;



	list-style: none;



	margin: 0 0 10px;



	padding: 1em 0.5em;



	position: relative;



}



.big-numb {



	position: absolute;



	right: -5px;



	top: 4px;



	color: #fff;



	font-family: Georgia, "Times New Roman";



	font-size: 6em;



}



.comment .title 



{



	font: 600 1.2em arial, verdana;



}



.comment .title a:link, .comment .title a:visited {



	color: #2F6DD3;



}







.alt



{



	background: #efefef;



}



.MyAvatars



{



	border: 1px solid #ccc;



	border-bottom: 1px solid #999;



	border-right: 1px solid #999;



	float: right;



	margin-left: 5px;



	margin-right: 10px;



	padding: 3px;



}



#comment {



	width: 98%;



}



#addcommentbutton {



	background: #2F6DD3;



	padding: 4px 10px;



	color: #fff;



	border: 2px solid #114801;



	border-top: 2px solid #239304;



	border-left: 2px solid #239304;



}



#addcommentbutton:focus, #addcommentbutton:hover {



	background: #114801;



	padding: 4px 10px;



	color: #fff;



	border: 2px solid #000;



	border-top: 2px solid #2F6DD3;



	border-left: 2px solid #2F6DD3;



}	



/* Top Navigation Style 



********************* */



#top {



	



	border-top: 1px solid #ccc;



	border-bottom: 1px solid #ccc;



border-right: 1px solid #ccc;



border-left: 1px solid #ccc;















color:#C3EAFB;



margin:0pt auto;



padding:0pt;



position:relative;



text-align:left;



width:960px;















}



#navr



{



	background: transparent;



	font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;



	margin: 0 auto;



	overflow: hidden;



	padding: 0;



	position: relative;



	text-align: left;



	width: 960px;



}



html #navr



{



	height: 1%;



}



#navr ul li



{



	float: left;



	list-style-type: none;



	margin: 0;



}



#navr ul li.page_item a, #navr ul li.current_page_item a



{



	color: #666;



	display: block;



	font-weight: bold;



	letter-spacing: 0px;



	padding: 4px 10px;



	text-decoration: none;



	border-right: 1px solid #ccc;



}



#navr ul li.admintab a {



	color: #f0000f;



	display: block;



	font-weight: bold;



	letter-spacing: 0px;



	padding: 4px 10px;



	text-decoration: none;



	border-right: 1px solid #ccc;



}



#navr ul li.page_item a:hover, #navr ul li.current_page_item a:hover,#navr ul li.admintab a:hover {



	color: #2F6DD3;



}



#navr ul li a:active, #navr ul li.current_page_item a



{



	color: #333;



	background: #ccc;



	color: #000;



	font-weight: bold;



}



#navr ul li.h1r



{



	background: #055296;



	color: #fff;



	display: block;



	font-weight: bold;



	letter-spacing: 0px;



	padding: 2px 10px;



	text-decoration: none;



	text-transform: uppercase;



}











#navigation {



clear:both;



padding-top:7px;



*padding-top:3px;



_padding-top:5px;



 }







#navigation ul {



float:right;



margin:0px;



padding:0px;



} 







#navigation li {



line-height:35px;



font-size:14px;



float:left;



list-style:none;



padding-left:10px;



padding-right:10px;



border-right:1px solid #BD1900;



*height:34px;



display:block;



} 







#navigation li a:link {



display:block;



color: #fff;



text-decoration:none;



}    







#navigation li a:visited {color: #fff;



text-decoration:none;



}  







#navigation li a:hover {color:#fff;



display:block;



text-decoration: none;



background-image:url(images/nav-hover.gif);



background-position:bottom center;



background-repeat:no-repeat;



color:#FEE6C8;



}   







.nav-current {



color:#fff;



display:block;



text-decoration: none;



background-image:url(images/nav-hover.gif);



background-position:bottom center;



background-repeat:no-repeat;



color:#FEE6C8;}







fieldset {



	border: none;



}



textarea#cp_message {



	width: 100%;



}







pre {



	width: 95%;



	overflow:auto;



	font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;



	color: #333;



	max-height: 350px;



	line-height: 18px;



	margin: 10px 0;



	border: 1px solid #666;



	padding: 5px;



	background: #efefef;



}







.traducciocastella {



margin: 0em 1.7em 0em 1em;



text-align: right;







} 







.tags{



margin: 0.8em 0em 0.8em 0em;



}







.entry{



margin: 0em 0em 0.8em 0em;



}







code {



font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;



color: #333;



padding: 2px;



}











img.wp-smiley { vertical-align: -25%; }







/* Change Log *** 



1.0	: Public Releaed



1.1	: Support For WordPress 2.3



1.2	: WordPress 2.5 Compatible and Tweak Code



*** */



#feevy_bar_12648 {

font-family:Arial,"MS Trebuchet",sans-serif;

}



#feevy_bar_12648 .bar_content {

display:block;

}



#feevy_bar_12648 .feevy_item {

display:block;

font-size:12px;

height:auto;

margin:auto auto 10px;

padding:3px;

text-align:left;

}





#feevy_bar_12648 .item_content {

display:block;

}



#feevy_bar_12648 .feevy_title {

height:46px;

padding-left:3px;

}



#feevy_bar_12648 .feevy_title img {

float:left;

margin-right:8px;

}



#feevy_bar_12648 .feevy_title h1 {

line-height:15px;

font: 74%/2em verdana, tahoma, arial, sans-serif; 



}



#feevy_bar_12648 .feevy_title a {

color:#333333;

font-size:13px;

font-weight:bold;

text-decoration:none;

}



#feevy_bar_12648 .feevy_content {

color:#333333;

padding:1px;

font: 90%/1.6em verdana, tahoma, arial, sans-serif; 

}



#feevy_bar_12648 a.blog_url {

float:left;

font-size:11px;

padding-right:4px;

}



#feevy_bar_12648 .footer {

color:#333333;

font-size:13px;

padding-top:3px;

text-align:center;



}



#feevy_bar_12648 .feevy_content a {

float:right;

border-bottom:1px dotted #475D93;

color:#475D93;

text-decoration:none;



}