/*_____Theme Info
Theme Name: Graphic Rating - Clouds Theme V3
Description: Graphic Rating Wordpress Theme.
Author: Andy Gongea
Theme URI: http://www.graphicrating.com/
*/

/* _____Color Info
Branding Color: #a8111c (Dark Red)
Post Title Color: #333333 (Dark Gray)
Text Color: #444444 (Dark Gray)
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code, del, font, img, q, s, samp, small, strike, sub, sup, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

html 			{ font:62.5%/1.5em Arial, sans-serif; height:100%; color:#444;}
body 		{ background:#fff url(img/bg-html.jpg) repeat-x top center; height:100%; }
h2 			{ font:italic 24px/1.5em Georgia, serif;}
h2 a 			{ color:#1a4055 !important;}
h2 a:hover 	{ color:#fff !important; background:#1a4055;}
h3 			{ font:700 18px Arial, sans-serif}
h4 			{ font:700 1.6em Georgia, serif}
h5 			{ font:700 1.5em Georgia, serif}
h6 			{ font:700 1.3em Georgia, serif}
p 			{ font-size:14px; margin:0.5em 0 1.5em; line-height:1.5em;}
ul.lista		{ font-size:14px; margin:0.5em 0 2em; line-height:1.5em; }
ul.lista li	{ padding:15px 2px 0; }

a:link {color: #147bb1; text-decoration:none}
a:visited {color: #147bb1; text-decoration:none}
a:hover {background: #147bb1; color:#fff; text-decoration:none}
a:active {color: #147bb1; text-decoration:none}

.more-link { display:none}
.f-left  { float:left} .f-right { float:right}
.lpix 							{ float:left; margin: 0 15px 15px 0}
.rpix 							{ float:right; margin: 0 0 15px 15px}
.gr								{ padding:15px; border:1px dashed #ccc; background-color:#f7f7f7}
.contact-form					{ padding:15px; background:#f5f5f5; font-size:13px}
.note							{ padding:15px; border:1px double #ddd; background:#f5f5f5;} /* photo note in the footer */
.note p							{ font-size:11px; margin:5px;} /* photo note in the footer */
.download 						{ background:#E6EFC2; border:1px solid #C6D880; color:#264409; padding:10px;} /* photo note in the footer */

/*Buttons*/

a#tweet_btn, a#rss_btn, a.submit_btn, #newer-posts a, #older-posts a
{ float:right; width:100px; height:22px; display:block; margin:3px 5px; background:url(img/Sprite.png) no-repeat 0 0; }

a#tweet_btn span, a#rss_btn span, a.submit_btn span, #newer-posts a span, #older-posts a span { display:none; }

a#rss_btn  						{ background-position: -120px 0; }
a.submit_btn  					{ background-position: -240px 0; }
#newer-posts a { width:105px; background-position: -100px -44px; text-indent:-9999px;}
#older-posts a { width:100px; background-position: 0 -44px; text-indent:-9999px;}

div.code, p.code { border:1px solid #ccc; background-color:#f5f5f5; padding:15px; margin:15px; font:11px Verdana, sans-serif}
blockquote p { padding:0 10px; margin-left:15px; border-left:1px dashed #ddd; font:italic 18px/1.5em Georgia; color:#aaa; }


#wrapper 						{ width:960px; margin:0 auto; text-align:left;  background:url(img/bg-header.jpg) no-repeat; min-height:100%; }

#header							{ float:left; width:100%; overflow:hidden; height:200px; }
	h1#logo 						{ float:left; width:188px; height:134px; }
	h1#logo a 					{ width:188px; height:107px; background:url(img/logo.png) no-repeat 0 -10px; display:block; text-indent:-9999px;}
	h1#logo a:hover				{ background:url(img/logo.png) no-repeat; display:block}
	#quotes 						{ float:right; width:700px; height:24px; font:11px/24px Tahoma, sans-serif; text-align:right; color:#fff}
	#quotes span#autor			{ font-weight:bold; text-align:right}
	
	#nav  						{ float:left; width:100%; overflow:hidden; margin:3px 0 30px;}
	#menu  						{ float:left; width:100%; height:35px; line-height:35px;}
		#menu li					{ display:inline; list-style:none}
		#menu li  a				{ font:700 13px Tahoma, Arial, sans-serif; padding:5px 15px; text-decoration:none; color:#fff !important;}
		#menu li  a:hover			{ color:#fff; background:url(img/bg-html.jpg) no-repeat 0 -6px; text-decoration:none; -moz-border-radius:3px; }
		#menu li.current-cat a		{ color:#1d84c5 !important; background:url(img/bg-html.jpg) no-repeat 0 -120px; text-decoration:none; -moz-border-radius:3px;}
	
#body 							{ float:left; width:100%; height:100%; overflow:hidden;}
	#content 					{ float:left; width:630px; }
	.post 						{ float:left; width:630px; margin:0 0 5px; padding:0 0 20px; display:inline;}
	.post h2					{ margin:10px 0;}
	.post p a					{ background:#e5f2f8; }
	.post p a:hover				{ background:#147bb1; }
	.post h3						{ border-bottom:1px solid #ddd}
	.meta 						{ float:left; width:615px; overflow:hidden; font:11px Tahoma, Arial, sans-serif; padding:5px; margin-top:-5px; border-bottom:1px solid #abe1fa }
	.meta a						{ font-weight:bold; padding:2px 5px; margin:0 2px; }
	.comments-section			{ float:left; width:630px}
	#comment-form				{ float:left; width:605px; padding:10px; overflow:hidden; background:#eef5fb !important;}
	label							{ clear:both; float:left; width:180px; padding:5px; margin:2px; display:block; }
	input, select					{ float:left; width:350px; padding:5px; margin:2px;}
	textarea						{ float:left; width:350px; padding:5px; margin:2px;}
	input[type=submit]			{ width:150px !important; }
	
	#spread-post				{ float:left; width:625px; padding:10px 0; overflow:hidden; line-height:1.5em; font-size:12px; border-top:5px solid #555777; }
	#spread-post ul				{ float:right; width:230px; margin:15px; list-style-type:none;  }
	#spread-post ul li a			{ float:left; width:202px; height:30px; text-indent:-9999px; clear:both; margin:4px; display:block; }
	#spread-post ul li a:hover			{ margin:4px 4px 4px 10px;  }
	#spread-post ul li.rss a  			{ background:url(img/Sprite.png) no-repeat 0 -110px}
	#spread-post ul li.twitter a  		{ background:url(img/Sprite.png) no-repeat 0 -170px}
	#spread-post ul li.facebook a  		{ background:url(img/Sprite.png) no-repeat 0 -230px}
	#spread-post ul li.digg a  			{ background:url(img/Sprite.png) no-repeat 0 -80px}
	#spread-post ul li.delicious a  		{ background:url(img/Sprite.png) no-repeat 0 -200px}
	#spread-post ul li.stumbleupon a  	{ background:url(img/Sprite.png) no-repeat 0 -140px}
	
	
	.wpcf7-form p img			{ float:left; }
	.commentlist				{ width:100%}
	.commentlist li				{ background:url(img/bg-html.jpg) repeat-x 320px -249px; }
	.commentlist li.depth-1		{ float:left; width:624px; margin:5px 0; border:1px solid #abe1fa; }
	.commentlist li.depth-2, .commentlist li.depth-3 		{ clear:both; float:right; width:590px; list-style-type:none; border-left:1px dashed #abe1fa;}
	.commentlist li.depth-3		{ width:560px; }
	.commentmetadata			{ float:right; margin-top:-23px;}
	.bypostauthor				{ border:2px solid #1a4055 !important; }
	.pings						{ clear:both; float:left; }
	.tblist						{ float:left; margin-top:20px; font-size:12px;}
	.tblist	li					{ float:left; clear:both; padding:5px 15px;}
	
	#respond					{ float:left; width:100%; } 
	#respond legend				{ padding:10px; font-size:13px}
	.fn a						{ font-size:13px; font-weight:700}	
	.commentlist p				{ margin:0.5em; font-size:1.3em; margin-left:80px;}
	.vcard						{ font-size:18px; height:32px}
	.vcard img					{ float:left; margin:5px}
	.vcard cite					{ float:left; padding:6px 20px; font-size:14px; color:#555;}
	.vcard cite a					{  padding:0 5px; font-size:14px; color:#147bb1; text-decoration:underline;}
	.vcard cite a:hover			{  color:#fff; background:#147bb1;}
	a.c_date					{ font-size:11px !important; font-weight:400; }
	.vcard span					{ display:none}
	.reply a						{ float:right; padding:5px; font-size:13px; font-weight:bold; display:block}
		
	#pagination					{ float:left; width:100%; overflow:hidden; margin:10px 0; text-align:left}
	
	
	#sidebar 					{ float:right; width:305px; overflow:hidden; background:#E5F2F8; }
	#sidebar ul 					{ float:left; width:305px; text-align:left;}
	#sidebar ul li 					{ font-size:11px; list-style:none; border-bottom:1px solid #abe1fa; padding:6px 10px;}
	#sidebar ul li:first-child		{ border-top:none;}
	#sidebar ul li:last-child		{ border-bottom:none;}
	#sidebar h3 					{ float:left; width:285px; padding:5px 5px 5px 15px; font:italic 1.8em Georgia, serif; color:#fff; background:url(img/bg-html.jpg) repeat 30px -40px;}
	#sidebar .side-section		{ font-size:11px;}
	#community-news, #advertising2, #popular-posts, #text-links, #advertising, #advertising2, #adsense, #subscriber	{ float:left; width:305px; margin-bottom:20px; display:inline; border:0;}
		#community-news a														{ font-weight:700; }
		#popular-posts ul li, #text-links ul li 										{ padding:0; }
		#popular-posts ul li a, #text-links ul li a 									{ padding:6px 10px; display:block;}
		#advertising a:hover														{ background:none; }
		#advertising	 														{ padding-top:10px; }
		#subscriber				{ text-align: left; }
		#subscriber h3 a			{ color:#0092c8; padding-left:50px; font:700 13px Tahoma, Arial, sans-serif; }
		
	#searchform 					{ float:right; width:290px; height:32px; padding:9px 0 8px; }
		#searchBtn 				{ float:left; width:70px; height:32px; border:0; color:#fff}
		#s 						{ float:left; width:209px; height:20px; line-height:32px; margin-right:-2px; font-size:14px; padding:6px; border:none;}
			
		
#footer 							{ float:left; width:100%; overflow:hidden; height:150px; color:#fff; background:#222}
#footer p						{ margin:0 0 15px; font-size:11px;}
#footer ul li						{ margin:0 0 0 10px; font-size:11px; float:left; list-style:none;}
#footer-content					{ width:960px; padding:20px; margin:0 auto; font:11px/1.6em Arial, sans-serif}