/*  
Theme Name: RGB Garden
Theme URI: http://www.rgbgarden.com
Description: This is the customized theme for RGB Garden.
Version: 1.0
Author: Rambal
Author URI: http://www.rillusion.com

*/
/*******************
GENERAL
********************/
*													{ margin: 0;padding: 0; border:0;}
body, h1, h2, h3, h4, h5, h6, 
address, blockquote, dd, dl, hr, p, form			{ margin: 0;padding: 0; border:0;}

body												{ margin: 0; font-family: Arial, Helvetica, Verdana, Sans-serif;
													  font-size: 12px; color: #ffffff;
													  background: #161a23 url(images/bg.gif) repeat-x left top;
													}
h1													{ font-size: 24px; padding: 0 0 10px 0; }
h2													{ font-size: 20px; padding: 0;}
h3													{ font-size: 18px; padding: 0;}
h4													{ font-size: 14px; padding: 0;}
a:link, a:visited									{ text-decoration: none; color: #fff;}
a:hover												{ text-decoration: none; color: #ec5800; }
p													{ padding: 5px 0; }
.clear												{ clear:both; margin:0; padding:0; border:0; }
/*******************
Header
********************/
#wrapper											{ margin: 0 auto; width: 940px;}
#header												{ width: 940px;	height: 125px; margin: 0 auto; 
													  background:url(images/headbg.jpg) no-repeat center top; }
.hmenu												{ padding: 7px 0 0 0; margin:0; float:right;}
.hmenu ul											{ list-style-type:none; text-transform:uppercase;}
.hmenu ul li										{ float:left;}
.hmenu ul li a,
.hmenu ul li a:visited								{color:#75787c; margin:0 20px 0 0; text-decoration:none; padding:0;}
.hmenu ul li a:hover								{color:#fff;}
.logo												{ text-indent:-99999px; overflow:hidden; height:87px;	width:363px;
													  background:url(images/rgbgarden.gif) no-repeat left top; display:block;
													  margin:15px 0 0 0;
													}

/********************
  Nav1
  *******************/
#nav1 												{ font-size: 12px; height: 30px; text-transform:uppercase; width:600px;	
													  float:left;	margin:11px 0 0 0;
													}
#nav1 ul li 										{ float: left; line-height: 30px;	padding: 0;	text-align: center;	 list-style-type:none; }
#nav1 ul li a 										{ background: url(images/tab.gif) no-repeat left center;	color: #8b8c94;	display: block;
													  position: relative; float: left; text-decoration: none; width: 128px; cursor: pointer;
													  padding: 0; margin: 0 2px 0 0; height:30px;
													}
#nav1 ul li a:hover 								{ text-decoration: none; color:#fff; 
													  background:url(images/tabhover.gif) no-repeat left center;
													}
#nav1 .active_category a							{ background: url(images/tabhover.gif) repeat-x left top; color:#fff; }
#nav1 .current_page_item a							{ background: url(images/tabhover.gif) repeat-x left top; color:#fff; }

/*******************
Right Menu
*******************/
.rightmenu											{ width:300px; float:right; margin: 13px 0 0 0;}
#search												{ background:none; width: 195px; margin:0; padding:0; float:left; display:inline;}
#searchsubmit										{ background: url(images/sbg.gif) no-repeat left top; color:#50535f; font-size:5px; 
											 		  display:block; width:33px; height:25px; float:left;
													}													
#s													{ background: #4c4d55 url(images/tboxbg.gif) no-repeat left top; color: #ffffff; 
											 		  width: 150px;	height: 21px; border:none; margin:0; padding: 4px 0 0 5px; float:left;
													  font-size: 12px;
													}
.rss												{ float:left; margin: 0 0 0 10px;
													}
.buysell											{padding:0; margin: 20px 0;}													
/*******************
Body
********************/
#containerbody										{ width: 940px; margin: 0 auto; padding:0;}
#container											{ float: left; width: 520px; margin: 30px 0 0 0;}


