/*
Theme Name: Peter J Harrison
Theme URI: http://peterjharrison.me/
Description: New Design For Peter J Harrison
Version: 3.0
Author: Peter J Harrison
Author URI: http://peterjharrison.me/
Tags: red, custom header, fixed width, two columns, widgets

*/

/*********************************************************************************************************/
/* Global Settings */

* { padding: 0; margin: 0; font-family: Tahoma, Geneva, sans-serif; }

body { background: url(images/body_bg1.jpg) top left; }

#wrap { padding: 20px 0; }

#container { position: relative; width: 940px; margin: 0 auto; background: #FFF; border: 20px solid #FFF; }

/*********************************************************************************************************/
/* Header */

#header { position: relative; height: 285px; }

/*********************************************************************************************************/
/* Manu */

	#header #menu { position: absolute; top: 0; left: 0; width: 940px; height: 34px; background: url(images/menu_bg.jpg) repeat-x top left; }

		#header #menu ul { list-style: none; }

			#header #menu ul li { float: left; line-height: 2em; border-right: 1px solid #000; }
			
				#header #menu ul li a { font-size: 12px; color: #FFF; text-decoration: none; text-transform: uppercase; display: block; padding: 0 30px; }
	
				#header #menu ul li a:hover { background: #000; }

/*********************************************************************************************************/
/* Header Image */

	#header #headerimg { position: absolute; top: 34px; left: 0; width: 940px; height: 189px; background: url(images/header_bg.jpg) no-repeat top left; }
	
		#header #headerimg h1, #headerimg .description { display: none; }
	
/*********************************************************************************************************/
/* Category Menu */
	
	#header .cat_menu { position: absolute; top: 223px; left: 0; width: 940px; height: 46px; background: url(images/cat_bg.jpg) repeat-x top left; }
	
		#header .cat_menu ul { list-style: none; }
		
			#header .cat_menu ul li { float: left; line-height: 3.2em; font-size: 14px; color: #333; padding: 0 30px; }
			
				#header .cat_menu ul li a { color: #333; text-decoration: none; }
				
				#header .cat_menu ul li a:hover { text-decoration: underline; }

/*********************************************************************************************************/
/* Search Form */

	#header #searchform { position: absolute; top: 0; right: 0; }
	
		#header #searchform label { display: none; }
		
		#header #searchform #searchsubmit { display: none; }
		
		#header #searchform input { padding: 3px; margin: 4px 10px 0 0; }

/*********************************************************************************************************/
/* Sidebar */

#sidebar { float: right; width: 440px; }

	#sidebar #side_right { float: right; }

	#sidebar .holder { margin: 0 0 20px 0; }
		
			#sidebar .holder .sidebar_footer { background: #343434; text-align: center; font-size: 12px; padding: 5px; }
			
				#sidebar .holder .sidebar_footer a { color: #FFF; }
	
	#sidebar .clear { clear: left; }

	#sidebar .wide { width: 436px; background: #F7F7F7; border: 2px solid #D7D7D7; padding: 0 0 10px 0; }
	
		#sidebar .wide h2 { font-size: 20px; font-weight: normal; margin: 15px; }
		
		#sidebar .wide p { font-size: 14px; color: #444; line-height: 1.5em; margin: 5px 15px; }
	
	#sidebar .narrow { width: 210px; }
	
			#sidebar .narrow h2 { font-size: 16px; font-weight: normal; margin: 0 0 10px 0; line-height: 2em; }
			
			#sidebar .narrow ul { list-style: none; }
			
				#sidebar .narrow ul li { background: #F7F7F7; border-bottom: 2px solid #D7D7D7; padding: 10px; font-size: 14px; color: #444; line-height: 1.5em; }
				
				#sidebar .narrow ul li a { color: #444; text-decoration: none; }
				
				#sidebar .narrow ul li a:hover { text-decoration: underline; }
				
				#sidebar .narrow ul li .contact_ids li { border: none; font-size: 12px; text-align: right; padding: 5px 0 0 0; }

/*********************************************************************************************************/
/* Sidebar About Me */

	#sidebar #aboutme img { float: right; margin: 15px 10px 10px 10px; border: 2px solid #D7D7D7; padding: 1px; }
	
	#sidebar #aboutme .show_content, #sidebar #aboutme .hide_content { font-size: 14px; color: #4E95B3; text-decoration: none; margin: 5px 15px; }
	
	#sidebar #aboutme .show_content:hover, #sidebar #aboutme .hide_content:hover { text-decoration: underline; }

