/*  
Theme Name: Beatboost Blog
Theme URI: http://blog.beatboost.com/
Description: The theme for the beatboost blog.
Version: 1.0
Author: Jaap Broeders
Author URI: http://www.jaybro.nl/
*/

/* Begin Structure */

body {
	width: 100%; height: 100%; margin: 0px; padding: 0px;
	background: #FEFEFE url('images/page_bg.gif') top left repeat-x;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
	color: #747474;
	text-align: center;
}
H1, H2, H3, H4 { display: inline; margin: 0px; padding: 0px; }
H3 { font-family: Arial, Sans-Serif; font-size: 16px; font-weight: bold; }
FORM { display: inline; }
A { text-decoration: none; color: #777; }
A:hover { color: #333; }
A IMG { border-color: #b0d01c; }
.alignleft { float: left; }
.alignright { float:right; }
.navigation { position: relative; width: 100%; height: 16px; }
.navigation .alignleft { float: left; }
.navigation .alignright { float: right; }

.inputText { width: 100px; padding: 2px; margin-top: 3px; font-size: 10px; background: #e9e9e9; border: 1px solid #b2b2b2; }
.inputSubmit { width: 50px; padding: 1px; font-size: 10px; background: #e9e9e9; border: 1px solid #b2b2b2;  }

#page { position: relative; margin: 26px auto; padding: 0px; width: 767px; text-align: left; }

#menu { position: relative; top:0px; left: 0px; width: 426px; height: 31px; background: url('images/menu_bg.gif') left top repeat-x; }
	#menu .img_left { position: absolute; top:0px; left: 0px; width:75px; height: 31px; background: url('images/menu_left.gif') left top no-repeat; }
	#menu .img_right { position: absolute; top:0px; right:0px; width:75px; height: 31px; background: url('images/menu_right.gif') right top no-repeat; }
	#menu .menu_items { position: relative; top:0px; margin-left: 40px; margin-right: 0px; }
	#menu .menu_items ul, #menu .menu_items li { display: inline; margin: 0px; padding: 0px; }
	#menu .menu_items li.page_item  {	padding-right: 40px; }
	#menu .menu_items li.page_item A { font-size: 14px; line-height: 31px; color: #7a7a7a;  }
	#menu .menu_items li.page_item A:hover { color: #333; }
	#menu .menu_items li.current_page_item { list-style-position: outside; list-style-image: url('images/menu_spacer.gif'); padding-right: 40px; }
	#menu .menu_items li.current_page_item A { font-size: 14px; line-height: 31px; color: #ff70d4; }
	#menu .menu_items li.current_page_item A:hover { color: #505; }

#header { position: relative; top: 32px; width: 767px; }
	#header .left { position: relative; float: left; top: 0px; width: 426px; }
		#logo { position: relative; left: 0px; top: 0px; margin-left: -4px;}
		
		#navigation {	position: relative; left:0px; top:4px; width: 426px; height: 155px; }
		#navigation #categories { position: absolute; top: 0px; right: 174px; text-align: right; }
		#navigation #categories ul { margin: 0px; padding: 0px; display:inline; }
		#navigation #categories ul li { margin: 0px; padding: 0px; margin-bottom: 8px; list-style-type: none; list-style-image: none;}
		#navigation #categories ul li ul li { margin-bottom: 8px; padding: 0px; }
		#navigation #categories ul li A { font-family: Verdana, Sans-Serif; font-size: 14px; color:#7e7e7e; }
		#navigation #categories ul li A:hover { text-decoration: none; color:#333; }
		#navigation #categories ul li.current-cat { margin-right: -8px; padding-right: 8px; background: url('images/menu_spacer.gif') right center no-repeat; }
		#navigation #categories ul li.current-cat A { font-family: Verdana, Sans-Serif; font-size: 14px; color:#ff70d4; }
		#navigation #categories ul li.current-cat A:hover { color: #505; }
		#navigation #contact { position: absolute; top: 0px; right: 0px; width: 160px; }
		#navigation #contact A { font-family: Verdana, Sans-Serif; font-size: 14px; color:#b2b2b2; }
		#navigation #contact A:hover { text-decoration: none; color:#333; }
		#navigation #search { position: absolute; bottom: 0px; left: 264px; }
	
	#header .right { position: relative; float: right; top: 0px; width: 330px; }
		#feature { position: relative; width: 330px; height: 326px; }
		#feature .image { position: relative; top: 1px; width: 330px; height: 130px; }
		#feature .image .layover { position: absolute; z-index: 2; left: 0px; top:0px; width: 330px; height: 130px; background: url('images/feature_layover.gif') left top no-repeat; }
		#feature .image .img { position: absolute; z-index: 1; left: 0px; top:0px; width: 330px; height: 129px; }
		#feature .title { position: relative; height: 24px; line-height: 24px; font-family: Arial, verdana, sans-serif; border-bottom: 1px dashed #717171; margin-bottom: 5px; margin-top: 9px; }
		#feature .title A { font-family: Arial, verdana, sans-serif; font-size: 14px; font-weight: bold; color: #ff0099; text-transform:uppercase;  }
		#feature .title A:hover { color: #333; }
		#feature .entry { font-size: 11px; }
		#feature .entry strong { color: #010101; }
		#feature .entry A { color: #ff70d4; }
		#feature .entry A:hover { color: #333; }
		#feature .postmetadata { position: relative; border-top: 1px dashed #717171; border-bottom: 1px dashed #717171; padding-top: 5px; padding-bottom: 5px; margin-bottom: 20px; }
		#feature .postmetadata A { font-family: Verdana, Sans-Serif; color:#7e7e7e; }
		#feature .postmetadata A:hover { font-family: Verdana, Sans-Serif; color:#333; }
		#feature .postmetadata .right { position: absolute; left: 0px; text-align: right; line-height: 22px; }
	
		#friends { position: relative; left: 0px; top: 0px; width: 330px; height: 326px; background: url('images/friends_bg.gif') left top no-repeat; }
		#friends .title { position: relative; left: 98px; top: 36px; font-family: Arial, verdana, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fb58b3; border-width: 0px; width: auto;}
		#friends .entry { position: relative; left: 0px; top: 65px; line-height: 22px; font-size: 11px; }
		#friends .entry A { color: #fb58b3; font-size: 11px; }
		#friends .entry A:hover { color: #7e7e7e; }
		
		#extsearch { position: relative; left: 0px; top: 0px; width: 330px; height: 326px; background: url('images/search_bg.gif') left top no-repeat; }
		#extsearch .title { position: relative; left: 98px; top: 36px; width: 100px; height: 75px; font-family: verdana, Arial, sans-serif; font-size: 11px; font-weight: normal; text-transform: none; border: 0px; width: 229px;}
		#extsearch .title H3 { font-family: Arial, verdana, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fb58b3; }
		#extsearch .title H2 { font-family: Arial, verdana, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #7a7879; }
		#extsearch .title SPAN { position: relative; top: 8px; }
		#extsearch .entry { position: absolute; left: -10px; top: 121px; line-height: 23px; font-family: verdana, Arial, sans-serif; font-size: 11px; }
		#extsearch .entry A { color: #fb58b3; }
		#extsearch .entry A:hover { color: #7e7e7e; }
	
#main { position: relative; float: left; top: 15px; width: 767px; }
	#main #left { position: relative; float: left; left: 0px; top: 0px; width: 250px; }
	#main #left #recent { position: relative; left: 0px; top: 0px; width: 250px; height: 330px; background: url('images/recent_bg.gif') left top no-repeat; }
		#recent .header, #press .header { position: relative; top: 0px; width: 226px; margin: 3px; padding: 7px; margin-bottom: 7px; font-family: Arial, verdana, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fb58b3; border-bottom: 1px dashed #7c7c7c;}
		#recent .post, #press .post { position: relative; display: block; height: 53px; margin: 3px; padding: 7px; }
		#recent .image, #press .image { position: absolute; top: 8px; left: 8px; width: 79px; height: 59px; background: #b0b0b0; }
		#recent .layover, #press .layover { position: absolute; z-index: 2; left: 0px; top:0px; width: 79px; height: 59px; background: url('images/recent_layover.gif') left top no-repeat; }
		#recent .img, #press .img { position: absolute; z-index: 1; left: 0px; top:0px; width: 79px; height: 59px; }
		#recent .entry, #press .entry { position: relative; top: 0px; left: 87px; width: 140px; }
		#recent .title, #press .title { font-weight: bold; }
		#recent .title A, #press .title A { font-weight: bold; color: #777; }
		#recent .title A:hover, #press .title A:hover { font-weight: bold; color: #333; }

	#main #left #press { position: relative; left: 0px; top: 0px; width: 250px; height: 436px; background: url('images/press_bg.gif') left top no-repeat; }
		
	#main #left #promo { position: relative; left: 0px; top: 0px; width: 250px; height: 195px; background: url('images/promo_bg.gif') left top no-repeat; }	
		#promo .header { position: relative; top: 0px; width: 226px; margin: 3px; padding: 7px; margin-bottom: 7px; font-family: Arial, verdana, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #fb58b3; border-bottom: 1px dashed #7c7c7c; }
		#promo .post { position: relative; display: block; height: 53px; margin: 3px; padding: 7px; }
		#promo .post .inputText { width: 150px; margin: 2px; margin-top: 5px; padding: 4px; }
		#promo .post .inputSubmit { margin: 2px; padding: 3px; }
		#promo .post .inputCheckbox { margin-top: 8px; }
		
	#main #left #green { position: relative; left: 0px; top: 0px; width: 250px; height: 329px; background: url('images/green_bg.gif') left top no-repeat; }
		#green .header { position: relative; top: 0px; width: 226px; margin: 3px; padding: 7px; font-family: Arial,sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; color: #FFFFFE; border-bottom: 1px dashed #758b13;}
		#green .text { position: relative; margin: 3px; padding: 7px; color: #515734; font-size: 11px; line-height: 15px; }
	
	#main #left #promo { position: relative; left: 0px; top: 16px; width: 250px; }

	#about { font-size: 11px; padding-top: 10px; padding-left: 5px; }
	#about IMG { margin-left: -20px; padding-right: 15px; } 
	#about A { color: #fb58b3; }
	#about A:hover { color: #7e7e7e; }

	#content { position: relative; float: right; width: 503px; }
	#content .post_spacer { position: relative; float: left; width: 10px; height: 353px; }
	#content .postmetadata .right { position: absolute; right: 0px; }
	#content .postmetadata A { font-family: Verdana, Sans-Serif; color:#7e7e7e; }
	#content .postmetadata A:hover { font-family: Verdana, Sans-Serif; color:#333; }
	#content .entry { font-size: 11px; }
	#content .entry strong { color: #000001; }
	#content .title A {  font-family: Arial, verdana, sans-serif; font-size: 12px; font-weight: bold; color: #777777; text-transform:uppercase; }
	#content .title A:hover { color: #333; }
	#content .readmore { color: #ff70d4; }
	#content .readmore:hover { color: #ccccc1; }

	#content .post { position: relative; float: left; width: 160px; height: 353px; overflow: auto; }
	#content .post .entry A { color: #ff70d4; }
	#content .post .entry A:hover { color: #333; }
	#content .post .image { position: relative; top: 3px; width: 159px; height: 130px; }
	#content .post .image .layover { position: absolute; z-index: 2; left: 0px; top:0px; width: 159px; height: 130px; background: url('images/entry_layover.gif') left top no-repeat; }
	#content .post .image .img { position: absolute; z-index: 1; left: 0px; top:0px; width: 159px; height: 129px; }
	#content .post .title { position: relative; height: 28px; font-family: Arial, verdana, sans-serif; }
	#content .post .postmetadata { position: absolute; bottom: 5px; width:159px; font-size: 9px; border-top: 1px dashed #717171; border-bottom: 1px dashed #717171; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; }

	#content .postlarge { position: relative; width: 503px; margin-bottom: 20px; padding-bottom: 30px; overflow: auto; }
	#content .postlarge .entry A { color: #ff70d4; }
	#content .postlarge .entry A:hover { color: #333; }
	#content .postlarge .image { position: relative; float: left; top: 3px; width: 170px; height: 140px; }
	#content .postlarge .image .layover { position: absolute; z-index: 2; left: 0px; top:0px; width: 160px; height: 130px; background: url('images/category_layover.gif') left top no-repeat; }
	#content .postlarge .image .img { position: absolute; z-index: 1; left: 0px; top:0px; width: 160px; height: 129px; }
	#content .postlarge .title { position: relative; height: 14px; line-height: 14px; font-family: Arial, verdana, sans-serif; }
	#content .postlarge .postmetadata { position: absolute; left: 0px; bottom: -18px; width:503px; font-size: 9px; border-top: 1px dashed #717171; border-bottom: 1px dashed #717171; padding-top: 5px; padding-bottom: 5px; margin-bottom: 20px; }

	#content .postfull { position: relative; left: 0px; top:0px; display: block; width: 503px; margin-bottom: 20px; padding-bottom: 10px; overflow: auto; }
	#content .postfull .entry A { color: #ff70d4; }
	#content .postfull .entry A:hover { color: #333; }
	#content .postfull .entry DIV { margin-top: 15px; margin-bottom: 5px; }
	#content .postfull .image { position: relative; float: left; top: 3px; width: 170px; height: 140px; }
	#content .postfull .image .layover { position: absolute; z-index: 2; left: 0px; top:0px; width: 160px; height: 130px; background: url('images/category_layover.gif') left top no-repeat; }
	#content .postfull .image .img { position: absolute; z-index: 1; left: 0px; top:0px; width: 160px; height: 129px; }
	#content .postfull .title { position: relative; height: 14px; line-height: 14px; font-family: Arial, verdana, sans-serif; }
	#content .postfull .postmetadata { position: relative; top: 10px; width:503px; font-size: 9px; border-top: 1px dashed #717171; border-bottom: 1px dashed #717171; padding-top: 5px; padding-bottom: 5px; }
	#content .postfull .navigation { position: relative; top: 5px; left: 0px; height: 14px; width:500px; font-size: 9px; line-height: 14px; }
	#content .postfull .navigation A { font-family: Verdana, Sans-Serif; font-size: 11px; color: #777; }
	#content .postfull .navigation A:hover { color: #333; }
	#content .postfull .navigation .left { position: absolute; left: 0px; color: #777; }
	#content .postfull .navigation .right { position: absolute; right: 0px; }
	
	#content .page { position: relative; left: 0px; top: 0px; width: 503px; height: 329px; }
	#content .page .title { position: relative; margin: 3px; padding: 7px; border-bottom: 1px dashed #758b13; }
	#content .page .title H2 { font-family: Arial, verdana, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; }
	#content .page .entry {  margin: 3px; padding: 7px; font-size: 11px; line-height: 15px; }
	#content .page .entry A { color: #ff70d4; }
	#content .page .entry A:hover { color: #333; }

	blockquote { position: relative; padding: 0px; margin: 0px; font-family: Arial, verdana, sans-serif; font-weight: bold; color: #f55cb7; }
	p { padding: 5px; margin: 0px; }

	#content #comments { width: 502px; background: #e5e5e5 url('images/comments_top.gif') left top no-repeat; }
	#content #comments .title { 
		position: relative; left: 12px; width: 478px; height: 32px; border-bottom: 1px dashed #7c7c7c; 
		font-family: Arial,verdana, sans-serif; font-size: 14px; line-height: 32px; font-weight: bold; color:#f55cb7; 
		text-transform: uppercase; }
	#content #comments ol { margin: 0px; padding: 0px; list-style-type: none; }
	#content #comments li { padding: 10px; }
	#content #comments li a { font-family: Verdana, Sans-Serif; font-size: 11px; color: #777; }
	#content #comments li a:hover { color: #333; }
	#content #comments li .author { font-size: 12px; font-weight: bold; }
	#content #comments li .commentmetadata { font-size: 11px; }
	#content #comments li .text { font-size: 12px; }
	
	#content #makecomment { width: 502px; background: #e5e5e5 url('images/comments_top.gif') left top no-repeat; }
	#content #makecomment .title { 
		position: relative; left: 12px; width: 478px; height: 32px; border-bottom: 1px dashed #7c7c7c; 
		font-family: Arial,verdana, sans-serif; font-size: 14px; line-height: 32px; font-weight: bold; color:#f55cb7; 
		text-transform: uppercase; }
	#content #makecomment .subtitle { padding: 10px; font-family: Verdana, Sans-Serif; font-size: 11px; line-height: 20px;  }
	#content #makecomment .subtitle a { font-family: Verdana, Sans-Serif; font-size: 11px; color: #777; }
	#content #makecomment .subtitle a:hover { color: #333; }
	#content #makecomment .input { padding: 10px; font-family: Verdana, Sans-Serif; font-size: 11px; line-height: 20px;  }
	#content #makecomment .text { width: 190px; padding: 5px; margin-top: 3px; font-size: 12px; border: 1px solid #b2b2b2; }
	#content #makecomment .area { width: 450px; padding: 5px; margin-top: 3px; font-family: verdana, sans-serif; font-size: 12px; border: 1px solid #b2b2b2; }
	#content #makecomment .submit { width: 190px; padding: 5px; font-family: Verdana, Sans-Serif; font-size: 12px; border: 1px solid #b2b2b2;  }
	
	#contact .entry .inputDesc { width: 170px; padding: 4px;  }
	#contact .entry .inputText { font-size: 10px; width: 330px; padding: 4px; background: #e9e9e9; }
	#contact .entry .inputTextarea { width: 330px; padding: 4px; margin-top: 3px; font-size: 11px; font-family: verdana; border: 1px solid #b2b2b2; background: #e9e9e9; }
	#contact .entry .inputSubmit { width: 70px; padding: 4px; background: #e9e9e9; }

	#pagenavigation { 
		position: absolute; left:0px; z-index:2; padding: 0px; margin:0px; bottom: -30px; width: 503px; height: 18px; 
		border-top: 1px dashed #717171; border-bottom: 1px dashed #717171; font-family: Arial, Verdana, Sans-Serif;
		font-size: 11px; line-height: 18px; text-align: right; }
	#pagenavigation a { font-family: Arial, Verdana, Sans-Serif; color:#7e7e7e; text-decoration: none; }
	#pagenavigation a:hover { font-family: Arial, Verdana, Sans-Serif; color:#333; }

#footer { padding: 0px; margin: 0 auto; padding-top: 80px; float: right; width: 503px; }
#footer .text { text-align: center; }
#footer .text a { font-family: Verdana, Sans-Serif; color:#7e7e7e; }
#footer .text a:hover { font-family: Verdana, Sans-Serif; color:#333; }
#footer .images { padding: 4px; padding-top: 9px; padding-bottom: 20px; text-align: center; }
#footer .images IMG { padding-right: 10px; }