/*  
Theme Name: GPS-AUTO BLOG
Theme URI: http://blog.gps-auto.ro/
Description: Custom theme for GPS-AUTO blog, by AROBS Transilvania Software
Author: AROBS Transilvania Software
Author URI: http://www.gps-auto.ro/

Custom theme for GPS-AUTO blog
*/

body { background: url('images/top_bg.jpg') #fff 0 0 repeat-x;
	  color: #000;
	  font: 75%/1.6em Verdana, Arial, Tahoma, sans-serif;
	  text-align: center;}
	  
img, a img { border: 0;}
/*------------------------------------------------------------------------------------------------------------------------
links
---------------------------------------------------------------------------------------------------------------------------*/
a { text-decoration: none;
    color: #0661B0;}
	
a.ping{ background: url('images/ping.png') 0 0 no-repeat;
        padding-left: 20px;}		

/*------------------------------------------------------------------------------------------------------------------------
headings
---------------------------------------------------------------------------------------------------------------------------*/
h2 { font-size: 120%;}	

h2.green { background: url('images/long_green_header.jpg') no-repeat;
		   width: 598px;
		   height: 21px;
		   color: #fff;
		   padding-left: 8px;}

h2.green_short { background: url('images/short_green_header.jpg') no-repeat;
     			 width: 260px;
				 height: 20px;											 
				 padding-left: 8px;
	    		 color: #fff;}	

h2.dark, h2.light { width: 177px;
				   height: 21px;
				   padding: 0 0 0 5px; }

h2.dark{ background: url('images/dark_blue_header.jpg') no-repeat;
		 color: #fff;}																			   
									   
h2.light { background: url('images/light_blue_header.jpg') no-repeat;
		  color: #000;}									   				 

h3 { font-size: 110%;}

h4 { font-size: 105%;}

/*------------------------------------------------------------------------------------------------------------------------
lists
---------------------------------------------------------------------------------------------------------------------------*/  
ul.arrow, ul.arrow li { list-style-type: none;
					margin: 0;
					padding: 0;
					list-style-image: url('images/icons/sageata.png');} 

/*------------------------------------------------------------------------------------------------------------------------
tables
---------------------------------------------------------------------------------------------------------------------------*/
table { border: 1px solid #bebcb7;
	  width: 650px;
	  color: #000;
	  margin-left:30px;}		   
			   
table  tr.alt { background: #eeeded;}			   
			   
table  tr th { background: #bccfe2;                   
				   font-weight: bold;
				   text-align: center;
				   border-bottom: 1px solid #94aec4;}			   
				   
table tr td { border: 1px solid #bebcb7;
                   border-left: 0;
				   border-top: 0;
				   text-align: center;
				   vertical-align: top;}				   
				   
table tr td.last { border-right: 0;}

table tr.last td { border-bottom: 0;}

table tr.last td.last { border-right: 0;}

table a { color: #1e7ec8;
	   text-decoration: underline;
	   font-weight: bold;} 

/*------------------------------------------------------------------------------------------------------------------------
horizontal line
---------------------------------------------------------------------------------------------------------------------------*/						
hr.blue { border: 0;
         height: 3px;
		 background: #0661b0;}		
										
hr.gradient { border: 0;
             background: url('images/hr_bg.jpg') repeat-x;
			 height: 5px;
			 margin: 10px 6px 10px 0px; }
			 
hr.grey { background: #bababa;
         border: 0;
		 height: 1px;}			 
/*------------------------------------------------------------------------------------------------------------------------
generic classes
---------------------------------------------------------------------------------------------------------------------------*/  
.clear { clear: both;}	  

.hide { display: none;}

.fLeft { float: left;}

.fRight { float: right;}

.center { text-align: center;}

.strong { font-weight: bold;}

.dotted { border-bottom: 3px dotted #000;}

/*------------------------------------------------------------------------------------------------------------------------
colors
---------------------------------------------------------------------------------------------------------------------------*/ 
.orange { color: #fc7300;}

.blue { color: #0661b0;}

.blue_disabled { color: #97aabd;}

.red { color: #ff0000;}

.black { color: #000;}

.mid_green { color: #339966;}

.teal { color: #33cccc;}

/*------------------------------------------------------------------------------------------------------------------------
icons
---------------------------------------------------------------------------------------------------------------------------*/
a.ym{ background: url('images/yahoo.png') 0 0 no-repeat; }

a.twit{ background: url('images/twitter.png') 0 0 no-repeat;}

a.rss{ background: url('images/rss.png') 0 0 no-repeat;}

a.facebook{ background: url('images/facebook.png') 0 0 no-repeat;}

/*------------------------------------------------------------------------------------------------------------------------
blog
---------------------------------------------------------------------------------------------------------------------------*/
p.postmetadata { text-align:center;}

input.text, textarea#comment { width: 675px;}

input.button {background: #618499;
			border: 1px solid #406a83;
			color: #fff;
			font-weight: bold;
			height: 20px;
			font-size: 95%;}

.commentlist li { font-weight: bold; }

.commentlist cite, .commentlist cite a { font-weight: bold;
									font-style: normal;
									font-size: 1.1em;}

.commentlist p { font-weight: normal;
				line-height: 1.5em;
				text-transform: none;}

.commentmetadata { font-weight: normal; 	}

/*------------------------------------------------------------------------------------------------------------------------
WRAPPER
---------------------------------------------------------------------------------------------------------------------------*/	  
div.wrapper { width: 1010px;
			margin: 11px auto;			
			background: url('images/wrap_bg.jpg') 0 0 repeat-y;
			text-align: left;}
			
/*------------------------------------------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------------------------------------------*/			
div.header div.top	{ background: url('images/header_top.jpg') 0 0 no-repeat;
				  height: 6px;}	

div.header div.logo { margin: 0 10px 0px 8px;
				   background: url('images/header_bg.jpg');
				   height: 160px;}	

div.header div.logo div.left { float: left;
						  width: 192px;
						  padding-left: 25px; }		
						  
div.header div.logo div.left a { display: block;
							background: url('images/head_logo.jpg') no-repeat;
							width: 142px;
							height: 155px;}						  

div.header div.logo div.right { float: right;
							   	width: 775px;
							   	height: 160px;
							   	background: url('images/header_dark_bg.jpg') 150px 37px no-repeat;
							   	color: #fff;
							   	position: relative;}
							   	
div.header div.logo div.right div.social_medium{ position: absolute;
												 bottom: 0;
												 right: 0;}
												 
div.header div.logo div.right div.social_medium ul, div.header div.logo div.right div.social_medium ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.header div.logo div.right div.social_medium ul{
	margin-right: 6px;
}

div.header div.logo div.right div.social_medium ul li{
	float: right;
	width: auto;
	margin-left: 5px;
}

div.header div.logo div.right div.social_medium ul li a {
	display: block;
	width: 62px;
	height: 78px;	
}

div.header div.logo div.right div.social_medium ul li a span{
	display: none;
}	  
							   
div.header div.logo div.right h1  { margin-top: 60px;}									   
										  
div.header div.logo div.right h1 a { color: #fff; 
							   text-decoration: none;}										  

div.header div.logo div.right span { font-size: 130%;
							   font-weight: bold;}

/*------------------------------------------------------------------------------------------------------------------------
MIDDLE: MENU & SEARCH
---------------------------------------------------------------------------------------------------------------------------*/
div.middle-container { margin: 0 10px 0 8px;
					 padding: 0;}
					 
div.middle-container	 a { text-decoration: none;
						color: #0661B0;}
					 
div.middle-container div.menu { width: 710px;
							float: left;}					 

div.middle-container div.menu ul, div.middle-container div.menu ul li { margin: 0;
															  padding: 0;
															  list-style-type: none;}
															  
div.middle-container div.menu ul li { float: left;							    
								text-align: center;}															  
								
div.middle-container div.menu ul li a { display: block;
								 background: url('images/tabs.jpg') 0 0 no-repeat;
								 height: 25px;
								 width: 177px;								
								 color: #f6fbf1;
								 font-weight: bold;
								 text-decoration: none;
								 padding-top: 3px;}		

div.middle-container div.menu ul li a:hover { background-position: 0 -29px;
									   color: #2a7da1;}	

div.middle-container div.menu ul li.current a, div.middle-container div.menu ul li.current a:hover { background-position: 0 -58px;
																					    color: #fff;}								 

div.middle-container div.search { float: right;
							   width: 282px;
							   height: 28px;							  
							   background: url('images/search_bg.jpg') no-repeat;							   
							   text-align: center;}						   
							   
div.middle-container div.search input.text { width: 240px;
										border: 1px solid #000;
										margin-left: 8px;
										float: left;
										margin: 5px 5px 0 5px;}							   
										
div.middle-container div.search input.button { width: 24px; 
										  height: 25px; 
										  border: 0; 
										  background: url('images/search_button.jpg') no-repeat;
										  float: left;
										  margin-top: 3px;}		   
									   
/*------------------------------------------------------------------------------------------------------------------------
MIDDLE: MIDDLE COLUMN
---------------------------------------------------------------------------------------------------------------------------*/									   

div.middle-container div.midCol { float: left;
							   width: 691px;		
							   padding: 5px 5px 5px 25px;
							   border: 1px soild red;}
							   

div.middle-container div.midCol div.large_box { border: 1px solid #adadad;
											padding: 3px 5px;
											width: 588px;									 
											margin-left: 4px;}															 
											
div.middle-container div.midCol div.large_box img { padding: 10px;}											

div.middle-container div.midCol form.frmPg { background: url('images/pagin_bg.jpg') repeat-x;
								         color: #2f2f2f;
										 height: 24px;
										 padding: 5px 7px 0 7px;}
										 
div.middle-container div.midCol form.frmPg select { width: 80px;
                                             border: 1px solid #b6b6b6;}										 
											 
div.middle-container div.midCol form.frmPg span.asc, div.middle-container div.midCol form.frmPg span.desc { margin-right: 50px;}
											 
/*------------------------------------------------------------------------------------------------------------------------
MIDDLE: RIGHT COLUMN
---------------------------------------------------------------------------------------------------------------------------*/			
div.middle-container div.rightCol { float: right;
								width: 265px;
								padding: 16px 2px 5px 2px;}
								
div.middle-container div.rightCol ul, div.middle-container div.rightCol ul li {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
}

div.middle-container div.rightCol ul li.center{
	text-align: center;
}

div.middle-container div.rightCol ul li ul, div.middle-container div.rightCol ul li ul li { list-style-image: url('images/sageata.gif');}

div.middle-container div.rightCol ul li ul { margin-left: 25px;}

div.middle-container div.rightCol ul li ul li a { color: #707070; 
										text-decoration: none; 
										font-weight: bold;}
										
div.middle-container div.rightCol ul li ul li.aktt_more_updates { display: none;}										
										
div.middle-container div.rightCol p.akkt_credit { text-align: right;}

div.middle-container div.rightCol a.twitter_btn{ background: #fff url('http://www.pdaromania.ro/wp-content/twitter_btn.png') no-repeat;
											   display: block;
											   width: 128px;
											   height: 128px;
											   margin: 0 0 0 60px;}										
											   
div.middle-container div.rightCol a.twitter_btn span { display: none;}											   
										
/*------------------------------------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------------------------------------*/						   
div.footer-container { text-align: center;}

div.footer-container div.navigation ul, div.footer-container div.navigation ul li { list-style-type: none;
																		  margin: 0;
																		  padding: 0;}

div.footer-container div.navigation ul { margin: 0 auto;
									width: 770px;}

div.footer-container div.navigation ul li { border-right: 1px solid #7abe37;
									  float: left;}
									  
div.footer-container div.navigation ul li.last { border-right: 0;} 									  

div.footer-container div.navigation ul li a { color: #000;
										text-decoration: none;
										display: block;
										padding: 5px 12px;}

div.footer-container div.fineprint { background: url('images/footer_bg.jpg') no-repeat;
								  height: 29px;
								  color: #fff;
								  margin: 0;
								  padding-top: 14px;}