/*
Theme Name: JoizDotOrg
Theme URI: http://joiz.org
Description: I like to move it, move it!
Version: 1.6
Author: Joiz
Author URI: http://joiz.org
*/

body { background-color: #211d17; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; color: #666; }

a { color: #E21357; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; }

h1, h2, h3 { font-size: 18px; font-weight: normal; padding: 0; margin: 0; }

	h3 { font-size: 16px; }

	h2.post, h3.post, h2.post a, h3.post a { color: #333333; }
	
	.subcontent h2 a, .subcontent h3 a { color: #E3D2B5 !important; }

	h2.post a:hover, h3.post a:hover { color: #E21357 !important; text-decoration: none; }
	
blockquote { background: #E0C8A0 url('images/blockquote.gif') no-repeat top left; border: 1px solid #DABD8D; margin: 10px 0px 10px 0px; padding: 10px 10px 5px 15px; font-size: 0.9em; color: #777; }

	blockquote cite {	font-style: normal;	}

	.update {	background: none;	border: none;	font-size: 10px;	padding: 0px 10px 0px 10px;	margin: 0px 15px 10px 15px !important;	border-left: 5px solid #ebebeb;	}

	.entry blockquote {	margin: 20px;	}


p img {	padding: 0;	max-width: 100%;	}

#page { width: 970px; margin: 0 auto; text-align: left; }



#header { background-image: url(images/header.jpg); background-repeat: no-repeat; background-position: top; height: 339px; }
	
	#mainNav { padding: 0 15px; height: 30px; font-size: 12px; margin: 0; list-style: none; }
		
		#mainNav li { float: left; }
	
			#mainNav li a { display: block; padding: 8px 20px; color: #ffffff; } 
					
			#mainNav li a:hover { background: #211d17; text-decoration: none; color: #E21357; }
				
	#headerLogo { display: block; width: 235px; height: 70px; margin-left: auto; margin-right: auto; margin-top: 40px; }
	
	#header .description { margin-left: 300px; padding: 30px 30px 30px 90px; font-size: 14px; color: #ffc; }
		
		#header .description p { background: #555; padding: 3px 5px; margin-top: 0; margin-bottom: 10px; float: left; }

			#header .description p a { font-weight: bold; color: #E21357; }
		
		#p1 {  }
		
		#p2 { margin-left: 30px !important; }

		#p3 { margin-left: 10px !important; }

		#p4 { margin-left: 230px !important; }



#contentHolder { float: left; width: 587px; padding: 0 0 0 15px; }

	#archivespage, .resources { font-size: 1.2em; line-height: 1.4em; list-style: none; }
	
		.resources ul { margin: 0; padding: 0 0 0 20px; }
	
		#archivespage a { color: #5c594a; }
	
		#archivespage li { padding: 2px 0px; }
	
		#archivespage li span { text-align: right; display: inline-block; margin: 0; padding: 2px 3px; background: #FFCC66; width: 15px; }

	.entry { font-size: 1.2em; line-height: 1.4em; text-align: justify !important; }

		.entry img { max-width: 100%; }

	.divender { background-repeat: no-repeat; background-position: bottom; } /* for the post enders */
	
	#maincontent { background-color: #e6d3b3; background-image: url(images/post-top.jpg); background-repeat: no-repeat; background-position: left top; width: 587px; }
	
		#maincontent .divender { background-image: url(images/post-bot.jpg); padding: 25px 20px; }
	
			#maincontent .entry { min-height: 100px; }
			
			#maincontent .postmetadata { text-align: right; font-size: 12px; }
			
				#maincontent .postmetadata a { color: #363636; }
				
			.entry a { color: #80784D !important; }

	#subcontentHolder { width: 392px; padding: 15px 0 0 0; }
		
		#subsidebar { margin-left: 392px; padding: 15px 0 0 0; }

		.sidecontent, .subcontent { background-color: #5c594a; background-image: url(images/minipost-top.jpg); background-repeat: no-repeat; background-position: top; color: #999; }
		
		.sidecontent, .micro { width: 185px; }
		
		.sidecontent { margin-bottom: 7px; }
		
		.macro { width: 385px; margin: 0 0 10px; }
		
		.micro { float: left; margin: 5px; }
	
			.subcontent a { color: #E6D3B3; }

			.sidecontent .divender, .subcontent .divender { background-image: url(images/minipost-bot.jpg); padding: 20px 15px; }
			
			.sidecontent .divender { height: 150px; padding: 50px 0; }
			
			.micro h2 { font-size: 16px; height: 40px;  }
		
			.micro .entry { overflow: hidden; height: 135px; font-size: 12px; }

				.subcontent .entry blockquote { margin: 0; padding: 0; font-size: 0.9em; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; background: none !important; border: none !important; color: #999 !important; }
		
			.subcontent .postmetadata { padding: 10px 0 0; }
			
				.subcontent .postmetadata, .subcontent .postmetadata a { font-size: 10px !important; color: #7c7c7c; }



			.commentlist { list-style: none !important; margin: 0; padding: 20px 0; font-size: 12px; }
			
				.commentinfo { float: left; width: 90px; text-align: right; }
				
				.pings .commentinfo { float: none !important; text-align: left; width: 350px; }
				
					.commentinfo a { color: #777; }

					.commentinfo small { font-size: 10px !important; }
				
					.commentinfo img { border: 3px solid #787560; }
					
					.pings .commentinfo img { display: none !important; }

					
					.commentinfo cite { color: #E6D3B3; font-style: normal; font-weight: bold; }
					
						.commentinfo cite a { color: #E6D3B3; font-style: normal; font-weight: bold; }

					
				.commentmsg { padding: 0 0 0 10px !important; margin: 0 0 15px 100px; border-left: 1px solid #787560; min-height: 125px; }
				
					.commentmsg a { color: #787560; }
					
				.pings .commentmsg { padding: 0 !important; margin: 0 !important; border: none !important; min-height: 14px !important; }
					
			
			#commentform {  }
			
			#commentform textarea { width: 350px !important; }
			
			#commentform #author, #commentform #email, #commentform #url, #commentform textarea { background: #5C594A !important; font-family: Arial, Helvetica, sans-serif; border: 1px inset #4E4B3F; font-size: 12px; color: #a9a9a9; }


	.navigation { background: url(images/navigation.jpg) no-repeat center top; padding: 15px 25px; margin: 10px 0 0 0; text-align: center; height: 36px; clear: both; }
	
		.navigation ul { margin: 0; padding: 0; }
	
		.navigation li { float: left; padding: 2px 10px; list-style: none; }
	
		.navigation a { color: #ccc; }



#sidebar { margin-left: 610px; width: 300px; padding: 10px 25px; list-style: none; background: url(images/sidebar.jpg) no-repeat; height: 968px; }
	
	#sidebar a { color: #ccc; }

	#sidebar li { padding: 0 0 15px 0; }
	
		#sidebar ul { margin-top: 15px; margin-bottom: 15px; }
	
		#sidebar li li { padding: 0; }
	
	#rss-readers { font-family: Georgia, "Times New Roman", Times, serif; font-size: 30px; color: #FFCC33 !important; display: block; width: 257px; height: 84px; padding: 38px 0 0 48px; background: url(images/rss-feed.png) no-repeat left; } #rss-readers:hover { text-decoration: none; text-align: left; }
	
	#searchform { background: url(images/searchbar.png) no-repeat top; text-align: center; height: 20px; padding: 3px 0 3px 0; }
	
		#searchform #s { background: none; border: none; width: 160px; font-size: 12px; }
		
		#searchform #searchsubmit { background: url(images/searchbutton.png) no-repeat center; color: #fff; text-transform: lowercase; font-size: 12px; height: 18px; padding: 0 0 5px 0; border: none; width: 53px; }

			
#footer { clear: both; padding: 10px; text-align: right; }
		
hr { display: none; }
.clear { clear: both !important; }
.hidden { display: none; }

/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.aligncenter, .center { margin: 0 auto; text-align: center; }

/* Captions */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto; }

.wp-caption {	border: 1px solid #DABD8D;	text-align: center;	background-color: #E0C8A0;	padding-top: 4px;	margin: 10px;	-moz-border-radius: 3px;	-khtml-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px; }

.wp-caption img {	margin: 0;	padding: 0;	border: 0 none; }

.wp-caption p.wp-caption-text {	font-size: 10px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */


/* WP PAGENAVI PLUGIN */

.wp-pagenavi { width: 350px; margin: 0 auto; display: inline-block; }

.wp-pagenavi span { border: none !important; }

.wp-pagenavi a, .wp-pagenavi .extend { border: none !important; color: #fff !important; background: none !important; }

.wp-pagenavi a:hover { border: none !important; color: #fff !important; background: #211D17 !important; }

.wp-pagenavi .current { background: #333 !important; color: #ccc !important; }

/* Flickr Badge */
/*
Images are wrapped in divs classed "flickr_badge_image" with ids
"flickr_badge_imageX" where "X" is an integer specifying ordinal position.
Below are some styles to get you started!
*/
#flickr_badge_uber_wrapper { text-align:center; width:300px; margin: 0 auto; height: 275px; }

	#flickr_badge_wrapper {padding:13px;}

		.flickr_badge_image { margin: 0 5px 10px 5px; float: left !important; }

			.flickr_badge_image img {border: 3px solid #333 !important; }

			.flickr_badge_image a:hover img {border: 3px solid #E21357 !important; }

	#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}

	#flickr_badge_icon {float:left; margin-right:5px;}

	#flickr_www {display:none !important; }

	#flickr_badge_uber_wrapper a:hover, #flickr_badge_uber_wrapper a:link, #flickr_badge_uber_wrapper a:active, #flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}

#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}


/* My BlogLog Badge */
.widget_mybloglog { width: 300px !important; }
#mybloglog-widget { margin: 0 auto; }
table#MBL_COMM { width: 300px !important; }
.mbl_img img {
	border: none !important;
	}
td.mbl_join {
	background-color: transparent !important;
	}
td.mbl_fo_hidden {
	display: none !important;
	}