/*  



Theme Name: ShinyRoad



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



Description: <p>ShinyRoad Theme is boxes layout that build with 2 Colums Layout,</p> <ul style="list-style:none;"><li>* Right Sidebar</li><li>* Widget Ready</li></ul><p>Visit the <a href="http://www.jauhari.net/themes/shinyroad">Theme Page</a> for theme update and other related information.</p><p>Please Note This is Sponsored Themes</p><p>The CSS, XHTML and design is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a></p>



Version: 2.1



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/shinyroad



	Crafted on 04 April 2007



	Last Edit: 23 April 2007 05.01  +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;

        margin: 0 .5em;



}



p



{



	line-height: 1.6em;



	margin: 0.7em 0;



}



dl



{



	margin: 1em 0;



}



dt



{



	font-weight: bold;



}



dd



{



	margin: 0.5em;



	padding: 0;



}



img.right



{



	float: right;



	margin: 10px 0 0 10px;



}



img.left



{



	float: left;



	margin: 0 10px 10px 0;



}



hr



{



	display: none;



}



body



{



	background-attachment: fixed;



	background: #424900;



	color: #444;



	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



{



}



h2, h3, h4, h5, h6



{



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



}



h1



{



	font: 100% verdana, tahoma, arial, sans-serif;

	line-height: 1.8em;

 /* font-size:1em; */

}



/* Etc



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



br.clear {



	clear: both;



}







/* Design 



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



#page {



	text-align: left;



	width: 750px;



	background: #fff;



	margin: 20px auto 0;



	padding: 10px;



	border-bottom: 1px solid #ccc;



}



#pager {



	height: 130px;



	margin-bottom: 0;



	background: #E2CC22 url(images/headr.jpg) left bottom no-repeat;



	border-bottom: 4px solid #B98718;



}



#header {



	background: #1BACF2;



	border-bottom: 5px solid #B98718;



}



#headr {

/*float: left;     */

	float: right;



	margin: 0;



	padding: 0;



	text-align:left;



	color: #C3EAFB;



}



#headr h1 {



	/*margin: 40px 0 0 0; */

	margin: 20px 170px 0px 0;



  color: #fff;

	color: #ccc;



}



#headr h1 a {



	color: #fff;

	/*color: #000000;       */

	font-size: 1.5em;
  font-style: italic;



	}



#headr .description {



	color: #efefef;
  font-size: 1.2em;
        /*color: #000000;   */

	/*margin-left: 30px;  */

         margin-left: 1px;



}







#content {



	/*width: 520px; */

	width: 480px;



	float: left;



	padding: 0 20px 20px;



	padding-left: 0;



}



.post {



	border-bottom: 1px solid #e6ccb0;



	margin-bottom: 10px;



}



.postmetadata {



	font-size: .9em;



	color: #999;



}



.postmetadata  a{



	color: #666;



}







#sidebar {



	/*width: 209px;*/

	width: 250px;



	float: right;



	/*background: #8B4915 url(images/bgsider.jpg) 0 0 repeat-y;  */

    background: #ab1c16 url(images/bgsider.jpg) 0 0 repeat-y;

	color: #fff;



	padding-bottom: 20px;



}



.side1 {



	float: left;



	padding-left: 20px;



	/*width: 160px;  */

	width: 200px;



	padding-right: 20px;



}



.side2 {



	float: left;



	padding-left: 15px;



	/*width: 180px; */

	width: 220px;



}



#footer {



	width: 750px;



	margin: 0 auto;



	padding-top: 10px;



	text-align: left;



}