/*********************************************************************************************************/
/* Sidebar Twitter */

	#sidebar #twitter h2 { background: url(images/twitter_header.jpg) no-repeat left center; padding: 0 0 0 36px; }

	#sidebar #twitter ul li { font-size: 12px; }
	
		#sidebar #twitter ul li a { color: #4E95B3; }
		
		#sidebar #twitter .sidebar_footer a { color: #FFF; }
		
		#sidebar #twitter ul .tweet small { display: block; }
		
			#sidebar #twitter ul .tweet small span { text-transform: lowercase; }
			
/*********************************************************************************************************/
/* Sidebar Xbox Live */

	#sidebar #xboxlive h2 { font-size: 16px; font-weight: normal; margin: 0 0 10px 0; line-height: 2em; background: url(images/xboxlive_header.jpg) no-repeat left center; padding: 0 0 0 36px; }

/*********************************************************************************************************/
/* Sidebar Pages */

	#sidebar #pages h2 { background: url(images/article.jpg) no-repeat left center; padding: 0 0 0 36px; }
	
/*********************************************************************************************************/
/* Sidebar Categories */

	#sidebar #categories h2 { background: url(images/category.jpg) no-repeat left center; padding: 0 0 0 36px; }

/*********************************************************************************************************/
/* Sidebar Categories */

	#sidebar #bookmarks h2 { background: url(images/bookmarks.jpg) no-repeat left center; padding: 0 0 0 36px; }
	
/*********************************************************************************************************/
/* Sidebar Find ME */

	#sidebar #mysociallinks h2 { background: url(images/findme.jpg) no-repeat left center; padding: 0 0 0 36px; }
	
/*********************************************************************************************************/
/* Sidebar Archive */

	#sidebar #archive h2 { background: url(images/archive.jpg) no-repeat left center; padding: 0 0 0 36px; }


/*********************************************************************************************************/
/* Main Content */

#content { width: 480px; margin: 0 20px 0 0; }

	#content .pagetitle { font-size: 22px; color: #4E95B3; font-weight: normal; margin: 0 0 30px 0; }

/*********************************************************************************************************/
/* Post Listing */

	#content .post { margin: 0 0 35px 0; }

		#content .post h2 a { font-size: 22px; color: #000; text-decoration: none; font-weight: normal; }
		
			#content .post h2 a:hover { color: #4E95B3; }
		
		#content a { text-decoration: none; color: #4E95B3; }
		
			#content a:hover { text-decoration: underline; }
		
		#content .post .entry { font-size: 14px; color: #444; line-height: 1.5em; margin: 20px 0 0 0; }
			
			#content .post .entry h3 { font-weight: normal; margin: 20px 0 10px 0; text-transform: capitalize; border-bottom: 2px solid #D7D7D7; }
		
			#content .post .entry p { margin: 10px 0; }
			
			#content .post .entry p .note { background: #FEF1F1; padding: 10px; border: 2px solid #F23E3E; display: block; text-align: center; font-weight: bold; }
			
			#content .post .entry pre { background: #F7F7F7; padding: 10px; border: 2px dashed #D7D7D7; font-family: "Courier New", Courier, monospace; }
			
			#content .post .entry ul { margin: 10px 30px; }
			
				#content .post .entry ul li { margin: 5px 0; }
			
			#content .post .entry ol { margin: 10px 30px; }
			
				#content .post .entry ol li { margin: 5px 0; }
		
		#content .post .postmetadata { margin: 10px 0 0 0; font-size: 14px; background: #F7F7F7;  padding: 10px; border-top: 2px solid #D7D7D7; border-bottom: 2px solid #D7D7D7; }
		
			#content .post .postmetadata .read_more { background: url(images/entry_meta_bg.jpg) no-repeat center left; padding-left: 18px; margin: 0 0 0 10px; }
			
			#content .post .postmetadata .comment_icon { padding: 0 21px 0 0; background: url(images/comment_num_bg.jpg) no-repeat center right; }

