/*
Theme Name:FrogsThemes
Theme URI:frogsthemes.com
Description:A sexy wordpress theme
Version:1.0
Author:The Floating Frog
Author URI:http://www.thefloatingfrog.co.uk
Tags:simple, clean, single column, grid, portfolio

*/

/* Global reset and styles
-------------------------------------------------------------------*/

	html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin:0; padding:0; }
	h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size:1em; font-weight:normal; font-style:normal; }
	fieldset,img { border:none; }
	caption,th { text-align:left; }
	table { border-collapse:collapse; border-spacing:0; margin-bottom:10px; }
	table td { padding:0 10px 0 0; }

	.hidden, .screen_reader, hr { display:none; } /* Paragraph default styling, amend as desired */
	
	p 							{ margin:0 0 1em 0; padding:0; } /* Default link styling */
	a img 						{ border:0; }
	a 							{ color:#232323; text-decoration:underline; outline:none; }
	a:hover 					{ color:#232323; text-decoration:none; } /* Float an element left with a margin */
	
	.floatL, .alignleft			{ float:left; margin:0 10px 0 0; } /* Float an element Left with a margin */
	.floatR , .alignright		{ float:right; } /* Float an element right with a margin */
	.italic 					{ font-style:italic; } /* Italisise */
	.center						{ text-align:center; }
	.upper 						{ text-transform:uppercase; } /* Italisise */
	.clear 						{ clear:both; }
	.hideText					{ text-indent:-3000em; overflow:hidden; }
	
	.clearfix:after 			{ content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* Default
-------------------------------------------------------------------*/

	html, body 					{ font:14px/1.4em Arial, Helvetica, sans-serif; color:#232323; }	
	body 						{ background:url(images/bg.gif) repeat-y top center #f5f3ea; text-shadow:#fff 0 1px 0; border-top:1px solid #C8C6BF; }
	
	#contentwrap				{ float:left; width:100%; margin:0 0 30px 0; }
	#content					{ float:left; width:670px; margin:0 -10px 0 0; overflow:hidden; }
	#content2					{ float:left; width:610px; margin:0 -10px 0 0; padding:0 0 0 30px; }
	#sidebar					{ float:right; width:330px; }

/* Template
-------------------------------------------------------------------*/

	#wrapper					{ width:100%; text-align:center; }
	#innerwrap					{ width:1000px; margin:0 auto; position:relative; text-align:left; }
	#headerwrap					{ width:100%; height:78px; text-align:center; }
	#header						{ width:1000px; height:78px; margin:0 auto; padding:30px 0 0 0; }
	
/* Header
-------------------------------------------------------------------*/
	.blogInfo					{ float:left; padding-left:30px; }
	.blogInfo p,
	.blogInfo a					{ margin:0; padding:0; }
	.blogInfo a					{ width:260px; height:80px; background:url(images/frogsthemes-logo.gif) no-repeat 0 0; overflow:hidden; display:block; }
	.blogInfo a:hover,
	.blogInfo a:active			{ background-position:0 -80px; }
	
	.pages						{ float:right; padding-right:30px; }
	.pages ul					{ padding:0; margin:0; list-style:none; }
	.pages li					{ float:left; margin:0 0 0 15px; }
	.pages a					{ font-weight:bold; padding-bottom:5px; text-decoration:none; }
	.pages a:hover				{ text-decoration:none; border-bottom:1px dotted #232323; }
	.pages a:active				{ border-bottom:1px solid #232323; }
	
/* Featured
-------------------------------------------------------------------*/

	#featured					{ float:left; width:100%; }
	.details					{ width:335px; float:left; padding:20px 0 20px 30px; }

	h1, h2, h3					{ margin:0 0 20px 0; padding-top:5px; }

	h1 a, h2 a, h3 a			{ text-decoration:none; }
	h1 a:hover, h2 a:hover, h3 a:hover { text-decoration:underline; }

	h1							{ font-size:60px; }
	h2							{ font-size:30px; }
	h3							{ font-size:24px; }
	
	.fimg						{ float:right; }
	
/* DEMO Bar
-------------------------------------------------------------------*/
	
	#demobar					{ background:url(images/fray.gif) repeat-x bottom left #fff; float:left; width:100%; clear:both; padding:30px 0; margin:0 0 30px 0; border-top:1px solid #e5e3d3; }

	.demo, .dnd, .downloadforfree{ padding:0 0 0 8px; }
	.demo,
	.download,
	.dnd,
	.downloadforfree			{ float:left; }
	.demo a 					{ background:url(images/buttons.gif) no-repeat 0 0; display:block; width:195px; height:58px; }
	.demo a:hover				{ background-position:0 -58px; }
	.download a 				{ background:url(images/buttons.gif) no-repeat -195px 0; display:block; width:258px; height:58px; }
	.download a:hover			{ background-position:-195px -58px; }
	.dnd a 						{ background:url(images/button_dnd.gif) no-repeat 0 0; display:block; width:382px; height:63px; }
	.dnd a:hover				{ background-position:0 -63px; }
	.downloadforfree a 			{ background:url(images/button_d.gif) no-repeat 0 0; display:block; width:382px; height:65px; }
	.downloadforfree a:hover	{ background-position:0 -65px; }

	/* SOCIAL ICONS */
	.social						{ float:right; padding:0 20px 0 0; }
	.social	h3					{ font-size:24px; float:left; width:125px; padding:5px 0 0 0; }
	.social	ul					{ float:left; list-style:none; padding:0; margin:0; }
	.social	li					{ float:left; height:84px; width:71px; text-indent:-3000em; margin:-15px 0 0 0; }
	.social	li a				{ display:block; height:84px; width:71px; background:url(images/social.jpg) no-repeat; overflow:hidden; opacity:0.85;  }
	.social	li a:hover			{ opacity: 1.0; }

	.social	.facebook					{ background-position: 0 0; }
	.social	.facebook:hover				{ background-position: 0 -84px; }

	.social	.twitter					{ background-position: -71px 0; }
	.social	.twitter:hover				{ background-position: -71px -84px; }

	.social	.stumble					{ background-position: -142px 0; }
	.social	.stumble:hover				{ background-position: -142px -84px; }

	.social	.delicious					{ background-position: -213px 0; }
	.social	.delicious:hover			{ background-position: -213px -84px; }

	.social	.yahoo						{ background-position: -284px 0; }
	.social	.yahoo:hover				{ background-position: -284px -84px; }
	
	/* SOCIAL ICONS - Tooltips */
	.shareLinks					{ z-index:1000; }
	
	.socialtooltip 				{ padding: 0; position: relative; }
	.socialtooltip em 			{ width:180px; height:121px; position: absolute; top:-140px; left:-54px; text-align: center; text-indent: -9999px; z-index: 1002; display:none; }
	
	.facebooktip				{ background: url(images/tooltips/facebook.png) no-repeat; }
	.twittertip					{ background: url(images/tooltips/twitter.png) no-repeat; }
	.stumbletip					{ background: url(images/tooltips/stumble.png) no-repeat; }
	.delicioustip				{ background: url(images/tooltips/delicious.png) no-repeat; }
	.yahootip					{ background: url(images/tooltips/yahoo.png) no-repeat; }

/* SOCIAL ICONS */



	
/* ADS Bar
-------------------------------------------------------------------*/

	.ads						{ float:left; width:100%; clear:both; text-align:center; padding:10px 0; margin:0 0 30px 0; border-top:1px solid #e5e3d3; border-bottom:1px solid #e5e3d3; text-align:center; overflow:hidden; }
	.ads p						{ padding:0; margin:0; overflow:hidden; }
	
/* listings
-------------------------------------------------------------------*/

	.portfolioitems				{ float:left; width:100%; margin:-20px 0 50px 0; }
	.portfolioitems h3			{ font-size:36px; text-align:center; width:100%; padding:40px 0; margin:0; clear:both; }
	
	.excerptitem				{ width:330px; float:left; margin:0 0 40px 0; position:relative; }
	.excerptitem .thumb			{ padding:16px 20px 3px 24px; width:277px; height:203px; background:url(images/sitebgthumb.gif) no-repeat; margin:0 0 10px 0; }
	.excerptitem .thumb:hover	{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); }
	.excerptitem p				{ font-size:18px; padding:0 20px; text-align:center; }
	.pricelabel					{ position:absolute; top:16px; right:29px; }
	.excerptitem .thumb:hover .pricelabel { top:16px; right:20px; }

	
/* Articles
-------------------------------------------------------------------*/

	.articles					{ float:left; width:100%; margin:0 0 30px 0; }
	.articles h2				{ font-size:36px; margin:0 0 30px 0; }
	
	.post						{ float:left; width:100%; padding:0 0 30px 0; }
	.athumb						{ float:left; background:url(images/fray.gif) repeat-x bottom left #fff; padding:5px 5px 15px 5px; margin:0 30px 0 0; }
	.athumb:hover				{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); }
	.postinfo					{ float:left; width:840px; margin:0 0 20px 0; }
	#content2 .postinfo			{ width:480px; }
	.postinfo h3				{ font-size:30px; margin:0 0 5px 0; }
	.postinfo h3 a				{ text-decoration:none; }
	.postinfo p					{ margin:0; font-size:1.2em; margin:0 0 5px 0; }
	.postinfo p a				{ font-weight:bold; font-style:italic; }
	
	
/* Footer elements
-------------------------------------------------------------------*/

	.footerwrap					{ float:left; width:100%; clear:both; font-size:0.9em; line-height:1.2em; position:relative; padding:0 0 20px 0; }
	.footer						{ background:url(images/fray.gif) repeat-x bottom left #fff; float:left; width:940px; padding:30px; margin:0 0 20px 0; }
	.footer a					{ font-weight:bold; font-style:italic; }
	
	.subscribe					{ float:left; width:300px; margin:0 20px 0 0; }
	.twitter					{ float:left; width:300px; }
	.aboutcopy					{ float:right; width:300px; }
	
	.footer h3					{ font-size:21px; margin:0 0 10px 0; }
	
	.subscribe .floatR			{ margin:-20px 0 0 0; }
	.subscribe .floatR a img:hover { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); }

	.emailsubscribe				{ width:286px; height:76px; padding:14px 12px; margin:0 -10px 15px 0; background:url(images/emailsubscribe.gif) no-repeat; } 
	.emailsubscribe input[type=text] { border:1px solid #e5e3d3; padding:6px 4px; font-size:1.1em; width:165px; margin:0 5px 5px 0; text-align:left; }
	.emailsubscribe input[type=submit] { border:0; padding:0; margin:0; text-indent:-3000em; overflow:hidden; width:89px; height:35px; background:url(images/button_subscribe.gif) no-repeat; }
	.emailsubscribe input[type=submit]:hover { background:url(images/button_subscribe.gif) no-repeat 0 -35px; outline:none; }
	.emailsubscribe input[type=submit]:active { margin-top:1px; }
	.rss						{ background:url(images/rss.gif) no-repeat 0 0; padding:3px 0 3px 25px; clear:left; width:275px; }
	.rss a						{ color:#ed8e27; font-weight:normal; font-style:normal; }
	.rss a strong				{ font-weight:bold; }
	
	.twitter p					{ font-style:italic; font-size:0.9em; }
	
	.copy a						{ text-decoration:underline; padding:0 3px; }
	.copy						{ padding:0 30px; }
	
	.frog						{ position:absolute; bottom:-22px; right:20px; }
	
	#top_link					{ background:url(images/btt.gif) no-repeat; bottom:30px; color:#fff; text-shadow:none; height:24px; font-size:0.9em; padding:3px 0 0 31px; position:fixed; right:-72px; text-decoration:none; width:69px; }
	
	.widget_tag_cloud a			{ line-height:2.6em; padding:5px; font-size:11px!important; text-decoration:none; margin:0 3px 0 0; background:#F5F3EA; border-bottom:1px solid #E7E5D7; color:#ED8E27; font-weight:bold; font-style:italic; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; text-shadow:none; white-space:nowrap; }
	.widget_tag_cloud a:hover	{ background:#E7E5D7; }
	
/* Theme options
-------------------------------------------------------------------*/
	
	.feature					{ width:310px; margin:0 20px 10px 0; float:left; }
	.feature .img				{ float:left; background:url(images/fray.gif) repeat-x bottom left #fff; padding:5px 5px 15px 5px; margin:0 20px 20px 0; }
	.feature .img:hover			{ -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }

	.feature h3					{ float:left; width:150px;font-size:21px; }
		
/* Sidebar
-------------------------------------------------------------------*/

	#sidebar h3					{ font-size:24px; margin:0 0 10px 0; }
	.ticklist					{ list-style:none; padding:0; margin:0 0 20px 0; }
	.ticklist li				{ background:url(images/tick.gif) no-repeat 0 0; padding:3px 0 10px 30px; }
	
	#sidebar ul					{ padding:0; list-style:none; }
	
	.pagesidebar .widget		{ float:left; background:url(images/fray.gif) repeat-x bottom left #fff; padding:20px 20px 40px 20px; margin:0 0 30px 0; width:290px; border-top:1px solid #e5e3d3; }

/* Comments
-------------------------------------------------------------------*/

	#comments h4				{ font-size:18px; line-height:1.2em; margin:0; color:#232323; font-style:italic; border-top:1px dotted #ccc; padding:10px 0;  }
	
	.commentEntry				{ padding:15px 0; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; margin-bottom:-1px; }
	.avatar						{ float:left; background:#fff; padding:10px; margin:0 30px 15px 20px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border:1px solid #cbcbcb; -webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4); }
	.avatar:hover				{ -webkit-transform: scale(1.03); -moz-transform: scale(1.03); }
	.commentContent				{ float:left; width:400px; padding:5px; font-style:italic; color:#232323; }
	.commentMeta				{ border-top:1px dotted #ccc; font-size:0.9em; font-style:normal; padding:12px 0 0 140px; }
	.commentMeta a				{ font-style:italic; color:#232323; text-decoration:underline; }
	.commentMeta a:hover		{ text-decoration:none; }
	.nocomments					{ font-size:1.2em; padding:25px 0; }
	
	.leaveComment				{ padding-bottom:19px; }
	
	/* Comment form
	--------------- */
	
	.commentForm				{ text-transform:uppercase; margin:0; padding:15px 0; }
	.commentForm em				{ text-transform:lowercase; font-style:italic; color:#232323; font-size:0.9em; }
	
	label 						{ display:block; font-size:0.9em; }
	
	input[type=text],
	textarea					{ border:1px solid #ddd; padding:7px 5px; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#232323; -moz-border-radius:5px; -webkit-border-radius:5px; width:450px; }
	
	textarea					{ height:153px; }
	
	input:focus,
	textarea:focus				{ border-color:#999; color:#333; }
	
	input[type=submit]			{  padding:3px 10px; color:#fff; font-weight:bold; background:#666; border:1px solid #666; border-radius:3px;
								-webkit-transition:border-color .2s ease-in, background-color .2s ease-in; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; }
	#content2 input[type=submit]:hover,
	input[type=submit]:focus	{ background:#232323; border-color:#232323; }
	
	#content2 .commentFormLeft,
	#content2 .commentFormRight	{ float:none; width:auto; }
	#content2 input[type=text],
	#content2 textarea			{ width:598px; clear:both; }
	#content2 .commentMeta		{ padding:12px 0 0 0; }
	
	#sidebar input[type=text],
	#sidebar textarea			{ width:248px; }
	
	#content2 .contactform input[type=text],
	#content2 .contactform textarea	{ width:530px; }
	
	/* Misc
	-------------- */

	.license					{ font-size:0.8em; line-height:1.2em; }
	.newsletterform				{ background:url(images/fray.gif) repeat-x bottom left #fff; float:left; width:940px; clear:both; padding:30px; margin:0 0 30px 0; border-top:1px solid #e5e3d3; }
	.newsletterform input[type=text] { width:275px; }
	.newsletterform label 		{ font-size:18px; }
	
	.name, .email				{ float:left; margin:0 20px 10px 0; }
	.submit 					{ float:clear; }
	
	.ddwrap 					{ padding:0 30px; margin:0 0 20px 0; clear:both; }
	.ddwrap a 					{ font-weight:bold; text-decoration:underline; }
	.ddwrap a:hover 			{ text-decoration:none; }