/*
Theme Name: RevGen 2009
Theme URI: 
Description: Revgenetics WP theme
Version: 1
Author: Bojan Janjanin
Author URI: http://yesterdayishere.com/
*/

/* RevGenetics screen stylesheet, Feb 2009 */

* { margin: 0; padding: 0 }

a:link { color: #06e }
a:hover { color: #580 }
a:visited { color: #06e }

a img { border: 0 }

body { border-top: 2px solid #222f00; color: #444; font: 62.5%/1.5 "Lucida Grande", "Trebuchet MS", Arial, sans-serif }

h1, h2, h3 { font-weight: normal }
h1 { border-bottom: 1px solid #ccc; color: #222f00; font-family: Constantia, Georgia, serif; font-size: 3em; margin: 0 -10px .4em -10px; padding: 0 0 0 10px }
h2 { color: #5f8500; font-size: 1.8em; line-height: 1.2em; margin: 0 0 1em 0 }
h3 { color: #5f8500; font-size: 1.4em; margin: 0 0 1.5em 0; text-transform: uppercase }
h4 { color: #5f8500; font-size: 1.5em; margin: 0 0 1.5em 0 }
p, ul { font-size: 1.2em; margin: 0 0 1.5em 0 }
ul { list-style: square }

strong { color: #222 }
label { cursor: pointer }

.half { width: 220px }
.one { width: 300px }
.two { width: 620px }
.three { width: 940px }
.left { float: left }
.right { float: right }
	.middle { display: inline; margin: 0 20px }
	.marginl { display: inline; margin-left: 20px }
	.picl { margin: 4px 20px 10px 0 }
.noshow { text-indent: -9999px }	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }

.blue { color: #07c }

.button { background: #5f8500; border: 0; border-bottom: 1px solid #460; color: #fff; cursor: pointer }
	.button, .field { margin: 0 0 0 2px; padding: 3px 0 }
.field { backround: #fff; border: 0; border-top: 1px solid #5f8500; padding-left: 3px }

#guarantee { background: #def url(./gfx/guarantee-bg.jpg) no-repeat; margin: 0 0 0 0; padding: 50px 20px 20px 20px; width: 270px }
	#guarantee h3 { display: block; width: 115px; height: 105px; float: right; margin: -40px -10px 0 0; text-indent: -9999px } /* acts as floated img, text wrapped around it */
	#guarantee p { margin: 0 }

#wrap { background: #fff url(./gfx/wrap-bg.jpg) bottom repeat-x; clear: both; padding: 10px 0 0 0 }

	#head { background: url(./gfx/head-bg.jpg) repeat-x }
		#links li{display:inline;color:#5F8500;}
		#links{margin-bottom:2px;}
		#links li a{color:#5F8500;font-size:10px;text-decoration:none;}
		#brand { background: url(./gfx/brand.png) no-repeat; height: 117px; margin: 0 auto; width: 960px }
			#brand h1, #brand p { display: none }
		#nav { background: #7fae00 url(./gfx/menu-bg.jpg) repeat-x; border-top: 3px solid #5f8500; height: 47px }
			#menu { margin: 0 auto; width: 960px }
				#menu ul { list-style: none; font-size: 1.4em; margin: 0 }				
				#menu a, #menu li { float: left }
				#menu a { border-right: 1px solid #a5cd38; color: #fff; cursor: pointer; display: block; line-height: 47px; height: 47px; font-family: Arial, sans-serif; font-weight: bold; padding: 0 13px; text-decoration: none }
				#menu a:hover { background: #aad82e; color: #222f00 }
				#menu li#current a { background: #5f8500 url(./gfx/pointer.gif) bottom no-repeat }
				
				#menu form { float: right; padding: 13px 0 0 0; width: 310px }
					#menu form .field { font-size: 1em; width: 228px }
					#menu form .button { font-size: 1em; width: 70px }
					#menu form p { margin: 0 }
				
			#flash { background: #fff url(./gfx/flash-bg.jpg) repeat-x }
				#flash-wrap { background: url(./gfx/flash-wrap-bg.jpg) top center no-repeat; height: 310px }
					#flash-temp { background: url(./gfx/flash-temp.jpg) no-repeat; height: 297px; margin: 0 auto; width: 960px }
					#flash-temp h2, #flash-temp p { padding: 60px 0 0 80px; width: 390px }
					#flash-temp p { font-size: 1.4em; padding-top: 0 }
				
	#content { margin: 0 auto; width: 940px }
		#intro { clear: both }
			p.intro { font-family: Georgia, serif; font-size: 1.6em; font-style: italic }
			#intro #guarantee { margin-right: -10px; margin-top: 20px }
			#products-home { clear: both; float: left; padding: 20px 0 0 0; width: 100% }
			#bits { border-bottom: 8px solid #eee; border-top: 8px solid #eee; clear: both; padding: 1.5em 0 0 0; width: 100% }
				.bit-blue { background: url(./gfx/ico-blue.gif) 0 5px no-repeat; padding: 0 0 0 30px }
				.bit-green { background: url(./gfx/ico-green.gif) 0 5px no-repeat; padding: 0 0 0 30px }
				.bit-leaf { background: url(./gfx/ico-leaf.gif) 0 5px no-repeat; padding: 0 0 0 30px }
				#bits .one { background: red }
				
				#misc { clear: both; padding: 1.5em 0 0 0 }

			
	#foot { background: url(./gfx/foot-bg.jpg) repeat-x; border-bottom: 20px solid #5f8500; color: #fff; height: 131px }
		#foot a { color: #fff }
		#foot-wrap { background: url(./gfx/flowers-foot.jpg) no-repeat; height: 31px; margin: 0 auto; padding: 85px 0 0 0; width: 960px }
			#foot #about { float: left; padding: 0 0 0 170px }
			#foot #copy { float: right }

/* wp */
				#blog-sidebar {}
					#blog-sidebar li { list-style: none }
					#blog-sidebar #latest-posts li { background: url(./gfx/ico-leaf.gif) top left no-repeat; line-height: 26px; padding: 0 0 15px 30px }
					#blog-sidebar #categories li { background: url(./gfx/ico-green.gif) left no-repeat; line-height: 26px; padding: 0 0 0 30px }
				
				#blog-content { margin: 0 -10px 0 0; width: 630px }	
				.blog-post-wrap { border-bottom: 8px solid #eee; clear: both; float: left; margin: 0 0 1.5em 0; position: relative; width: 620px }
				.blog-post { width: 480px }
				.blog-post-wrap h2 { clear: both; }
					.blog-post-wrap h2 a { color: #5f8500; text-decoration: none }
						.blog-post-wrap h2 a:hover { text-decoration: underline }
					.blog-post-wrap p.date { background: url(./gfx/cal-bg.jpg) no-repeat; font-family: Georgia, serif; line-height: 1.5em; float: right; height: 80px; text-align: center; width: 80px }
						.blog-post-wrap p.date em, .blog-post-wrap p.date strong { display: block; width: 80px }
						p.date em { }
						p.date strong { font-size: 2.6em; font-style: italic; font-weight: bold; padding: 6px 0 0 0; line-height: 1em }
					.blog-post-wrap p.comments { background: url(./gfx/comment-bubble.jpg) top center no-repeat; clear: right; color: #fff; float: right; height: 35px; line-height: 1.6em; text-align: center; top: 140px; width: 80px }
						.blog-post-wrap p.comments a { color: #fff; display: block; height: 25px; margin: 0 auto; text-decoration: none; width: 30px }

p.edit { position: absolute; top: 0; right: 0 }
.postmetadata { display: none }
#respond form p, #respond form input, #respont form label { font-size: 1.2em !important }
#respond form p .button { font-size: 1em !important; width: 140px }
#commentlist li { list-style: none; width: 480px }
#commentlist li .comment-text { background: #dcedfe url(./gfx/comment-top.jpg) no-repeat }
#commentlist li .comment-text-wrap { background: url(./gfx/comment-bottom.jpg) bottom no-repeat; padding: 20px }
#commentlist cite { padding-left: 80px }
#respond textarea, #respond .field2 { font-family: inherit; font-size: inherit; padding: 3px; width: 294px }
#respond .field2 { font-size: 1em !important }
#respond label { padding: 0 0 0 8px }
#respond label strong { color: red }
.cat-info { clear: both; font-style: italic }
.note { background: #ffc; padding: 10px 15px; border: 1px solid #ccc }
h3#comments { clear: both }
.navigation { clear: both }