/*********************************************************************************************************/
/* Page Listing */

	#content .page { margin: 0 0 35px 0; }

		#content .page h2 a { font-size: 22px; color: #000; text-decoration: none; font-weight: normal; }
		
			#content .page h2 a:hover { color: #4E95B3; }
		
		#content .page .entry { font-size: 14px; color: #444; line-height: 1.5em; margin: 20px 0 0 0; }
			
			#content .page .entry h3 { font-weight: normal; margin: 20px 0 10px 0; text-transform: capitalize; border-bottom: 2px solid #D7D7D7; }
			
			#content .page .entry p { margin: 10px 0; }
			
			#content .page .entry ul { margin: 10px 30px; }
			
				#content .page .entry ul li { margin: 5px 0; }
			
			#content .page .entry table { width: 100%; }
			
			#content .page .entry .smalltable { width: 150px; }
			
				#content .page .entry .smalltable img { padding: 2px; border: 3px solid #D7D7D7; width: 150px; }
			
			#content  .page .entry blockquote { padding: 0 10px; display: block; text-align: center; }
		
		#content .page .postmetadata { margin: 10px 0 0 0; font-size: 14px; background: #F7F7F7;  padding: 10px 0; border-top: 2px solid #D7D7D7; border-bottom: 2px solid #D7D7D7; }
		
			#content .page .postmetadata .read_more { background: url(images/entry_meta_bg.jpg) no-repeat center left; padding-left: 18px; margin: 0 0 0 10px; }
			
			#content .page .postmetadata .comment_icon { padding: 0 21px 0 0; background: url(images/comment_num_bg.jpg) no-repeat center right; }

/*********************************************************************************************************/
/* Contact Form */

	#content .page .entry .cform { margin: 0 0 35px 0; }
	
		#content .page .entry .cform fieldset { border: none; }
		
			#content .page .entry .cform fieldset ol { list-style: none; }
			
				#content .page .entry .cform fieldset ol li label { display: block; }
			
			#content .page .entry .cform fieldset legend { display: none; }
		
			#content .page .entry .cform fieldset input { margin: 5px 0; padding: 3px; width: 440px; font-size: 14px; }
		
			#content .page .entry .cform fieldset textarea { margin: 5px 0; padding: 3px; width: 440px; font-size: 14px; }
		
		#content .page .entry .cform .sendbutton { background: url(images/cat_bg.jpg) repeat-x top left; border: 2px solid #D7D7D7; width: 445px; padding: 6px 0; cursor: pointer; }
		
	#content .page .entry .success { background: #F6FAF1; border: 2px solid #85B440; padding: 10px; margin: 10px 0; }

/*********************************************************************************************************/
/* Comment Form */

	#content #comment_holder h2 { font-size: 22px; color: #000; font-weight: normal; margin: 5px 0 15px 0; }

	#content #comment_holder #commentform { margin: 20px 0; }
	
		#content #comment_holder #commentform input { margin: 5px 0; padding: 3px; width: 440px; font-size: 14px; }
		
		#content #comment_holder #commentform textarea { margin: 5px 0; padding: 3px; width: 440px; font-size: 14px; }
		
		#content #comment_holder #commentform #submit { background: url(images/cat_bg.jpg) repeat-x top left; border: 2px solid #D7D7D7; width: 445px; padding: 6px 0; cursor: pointer; }
		
		#content #comment_holder #commentform #submit:hover { border: 2px solid #FFF; }

	#content #comment_holder .commentlist { list-style: none; }

		#content #comment_holder .commentlist .comment-body { font-size: 14px; color: #444; line-height: 1.5em; margin: 20px 0; }

/*********************************************************************************************************/
/* Comment Listing */

	#content #comment_holder .commentlist li { margin: 20px 0; padding: 5px 10px 0 10px; background: #FFF; border-bottom: 2px solid #D7D7D7; }
	
	#content #comment_holder .commentlist .even { background: #F7F7F7; }
	
		#content #comment_holder .commentlist li img { float: right; border: 2px solid #F7F7F7; }
		
			#content #comment_holder .commentlist .even img { border-color: #FFF; }
		
		#content #comment_holder .commentlist li p { margin: 10px 0; }
		
		#content #comment_holder .commentlist li .comment-meta { font-size: small; }

/*********************************************************************************************************/
/* Footer */

#footer { position: relative; background: url(images/menu_bg.jpg) repeat-x bottom left; clear: both; height: 80px; padding: 10px 0 0 0; }

/*********************************************************************************************************/
/* Category Menu */

	#footer .cat_menu { position: absolute; top: 10px; left: 0; width: 940px; height: 46px; background: url(images/cat_bg.jpg) repeat-x top left; }
		
			#footer .cat_menu ul { list-style: none; }
			
				#footer .cat_menu ul li { float: left; line-height: 3.2em; font-size: 14px; color: #333; padding: 0 30px; }
			
					#footer .cat_menu ul li a { color: #333; text-decoration: none; }
					
					#footer .cat_menu ul li a:hover { text-decoration: underline; }

/*********************************************************************************************************/
/* Footer Links */

	#footer #poweredby { position: absolute; bottom: 10px; left: 10px; color: #FFF; font-size: 12px; }
	
		#footer #poweredby a { color: #FFF; }
	
	#footer #copyright { position: absolute; bottom: 10px; right: 10px; color: #FFF; font-size: 12px; }

		#footer #copyright a { color: #FFF; }