/* Design 



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



#sidebar  ul{



	list-style: none;



}







/* Design  Typo



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



#headr  h1 {



	font-size: 2.5em;



}



#headr  h1 a {







}



#sidebar  h2{



	font-size: 1.2em;



	color: #fff;



	border-bottom: 1px solid #ccc;



	padding-bottom: 5px;



	margin-top: 10px;



	margin-bottom: 5px;



}



#sidebar a {



	color: #FFE674;



	



}



#sidebar a:hover {



	color: #fff;



}



h2.pagetitle {



	text-align: right;



	border-bottom: 1px solid #ccc;



}



.post h2 {



	font: 1.8em "Trebuchet MS", Verdana, sans-serif; 



}



.post h2 a {	



	color: #333;



}



.post h2 a:hover {



	color: #666;



}



p.postmetadata



{



	color: #999;





	font-size: 85%;



	margin-bottom: 10px;



}



p.postmetadata a



{



	color: #666;



	text-decoration: none;



}



span.timr



{



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



	padding-left: 15px;



}



span.catr



{



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



	padding-left: 15px;



}



span.editr



{



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



	padding-left: 15px;



}



span.commr



{



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



	padding-left: 15px;



}



.post ul.postspermonth{



	list-style:none;



	padding: 0;



	margin: 0;



}



.post p a {



	border-bottom: 1px solid #ccc;



}



.post ul {



	margin-left: 35px;



}



.post ol {



	margin-left: 40px;



}



.post p a:hover {



	border: none;



}







/* Uncomment to make Uato



.post a img, .post img {



	border: none;



	float: left;



	padding-right: 5px;



}	



*/







.categr, .monthr {



	margin-bottom: 20px;



}



.categr h2, .monthr h2{



	border-bottom: 1px solid #ccc;



}



#footer {



	color: #ccc;



	font-size: 0.95em;



	text-align: center;



}



#footer a {



	color: #fff;



}



#footer a:hover {



	color: #fff;



	text-decoration: underline



}



.rss {



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



	padding-left: 12px;



}



/* Comment Etc



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



.navigation a



{



	color: #666;



}



.alignleft



{



	float: left;



	width: 50%;



}



.alignright



{



	float: right;



	text-align: right;



	width: 50%;



}







.ileft {



	float: left;



	padding-right: 5px;



}



p.stats {



	color: #999;



	font-size: .8em;



	border: 1px solid #ccc;



	border-left: none;



	border-right: none;



}



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-left: 20px;



}



#content .trackbackr



{



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



	padding-left: 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: #fff url(images/shadow_top.gif) repeat-x top;



	border-bottom: #ddd 1px solid;



	list-style: none;



	margin: 0;



	padding: 1em 0.5em;



}



.alt



{



	background: #f9f9f9;



}



.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: 100%;



}



/* Top Navigation Style 



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



#navr



{



	background: transparent;



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



	margin: 0 auto 10px;



	overflow: hidden;



	padding: 0;



	position: relative;



	text-align: left;



	width: 750px;



}



html #navr



{



	height: 1%;



}



#navr ul li



{



	float: left;



	list-style-type: none;



	margin: 0 5px 0 0;



}



#navr ul li a



{



	background: #EBC167;



	border: #B98718 1px solid;



	border-top: none;



	color: #fff;



	display: block;



 font-weight: bold;



	letter-spacing: 0px;



	padding: 2px 10px;



	text-decoration: none;



}



#navr ul li a:hover {



	background: #B98718;



	border: #B98718 1px solid;



	border-top: none;



	color: #fff;



}



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



{



	background: #B98718;



	border: #B98718 1px solid;



	border-top: none;



	color: #fff;



	font-weight: bold;



}



#navr ul li.search



{



	font-size: 0.9em;



	position: absolute;



	right: 0;



	top: 5px;



}



#navr ul li.search input#s {



	width: 150px;



}



#navr ul li.search input#searchsubmit



{



	background: #B98718;



	border: #B98718 1px solid;



	color: #fff;



	font-size: 0.9em;



	margin: 0;



	padding: 1px 2px;



}







fieldset {



	border: none;



}



textarea#cp_message {



	width: 100%;



}











pre {



	width: 95%;



	overflow:auto;



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



	color: #94661B;



	max-height: 350px;



	line-height: 18px;



	margin: 10px 0;



	border: 1px solid #e6ccb0;



	padding: 5px;



	background: #f8ede1;



}







code {



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



color: #94661B;



padding: 2px;



}







/* Change Log *** 



1.0	: Initial Public Released



1.1  	: Fix Some Minnor Problem



1.2	: Fix Dynamics Sidebar



2.1	: Change License from GPL to Creative Commons Attribution 3.0 License:







*** */