/*  
Theme Name: Az, Caz & Co - Monkey Theme
Theme URI: http://www.azcazandco.com
Description: CSS Reboot Theme
Version: 1.0
Author: Alan White
Author URI: http://www.azcazandco.com
*/

body { 
padding: 0; margin: 0; 
font-size: 62.5%; font-family: Tahoma; text-align: center; 
background: #000 url("assets/img/bg-1024x768.jpg") no-repeat top right; 
color:#c5c5c5; }

/* Basic Text Reset
-------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, p { padding: 0; margin: 0; font-size: 1.2em; font-weight: normal; }
ul li { font-size: 1.0em; }

/* Basic Link Behaviour
-------------------------------------------------------*/
a { color:#DEDBBD; text-decoration: none; }
a:hover { text-decoration: underline; }


/* Set Headings & Text
-------------------------------------------------------*/

	/* Masthead 
	---------------------------------------------*/
	h1 { }

	/* Content Area
	---------------------------------------------*/
	h1 { padding: 40px 0; font-size: 4.3em; color: #AFA075; }
	h1.thin { display: none;}
	h2 { margin: 0 0 10px 0; color: #AFA075; font-weight:600; /*letter-spacing: 0.8px; font-variant: small-caps;*/ font-size: 1.3em;}
	h3 { font-size: 1.1em; margin: 0 0 10px 0; }
	#side-col-1 h3 { margin: 15px 0 5px 0; font-weight: bold;  width: 98%;}
	p  { font-size: 1.2em; line-height: 1.6;}
	
	/* Sidebar Navigation
	----------------------------------------------*/
	.falbum-thumbnail { float: left; margin-right: 5px}

/* Main Structure
-------------------------------------------------------*/

#wrapper { padding-bottom: 40px; display: block; }

#content { float: left; width: 500px; margin: 15px 30px 0 30px; text-align: center; }
* html #content { margin-left: 10px; }
	#content-wrapper { }
		#skip-links { text-align: left; position: absolute; left: -9000px; }			
			#skip-links a { padding: 0 15px; }
			#skip-links .skiplink { border-right: 1px solid #e1d9c5; padding-left: 0; }
			#skip-links a:hover { text-decoration: underline; }
		
		ul#primary-nav { list-style-type: none;  padding: 0; margin: 15px 0 0 0; display: block;}
			ul#primary-nav li { float: left; border-left: 1px solid #e1d9c5;}
			ul#primary-nav li.first { border: none; }
				ul#primary-nav li a { padding: 0 15px; font-size: 1.2em; }
			
		/* Home Page 
		----------------------------------------------*/
		ul#fp-posts, ul#fp-comments { list-style-type: none; margin: 0 0 40px 0; padding: 0; border-top: 1px dashed #424142;}
			ul#fp-posts li, ul#fp-comments li { padding: 0; margin: 0; border-bottom: 1px dashed #424142; font-size: 1.2em;}
				ul#fp-posts li a, ul#fp-comments li a { padding: 10px 0; display: block; margin: 0; }
				ul#fp-posts li a:hover, ul#fp-comments li a:hover { background-color: /*#425131*/ #181C18; text-decoration: none; }
		
		ul#recent-comments-list { list-style-type: none; padding: 0; margin-left: 15px; }
			 ul#recent-comments-list * { background-image: none; list-style-type: none; }
				ul#recent-comments-list li {border-bottom: 1px dashed #424142; padding: 10px 0; margin-right: 10px; }
				ul#recent-comments-list li a { width: auto; background-image: none; }
				ul#recent-comments-list li img { float: left; border: 1px solid #424142; margin-right: 9px; }

		
		/* Entries
		----------------------------------------------*/			
		acronym { border-bottom: 1px dashed #424142; }
		#entries .entry, #entries .full-entry { display: block; margin-bottom: 40px; padding-bottom: 20px; background-image:  url("assets/img/entry-line.jpg"); background-position: bottom center; background-repeat: no-repeat; /*font-family: Verdana, Arial, Helvetica, sans-serif;  font-family: 'Trebuchet MS';*/}
		/*#entries .entry p, #entries .full-entry p{ text-align: left; line-height: 1.7; padding: 0 0 1em 0;  letter-spacing: 0.8px;}*/
		#entries p { text-align: left; line-height: 1.7; padding: 0 0 1em 0;  font-size: 1.2em; /*word-spacing:0.1em; font-family: 'Trebuchet MS';*/ }
			/*#entries p:first-letter { font-family:Georgia, "Times New Roman", Times, serif;  display: block; font-size: 1.8em; padding: .4em .1em 0 0;}
			#entries p:first-line { margin-bottom: -5px; line-height: 0.8em;} */
			#entries p a {  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; /*border-bottom: 1px solid #ADA273; padding: 2px; background-color: #181C18; */ text-decoration: underline; letter-spacing:normal;}
			#entries p a:hover { color: #ADC3A5;  }
			
			
			
		#entries .full-entry { background-image: none; }
		#entries h2 { font-family: Georgia, "Times New Roman", Times, serif }
			#entries .full-entry p#comment-link { text-align: center; font-size: 1.2em; }
			#entries img { margin: 0 auto 15px auto; }
			#entries dl, #entires dl dt, #entires dl dd { margin: 0; padding: 0; font-size: 1em; text-align: left; font-size: 1.1em; }
			#entires dl dd p {  }
			
			#entries ul { text-align: left; }
			#entries ul li { font-size: 1.1em; padding-bottom: 10px; margin-left: -10px;}
			#entries ul li span.date { font-family: Verdana, Arial, Helvetica, sans-serif }
			
			#entries ol { text-align: left; }
			#entries ol li { font-size: 1.2em; padding-bottom: 10px; margin-left: -10px; line-height: 1.7; }
			
			#entries code, pre { text-align: left; display: block;font-size: 1.1em; font-family: "Courier New", Courier, monospace; background-color: #181C18; border-top: 1px dashed #424142; border-bottom: 1px dashed #424142; padding:15px; margin: 15px 0; color: #ccc;}
			
		blockquote { background-color: #181C18; border-top: 1px dashed #424142; border-bottom: 1px dashed #424142; padding: 25px 15px 0 15px; margin: 5px 0 15px 0; background: #181C18 url(assets/img/blockquote.gif) no-repeat top left; text-indent: 40px; line-height: 1.6; letter-spacing:normal;}
		blockquote:first-letter { font-size: 1.2em; }
		.utwtags { background-color: #181C18; border-top: 1px dashed #424142; border-bottom: 1px dashed #424142; padding: 15px; margin: 10px 0 10px 0; }
			.utwtags h2 { letter-spacing: 0.8px; font-variant: small-caps; font-size: 1.5em; }
			.utwtags a { font-size: 1.2em; font-variant: small-caps; font-family: Georgia, "Times New Roman", Times, serif;  }
				
		h2.home, #the-content h3 { text-align: left;  background-color: #181C18; border-top: 1px dashed #424142; border-bottom: 1px dashed #424142; padding: 5px; font-weight:normal !important; color: #ADA273 !important; }
		#the-content img { padding: 15px auto; }
		
		#pandemic-comic p img { padding: 0; margin: 0; }
		#pandemic-comic p br { display: none;  }
		
		img.me { float: left; margin-right: 10px !important; padding: 2px; border: 1px solid #424142;  }
		
		/* Category Pages 
		----------------------------------------------*/
		p#page-intro { border-top: 1px dashed #424142; border-bottom: 1px dashed #424142; padding: 25px 15px; margin: 25px 0 20px 0; text-align:justify; } 
		div#page-intro.jzy { background-image: url(assets/img/jyz-bg.jpg); padding: 25px 15px 0 15px; text-align: left; background-repeat:no-repeat; }
			div#page-intro blockquote { font-size: 1.1em; padding-bottom: 15px; }
		
		/* Archives
		----------------------------------------------*/
		#archives #page-intro { border-bottom: none; padding-bottom: 0;}
		#archives h3 { text-align: left;  background-color: #181C18; border-top: 1px dashed #424142; border-bottom: 1px dashed #424142; padding: 5px 15px; }
		
		/* Challenges
		----------------------------------------------*/
		ul#challenges { margin: 0; padding: 0; list-style-type: none; }
			ul#challenges li { padding: 0; margin: 0 0 20px 0; }
			ul#challenges li h3 { background: #000 url(../../../images/challenges/controller.gif) no-repeat 0% 100%; padding: 10px 0 0 24px;}
			ul#challenges li img { border: none; }
		
		/* Comments
		----------------------------------------------*/
		#comments { background-image: url(assets/img/bg-comments-top.gif); background-position: top center; background-repeat:no-repeat; }
			#comments h2 { font-size: 2.5em; padding: 40px 0 5px 0; text-transform:none; font-variant: normal; }
			ul#comment-list { list-style-type: none; margin: 0 40px; padding: 0;  }
				ul#comment-list li { padding-bottom: 30px; text-align: left; position: relative; }
				ul#comment-list li div.comment-meta { display: block; background-color:#181C18; margin-bottom: 10px; padding: 5px 0; }
				ul#comment-list li div.comment-meta a img { border: 1px solid #424142; float: left; margin: 0 5px; }
				ul#comment-list li div.comment-meta p { float: left; padding: 3px 0 0 0;}
				ul#comment-list li div.comment-meta p span.author-note { display: none; }
				ul#comment-list li p { text-align:left; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; padding: 5px 10px; letter-spacing: 1.2px;}
				
				ul#comment-list li.blog-author { background-color: #2a271c;  margin-bottom: 20px;}
				ul#comment-list li.blog-author div.comment-meta p span.author-note { display: block !important; position: absolute; top: 10px; right: 10px; text-transform:uppercase; color: #AFA075;}			
				ul#comment-list li.blog-author div.comment-meta { border-top: 1px dashed #424142;  }
				/*
					ul#comment-list .comment-author .gravatar { border-right: 1px dashed #424142; float: left; margin: 0 10px 0 0; padding: 0;}
					ul#comment-list .comment-author p { margin: 0; padding: 5px 0 0 0; }
					ul#comment-list .comment-author p { display: block; width: auto; float: left; }
					ul#comment-list li p { text-align: justify; line-height: 1.6; padding-bottom: 1em;}
				*/
		#back-to-top { margin: 20px 0 0 0; display: block; }
					
			
/* Sidebar
-------------------------------------------------------*/	
#sidebar { text-align: left; float: left;  margin-top: 225px;   }
	#sidebar-wrapper { }
		#sidebar-wrapper h2 { margin: 20px 0 10px 0; font-size: 1.2em; text-transform: none; font-variant: normal; }
		#sidebar-wrapper p#about { width: 21em; }
		#sidebar-wrapper ul { margin: 0 0 20px 0; padding: 0; list-style-type: none; }
			#sidebar-wrapper ul li { font-size: 1.1em; padding-bottom: 0.5em;}
				
		a.subscribe-to-feed { background: #000 url("assets/img/feed.jpg") no-repeat left center; padding: 5px 0 0 25px; font-size: 1.1em; border: 0;}
			
			#bottom-section { display: block; padding-top: 75px; }
			#side-col-1 { float: left; margin-right: 10px; }
			#side-col-2 { float: left; border-left: 1px dashed #424142; padding: 0 0 20px 10px; }
			#pandemic-ad-wide {display: none; }
			#pandemic-ad-thin { display: block; }
			
			ul#recent-comments {  }
				ul#recent-comments li { border-bottom: 1px dashed #424142; padding: 5px 0; }
				
			#sidebar a img { border: none; }
			
			
			
			
				
/* Forms
-------------------------------------------------------*/	
	fieldset { border: 0; padding: 0; margin: 0; }
	legend { font-size: 1.2em; color: #AFA075; margin: 0 0 10px -10px; font-weight: bold; overflow:visible; }
	label, label span { display: block;  text-align: left;}
	label {  font-size: 1.1em; margin-bottom: 10px; }
	label span { margin-bottom: 5px; }
	input, textarea { background-color: #1C1E1C; border: 1px solid #282828; -moz-border-radius: 5px; color: #ccc; width: 100%;}
	input:focus { border-color: #5B533B; }
	textarea:focus { border-color: #5B533B; }

	/* Contact Form
	---------------------------------------*/
	#contact-form { width: 170px; }
	
	/* Comments Form
	---------------------------------------*/
	#comment-form { background-image: url(assets/img/bg-comments-bottom.gif); background-position: bottom center; background-repeat:no-repeat; padding: 0 0 100px 0; margin-bottom: 20px; }
		#comment-form h2 { margin: 0 0 40px 0; padding-top: 0; }
		#comment-form form { margin: 0 40px; text-align: left; }
		#comment-form fieldset { width: 100%; }
		#comment-form fieldset label span {  }
		
		#comment-form fieldset input {  } 
		#comment-form fieldset textarea { margin: 0;}
		
		#grav-signup-holder { text-align: left; }
			#grav-signup-holder label.evil-checkbox { padding: 10px 0; }
				#grav-signup-holder label.evil-checkbox * { display: inline; width: auto; }
				#grav-signup-holder label.evil-checkbox input { float: left; background-color: none; border: none; }
				#grav-signup-holder label.evil-checkbox span{ display: block; width: auto; padding-top: 2px; }
				
/* Extra Content 
-------------------------------------------------------*/	
#sub-content { width: 100%; background: #181C18; display: block; clear: both; padding: 20px 0; }
	#sub-content h2 { font-size: 1.2em; text-transform:uppercase; }
	#sub-content #sub-wrapper { display: block; padding: 30px; }
	#sub-content #sub-col-1 { width: 52em; float: left; margin-right: 10px; text-align: left;}
	#sub-content #sub-col-2 { float: left; border-left: 1px dashed #424142; width: 25em; text-align: left; padding-left: 10px; margin-right: 10px; }
	#sub-content #sub-col-3 { float: left; border-left: 1px dashed #424142; width: 25em; text-align: left; padding-left: 10px; }
	
	#sub-content ul { padding: 0; margin: 0; }

/* Clearing
-------------------------------------------------------*/
.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearing {display: inline-table;}
/* Hides from IE-mac \*/
  * html .clearing {height: 1%; }
  .clearing {display: block;}
/* End hide from IE-mac */

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:10px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#DEDBBD;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

#entries p a[href^="http://"], 
#entries p a[href^="HTTP://"]  { background: transparent url('external.gif') no-repeat center right; display: inline; width: auto; padding-right: 15px; margin-right: 5px; }
#entries p a[href^="http://"]:hover, 
#entries p a[href^="HTTP://"]:hover  { background: transparent url('external_ov.gif') no-repeat center right; display: inline; width: auto; padding-right: 15px; margin-right: 5px; }  
#entries p a[href^="http://www.azcazandco.com"],  
#entries p a[href^="http://azcazandco.com"], 
#entries p a[href^="http://www.azcazandco.com"]:hover, 
#entries p a[href^="http://azcazandco.com"]:hover  { background-image: none; padding-right: 0; }

.ch_code_container {
background-color: #f0f0f0;
border: 1px solid #C3CED9;
padding: 0px 0px 0 0;
width: 100%;
text-align: left;
font-size:1.00em;
overflow:auto;
}
.ch_code_container .head
{
color: #808080;
font-weight: bold;
background-color: #f0f0ff;
border-bottom: 1px solid #d0d0d0;
padding: 2px;
}