/********************
Thumbnails
********************/
.pic img 											{ border: 1px solid #393c43; display: block; text-align:center;	}
.pic.fl img 										{ margin: 3px 0 0 4px; }

.post5												{ background:#22262e; border:solid 1px #393c43; width:230px; float:left; 
													  margin: 0 10px 10px 0; padding:10px 8px 0 8px;}
.post5 h5											{ color:#ec5800; font-size:12px; text-decoration:none; padding:10px 5px; font-weight:normal;}
.post5 h5 a, .post5 h5 a:visited					{color:#ec5800; text-decoration:none;}
.post5 h5 a:hover									{color:#fff; text-decoration:none;}

/*******************
Post
********************/
.post												{ background:#22262e; border:solid 1px #393c43; padding: 0px; margin:0 0 20px 0; width:480px;	}
.post h2											{ font-size: 24px; text-decoration: none; font-weight:bold; padding:10px; margin: 0 0 0 10px;
													  color:#ec5800;
													}
.post h2 a:link, 
.post h2 a:visited 									{ text-decoration: none; color:#ec5800; }
.post h2 a:hover 									{ text-decoration: none; color:#fff; }
.post h4											{font-weight:normal; text-transform:uppercase; font-size:14px;}
.entry												{ line-height: 165%; color: #afafb7; font-size:12px; padding: 0 0 15px 20px; margin: 0;}
.entry img											{ padding: 0px; margin:20px 0; }
.postmetadata										{ color: #7e7f88; font-size: 11px; margin:0; border-top:solid 1px #4e5158;
													  border-bottom:solid 1px #4e5158; padding:10px 20px;
													}												
.post p												{ padding:0; margin:0 20px 0 0;}													
.postmetadata a:link, .postmetadata a:visited 		{ color:#7e7f88;}
.postmetadata a:hover 								{	color:#fff;text-decoration: none; }
.post img											{padding:0; border: solid 1px #fff;}


/* =PageNavi
-------------------------------------------------------------- */
 
/* Use !important to override PageNavi CSS */
 
.wp-pagenavi a, .wp-pagenavi a:link, 
.wp-pagenavi a:active 								{ color: #454850 !important; background:transparent !important; }
.wp-pagenavi a:hover 								{}
.wp-pagenavi span.pages 							{ background:transparent !important;}
/*.wp-pagenavi span.current {
background:transparent !important;
}*/
.wp-pagenavi span.extend 							{ background:transparent !important;}

/*******************
SiderBar
********************/
.sidebar									{ float: right;	width: 410px; color: #8b8c94; margin: 30px 0 0 0; display:inline; }
.sidebar a:link, .sidebar a:visited			{ color: #8b8c94; text-decoration: none; }
.sidebar a:hover 							{ color: #fff; text-decoration: none; }
.sidebar ul									{ list-style-type: none; margin: 0px; padding: 0px;}
/*.sidebar ul li h2							{ font-size: 14px; font-weight: normal; color:#ec5800; text-transform:uppercase; border-bottom: solid 1px #393e46; padding:5px 5px 5px 12px;
											  width: 400px;   background:#232730; 
											}*/
											
.sidebar .ads 								{ float: left; padding:10px; border: solid 1px #393c43; margin: 20px 0; width: 355px;}
.sidebar .ads img a:link 					{ border:none; }
.ad1										{margin: 10px 5px 0 0;}		
.ad2										{margin: 10px 5px 0 0;}	
											
										
/********************************
single bar
**********************************/
.cats										{ border: 1px solid #393e46; background:#22262e; margin: 0px 16px; height:134px; width: 375px;}
.cats ul li h2								{ font-size: 16px; font-weight: bold; color:#ec5800; border-bottom: solid 1px #393e46; 
											  padding:5px 5px 5px 12px;}
.cats ul									{ margin:0;  }
.cats ul li ul li							{ display: block; padding: 5px;	margin: 0px 7px; border-bottom: 1px solid #393e46;
											  background:url(images/heart.gif) no-repeat left 8px; text-indent:17px;}

#singlebar 									{ display: block; width: 375px; font-size: 12px; margin: 0px 16px;	padding: 0px;}
.l1											{ float:left;}
.l2											{float:left;}
.l3											{float:left;}

/**************************
Links
***************************/
.links										{ border: 1px solid #393e46; background:#22262e; margin: 0px; width: 375px;}
.links ul li h2								{ font-size: 16px; font-weight: bold; color:#ec5800; border-bottom: solid 1px #393e46; 
											  padding:5px 5px 5px 12px;}
.links ul li ul li							{ display: block; padding: 5px;	margin: 0px 10px; border-bottom: 1px solid #393e46;
											  background:url(images/flag.gif) no-repeat left 5px; text-indent:17px;}											  
/*******************
Comments
********************/

.comments-template							{ margin:0 ;  padding:10px; background-color: #22262e;border-top:solid 1px #4e5158;	}
.comments-template ol						{ margin: 0; padding: 0 0 25px 0 ; list-style: none; }
.comments-template ol li					{ margin: 15px 0 0 0;	line-height: 18px; padding: 6px; background:#393c43; 
											  border:solid 1px #4e5158; }
.comments-template h2, 
.comments-template h3						{ color:#ec5800; font-size: 16px; padding:10px 0; margin: 0 0 10px 0; 
											  border-bottom: 1px solid #4e5158; text-transform:uppercase; font-weight:normal;
											}
#comments									{ color: #ec5800;}
.commentmetadata							{ font-size: 12px; color: #919397;	padding: 2px; margin:0; }
.commentmetadata img						{ float:left; margin: 0 10px 0 0;}
.comments p									{ padding:10px 0 0 30px;}
.comments-template p.nocomments				{ padding: 0; }
.comments-template textarea					{ font-size: 11px;}
.comtag										{ font-size: 11px; color: #fff; margin-top:15px; }
#comment									{ background: #373a42 url(images/textboxbg.gif) repeat-x left top; width: 400px; 
											  border: 1px solid #43464d; color:#fff; font-family:Arial, Helvetica, sans-serif; margin:7px 0;}
#url, #email, #author						{ background: #373a42 url(images/textboxbg.gif) repeat-x left top; width: 220px; height: 17px;
											  border: 1px solid #43464d; padding-top:5px; color:#fff; margin:7px 0;
											}
#submit										{ background: #c40013 url(images/cbg.gif) repeat-x left top; height: 26px; border: 1px solid #f99600;
											  color: #fff; font-size: 11px; text-transform:uppercase; font-weight:bold; padding:5px; 
											  margin:10px 0;
											}

/*******************
Footer
********************/
#footer										{ margin: 40px auto 0 auto; color:#8b8d91; font-size:11px; width:940px;
											  background:url(images/footer.gif) no-repeat center bottom; height:150px;
											}
#footer a,
#footer a:visited							{ text-decoration:none;}
#footer a:hover								{ text-decoration:none;}
.copyleft									{ float:left;}
.copyright									{ float:right; text-align:right; padding:80px 0 0 0;}
#footer p									{ padding:10px 0 0 0;  }