/*
THEME NAME: Hot Alpha Female
THEME URI: http://hotalphafemale.com
DESCRIPTION: HAF v1.0 : Custom theme for Hot Alpha Female blog
VERSION: 1.0
AUTHOR: <a href="http://www.rubiqube.com">Adrian Diaconescu</a>
AUTHOR URI: http://www.rubiqube.com
*/

@import "reset.css";

body { width: 100%; background: url(images/bg_body.gif) repeat-y top right; font-family: Helvetica, Arial, sans-serif; font-size: 13px; color: #333333; min-width: 940px; }

a { color: #CC2288; text-decoration: none; }

a:hover { text-decoration: underline; }

strong { font-weight: bold; }

hr { border: none 0; border-bottom: 1px solid #E0E0E0; height: 1px; margin: 10px 0; }

blockquote { font-style: italic; background: url(images/quotes.gif) no-repeat top left; background-position: 12px 12px; padding: 8px 15px 8px 60px; margin: 5px 0; color: #595959; }

/* The big DIV that hold everything together */

.inner { width: 940px; margin: 0 auto; }

#header { height: 240px; background: url(images/bg_header.png) repeat-x top left; overflow: hidden; }

	#header .inner { height: 240px; background: url(images/bg_header_inner.png) no-repeat top left; }

	#logo { float: left; margin-top: 30px; margin-left: 20px; }

	#logo a { display: block; width: 220px; height: 172px; background: url(images/logo.png) no-repeat top left; }

	#logo a span { display: none; }
	
	#about { width: 470px; float: right; margin: 30px 20px 0 0; }
	
		#tagline { font-size: 110%; font-weight: bold; color: #941A6B; margin-bottom: 5px; }
		
		#aboutphoto { float: right; padding: 5px; background: #FFFFFF; margin-left: 15px; }
		
		#about h3 { font-size: 120%; font-weight: bold; margin-bottom: 5px; }
		
		#about p { line-height: 1.3; margin-bottom: 15px; }
		
		#about .youtube { float: left; width: 70px; margin-right: 20px; font-weight: bold; font-size: 90%; background: url(images/ico_youtube.png) no-repeat top left; padding: 3px 0 6px 38px; }
		
		#about .twitter { float: left; width: 70px; font-weight: bold; font-size: 90%; background: url(images/ico_twitter.png) no-repeat top left; padding: 3px 0 6px 38px; }

#menu { height: 40px; background: url(images/bg_menu.png) repeat-x top left; }

	#menu ul { width: 940px; margin: 0 auto; overflow: hidden; }

	#menu ul li { float: left; font-weight: bold; text-transform: uppercase; padding: 13px 15px; font-size: 110%; }
	
	#menu ul li.current_page_item { background: url(images/bg_menu_active.png) repeat-x top left; }
	
	#menu ul li a { color: #FFFFFF; }
	
#wrapper { width: 940px; margin: 0 auto; background: #FFFFFF url(images/bg_wrapper.png) repeat-y top left; overflow: hidden; }

	#content { float: left; width: 630px; margin: 25px 0 20px 0; }
	
		/* Posts */
	
		.post { margin-bottom: 60px; }
		
		.post-title { font-size: 250%; line-height: 1; }
		
		.page-subtitle { font-weight: bold; color: #CCCCCC; font-size: 90%; text-transform: uppercase; padding-bottom: 5px; border-bottom: 1px solid #EFEFEF; margin-bottom: 15px; }
		
		.post-meta { font-size: 85%; font-weight: bold; color: #999999; margin-top: 6px; padding-bottom: 8px; border-bottom: 1px solid #EFEFEF; }
		
		.post-meta a { color: #333333; }
		
		.post-content { margin-top: 15px; }
		
		.post-content h2 { font-size: 140%; margin-bottom: 5px; padding: 10px 0 5px 0; border-bottom: 1px solid #EFEFEF; }
		
		.post-content h3 { font-size: 110%; font-weight: bold; margin-bottom: 5px; padding: 10px 0 5px 0; border-bottom: 1px solid #EFEFEF; }
		
		.post-content p { line-height: 1.5; margin-bottom: 15px; }
		
		.post-content img.alignleft { float: left; margin: 0 25px 15px 0; }
		
		.post-content img.alignright { float: right; margin: 0 0 15px 25px; }
		
		.post-content ul, .post-content ol { margin-left: 30px; margin-bottom: 20px; }
		
		.post-content ul { list-style: outside; }
		
		.post-content ol { list-style: decimal; }
		
		.post-content ul li, .post-content ol li { line-height: 1.5; margin-bottom: 5px; }
		
		.post-content .more-link { font-weight: bold; display: block; margin-top: 10px; }
		
		.post-footer { clear: both; font-size: 85%; font-weight: bold; color: #999999; padding: 6px 3px; border-top: 1px solid #EFEFEF; border-bottom: 3px solid #EFEFEF; }
		
		.section-title { font-size: 140%; margin-bottom: 10px; }
		
		#searchsubmit { margin-top: 4px; }
		
		/* Bottom navigation */
		
		.navleft { float: left; margin: 0 15px 15px 0; }
		
		.navright { float: right; margin: 0 0 15px 15px; }
		
		.navigation div a { padding: 5px 10px; background: #FCF1F7; }
		
		/* Comments */
		
		#comments ol#commentlist li { padding: 10px 0; margin-top: 2px; border-bottom: 1px solid #F0F0F0; }
		
		.comment-number { float: right; font-size: 90%; color: #CCCCCC; font-weight: bold; }
		
		.comment-gravatar { float: left; margin-right: 10px; padding: 3px; background: #FFFFFF; border: 1px solid #F0F0F0; }
		
		.comment-data { float: left; width: 560px; }
		
		.comment-data p { margin-bottom: 6px; line-height: 1.3; }
		
		.comment-author { font-weight: bold; margin-bottom: 3px; }
		
		.comment-meta { color: #666666; margin-bottom: 5px; font-size: 85%; }
		
		.unapproved { font-style: italic; }
		
		#respond { margin-top: 30px; }
		
		#comment-form { background: #F5F5F5; padding: 15px; margin-top: 15px; margin-bottom: 10px; }
		
		#comment-form label { font-size: 90%; display: block; margin-bottom: 5px; }
		
		#comment-form input { width: 340px; margin-bottom: 10px; padding: 5px; }
		
		#comment-form textarea { width: 580px; height: 200px; padding: 10px; margin-top: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; }	
		
		/* Pages */
		
	#sidebar { float: left; width: 260px; margin: 25px 0 20px 45px; }
	
		/* Sidebar content blocks */

		.sidepanel { margin-bottom: 30px; }
		
		.sidepanel h3 { color: #440B37; font-size: 130%; font-weight: bold; margin-bottom: 10px; }
		
		.sidepanel h3#feed { background: url(images/ico_feed.png) no-repeat top left; padding-left: 65px; height: 70px; }
		
		.sidepanel h3#feed a { position: relative; top: 20px; }
		
		.sidepanel ul li { padding: 6px 0; line-height: 1.2; }
		
		.sidepanel p { margin-top: 8px; line-height: 1.3; }
		
		.pleft { width: 120px; float: left; }
		
		.pright { width: 120px; float: right; }	

	#footer { padding: 30px; border-top: 4px solid #440B37; background: #5B0F4A; color: #AD87A5; }
	
		#footer a { color: #FFFFFF; }

		#footer-links { list-style: none; font-weight: bold; }

			#footer-links li { float: left; margin-right: 15px; }


/* General */

.sep { color: #CCCCCC; margin: 0 8px; }

.clear { clear: both; }

.ico-small { vertical-align: middle; margin: 0 5px 0 0; }

.sociallink { margin-right: 15px; }