/*
Theme Name: Photography N' Stuff
Theme URI: NOT AVAILABLE
Description: Theme for my blog
Version: 1.0
Author: Jose Brito
Author URI: http://jcbrito.com
*/



body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	color:#cccccc;
	background-color: #333333; 
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial;
	font-weight: normal;
}

h1 { font-size: 2.4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }

h2 img { margin-top: 4px; } 

.post h2 {
	margin:0;
	padding:0;
	text-align:left;
} /* This really has to stay here, so the following declarations override this one */

h2.pageheader,
h2.searchheader,
h2.photoheader,
h2.thumbsupheader,
h2.contactheader { font-size: 15px;
					font-weight: normal;
					padding-left: 20px;
					padding-bottom: 2px;
					margin-top: 30px;
					margin-bottom: 15px;
					color: #999999;
					border-bottom: 1px solid #666666; }
							   
h2.pageheader {	background: url('images/icon_pages.png') no-repeat top left; text-transform: capitalize; } 
h2.searchheader {	background: url('images/icon_search.png') no-repeat top left; } 
h2.photoheader {	background: url('images/icon_photo.png') no-repeat top left; }
h2.thumbsupheader {	background: url('images/icon_thumbsup.png') no-repeat top left; }
h2.contactheader {	background: url('images/icon_send.png') no-repeat top left; }

pre { overflow:auto; }

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dashed #999;
}

hr { display: none;	}

/* Colors ********************************************************************/

.red { color: #FF0000; }
.orange { color: #FFCC00; }

/* Hyperlinks ********************************************************************/

a img {	border: none; }

a {	text-decoration: none; }

a {	color: #ffcc00; }
a:hover { color: #ffcc00; text-decoration: underline; }

#hmenu a { color: #000000; padding: 2px; }
#hmenu a:hover { color: #000000; border-bottom: 2px solid black; text-decoration: none; }

.postmetadata a, .postmetadata-top a, .bookmarking a { color: #666666; }
.postmetadata a:hover, .postmetadata-top a:hover, .bookmarking a:hover { color: #ffcc00; text-decoration:none; }

.taglist a, .taglist a:hover { color: #ffcc00; }
.taglist a:hover { text-decoration: underline; }

.comments-bottom a, .comments-bottom a:hover { color: #33ccff; }
.comments-bottom a:hover { text-decoration: underline; }

.sidebar-box a, sidebar-box a:hover { color: #CCCC00; text-decoration: none; }
.sidebar-box a:hover { color: #CCCC00; text-decoration: underline; }

#footer a { color: #666666; border-bottom: 1px dashed #333333; text-decoration: none; }
#footer a:hover { color: #ffcc00; text-decoration: none; }

/* Forms and search ************************************************************************/

form { padding: 0; margin: 0; } /* IE6 Hack */

input.textbox, .captcha-text {
	border: 1px solid #212121;
	color: #ffffff;
	background-color: #333333;
	padding: 4px 5px 3px 5px;
}

input.button {
	border: 1px solid #212121;
	color: #cccccc;
	background-color: #454545;
	padding: 2px;
}

.searchbox input.textbox { width: 300px; }
.searchbox input.button {  height: 25px; margin-left: 5px; }

.searchbox {
	padding:10px 5px;
	text-align:center;
	clear: both;
	border: 1px solid #212121;
	background-color: #454545;
}
	
	/** Contact Form **/
	
	#contactForm { margin-bottom: 200px; }
	
	#contactForm table { border: 0; padding: 0; }
	#contactForm table td { border: 0; padding: 0 10px 0 0; }
	
	#contactForm label { color: #999999; }
	
	#contactForm input.textbox { width: 220px; } 
	
	#contactForm textarea  {
		width: 500px;
		margin-bottom: 5px;
		/** **/
		border: 1px solid #212121;
		color: #ffffff;
		background-color: #333333;
		padding: 7px;
		/** **/
		font-family: Arial, Helvetica, sans-serif;
	}
	
	#captcha-image { margin-top: 5px;  margin: 0; padding: 2px; border: 1px solid #212121; }
	
	.captcha-text { width: 80px; margin-top: 0px; }


/* Layout ************************************************************************/

body {	margin: 0;	padding: 0; }

#page {	margin: 0 auto;	padding: 0;	width: 800px; }

#header { height: 120px; background-color: #000000;
		  border-right: 3px solid #ffcc00; border-left: 3px solid #ffcc00;
		  margin-bottom: 0px; }

	#header h1 { margin:0px 20px; }
	#header .description { font-size:1.2em; }
	
	#header_search { height: 35px; padding-top: 15px; }
				
		#header_search input {
			width: 130px;
			height: 14px;
			float: right;
			border: 1px solid #333333;
			padding: 4px 4px 4px 28px;
			margin-right: 20px;
			background: #000000 url('images/search.png') no-repeat top left;
			background-position: -5px -5px;
			/* Text */
			color: #666666;
			font-size: 11px;
		}
			
	#hmenu {
		height: 24px;
		background: #ffcc00;
		background-position: 675px 8px;
		padding-top: 6px;
		padding-left: 20px;
		border-bottom: 2px solid #212121;
	}

	#hmenu ul {
		display:inline;
		padding:0px;
		margin-top:0px;
		margin-left: 0px; /* Allows Internet Explorer to display correctly the menu */
		margin-bottom: 0px;
	}
		
	#hmenu ul li {
		padding:0;
		display:inline;
		margin:0 25px 0 0;
	}
	
	#hmenu ul li {
		font: Arial;
		font-size:1.5em;
		font-weight:normal;
		text-transform: none;
	}
	
	#hmenu ul li:hover { border-bottom: 2px solid #ffcc00; }

#wrapper {	padding:20px 0px 20px 10px; }

#content {
	margin:0px;
	padding:0px;
	width:550px;
	float:left;
	clear: both;
}

	#feature { float:left; width: 100%; border: 1px solid #212121; background-color: #454545; }
	.featured-photo { float: left; padding: 5px 0px 5px 5px; }
		.featured-photo img { float: left; }
	
	.featured-description { float: left; padding: 8px 0px 0px 8px; text-align: left; }
	.featured-description a { color: #999999; }
	
		.featured-description h3 { margin:0 0 3px 0; padding:0; color: #ffcc00; }
		
		.phototitle { margin: 0; font-size: 1.2em; }
	
#sidebar {
	width:200px;
	float:right;	
	margin:0px;
	padding:20px 10px 20px 0px;
}	

#footer {
	margin: 20px auto 0 auto;
	padding:5px 10px 30px 10px;
	clear: both;
	text-align:center;
	font-size:1.1em;
	color: #666666;
	background: #000000 url('images/jcbritoblog.png') no-repeat center bottom;
	border-right: 3px solid #ffcc00;
	border-left: 3px solid #ffcc00;
	border-top: 15px solid #ffcc00;
}

/* End Layout */

/* Post *****************************************************************************/

.post {
	margin: 0;
	padding:20px 0px; 
	text-align: justify;
	overflow:hidden;
	clear:both;
	}

.post h3.post-title {
	font-weight:bold;
	font-size:1.8em;
	margin:0;
	padding:0;
	text-align:left;
}	

div.archive-title {
	font-size:1.6em;
	font-weight:bold;
}

.post hr {	display: none; 	}

.postheader { padding-bottom: 1px; } 

	.postheader h2 { padding-bottom: 2px; } /* To make it look cool on Google Chrome */
	
	.postmetadata, .postmetadata-top, .postdate, .bookmarking {
		color: #666666;
		clear: both;
		font-size:1.1em;
	}
	
	.postmetadata-top { float: right;
						font-size:1em;
						padding-left: 17px;
						margin-top: 0px;
						background: url('images/icon_categories.png') no-repeat top left; }
	
	.postmetadata { padding: 3px 0px 0px 17px;
					background: url('images/icon_arrowdown.png') no-repeat top left;
					border-top: 1px solid #666666; }
			
	.taglist {
		clear: both;
		padding-left: 17px;
		background:url('images/icon_tags.png') no-repeat top left;
		color: #ffcc00;
		margin-top: 3px;
	}
	
	.comments-bottom {
		margin-top: 5px;
		padding-left: 17px;
		background:url('images/icon_comments.png') no-repeat top left;
		color: #33ccff;  
	}
	
	.read-rest { font-size: 1.1em; }
	
	.bookmarking, .read-rest { text-align: right; padding-bottom: 3px; }
	.bookmarking ul { margin: 0; padding: 0;  }
	.bookmarking ul li { list-style-type: none; list-style-image: none; display: inline; padding-left: 16px; padding-right: 5px; }
	
	.bookmarking ul li.digg { padding-right: 0px; }
	
	.rss { background: url('images/icon_rss.png') no-repeat top left; }
	.send { background: url('images/icon_send.png') no-repeat top left; }
	.delicious { background: url('images/icon_delicious.png') no-repeat top left; }
	.digg { background: url('images/icon_digg.png') no-repeat top left; }
	
.clear { clear: both; }

.entry {
	font-size:1.3em;
	line-height:1.5em;
	margin:20px 0px;
}

.entry h3 { font-weight: bold; color: #ffcc00; font-family: Georgia, serif; text-transform: uppercase; }

.entry img {
	border: 1px solid #212121;
	background-color: #454545;
	padding: 5px;
}

.entry ul li { list-style-type: circle; }

.entry blockquote {
	border:1px solid #212121;
	color: #999999;
	font-size:0.9em;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding:1px 15px;
	margin:3px 30px;
	/*background: #454545 url('images/quotes.png') no-repeat top left;*/
	background-color: #454545;
	background-position: 5px 5px;
}

.entry blockquote blockquote {
	font-size:1em;
}

.wp-caption {
	border: 1px solid #212121;
	text-align: center;
	background-color: #454545;
	padding-top: 4px;
	margin: 0 auto;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 4px 4px 5px;
	margin: 0;
	color: #999999;
}

.entry fieldset {
	border:1px dashed #ccc;
}

.entry fieldset legend {
	font-weight:bold;
	text-transform:uppercase;
}

.entry table {
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#ccc;
	font-size:0.9em;
}

.entry table tr td {
	padding:5px 10px;
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;

}

.entry table tr th {
	border-width:1px 0 0 1px;
	border-style:solid;
	border-color:#ccc;
	padding:5px 10px;
	background:#f4f4f4;
	color:#666;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
}

.entry ol { list-style-type:decimal; }
.entry ol ol {	list-style-type:lower-alpha; }
.entry ol ol ol {	list-style-type:lower-roman; }

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

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

.alignright img, .alignleft img { padding-top: 5px; }
	
.alignright {
	padding:0;
	margin: 2px 0 5px 10px;
	display: inline;
	float:right;
	}

.alignleft {
	padding:0;
	margin: 2px 10px 5px 0;
	display: inline;
	float:left;
	}

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

.navigation .alignleft { text-align:left; }
.navigation .alignright { text-align:right; }

.navigation {
	font-size:1.2em;
	clear:both;
	margin:20px 0;
}

.center { text-align: center; }

.hidden { display: none; }


/* Comments ************************************************************************************/

#comments {
	font-size:1.4em;
	line-height:1.4em;
}

#respond {  }

	#comment-left { float: left;  text-align:right; }
	#comment-right { float: right; width: 350px; margin-bottom: 10px; }
	
	/*** Comment Forms ***/
	
	#comment-left label { color: #999999; }
	
	textarea#comment  {
		width: 340px;
		float: right;
		margin-bottom: 5px;
		/** **/
		border: 1px solid #212121;
		color: #ffffff;
		background-color: #333333;
		padding: 7px;
		/** **/
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
	}
	
	#comment-right input.button { float: right; clear: both; }
		
	/*** END Comment Forms ***/

#leave-comment { text-align: center; font-size: 0.9em; border-bottom: 1px dotted #212121; padding-bottom: 10px; }
	#leave-comment a { color: #33ccff; text-decoration: none; background:url('images/icon_comments.png') no-repeat top left; padding-left: 17px; }
	#leave-comment a:hover { color: #33ccff; text-decoration: underline; }

.commentlist {
	margin:20px 0;
	padding:0 0 1px 0;
	border-bottom: 1px solid #666666;
	clear: both;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	background:url('images/icon_arrowdown.png') no-repeat top left;
	border-top: 1px solid #666666;
}
	li.commentlist-header { padding: 10px 20px; background-image: none; border: 0; }
		
		li.commentlist-header span { background:url('images/icon_comments.png') no-repeat top left; padding-left: 17px; margin: 0; }
		li.commentlist-header a { color: #33ccff; text-decoration: none; }
		li.commentlist-header a:hover { color: #33ccff; text-decoration: underline; }
			
	.commentlist li.even { background-color:#333333; }
	.commentlist li.odd {  background-color:#333333; }
	
	.commentlist li.bypostauthor { background-color: #0f0f0f; } /* New in WP2.7: Author Highlighted comments */

.commentlist li em { color: #33ccff; }

.commentlist li p { text-align:justify; font-size: 0.9em; margin: 0 0 5px 0; }

li.comment div, li.pingback div {
	padding:20px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

ul.children li {
	list-style:none;
	background:url('images/icon_arrowright.png') no-repeat top left;
	background-position: 0px 5px;
	border-top: 1px dotted #666666;
	border-left: 1px solid #666666;
}

img.avatar {
	float:right;
	border:0px solid #212121;
	padding:2px;
	margin: 0 0 0 10px;
	background:#000000;
}

.comment-meta, .reply {
	margin:0;
	padding:0;
	font-size:0.8em;
	color: #666666;
}
	
	.reply { float: right; }

	.comment-meta a { text-decoration: none; }
	.comment-meta a:hover { color: #ffcc00; text-decoration: underline; }
	
	.reply a { color: #33ccff; }
	.reply a:hover { color: #33ccff; text-decoration: underline; }

.comment-author cite {
	font-style:normal;
	font-weight:bold;
}

#comments div.navigation {
	font-size:0.8em;
}

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

#sidebar { font: 1.2em Arial, Sans-Serif; padding-top: 0; }

	.sidebar-title { padding: 5px 0px 2px 10px; }
	.sidebar-title img { border: 0; }
	
	.sidebar-box { background: #454545 url('images/sidebar-box-arrow.png') no-repeat top left;
				   background-position: 10px 0px;
				   padding: 18px 10px 15px 10px;
				   border-bottom: 1px solid #212121;
				   margin-bottom: 30px; }
				   
				 .sidebar-box h2 { font-size: 1em;
				 				   text-transform: uppercase;
								   margin-bottom: 3px; }
				 
				 .sidebar-box ul, .sidebar-box ul ol { margin: 0; padding: 0; }
				 
				 .sidebar-box ul li { margin: 0;
				 				      padding: 0;
								      list-style-type: none;
								      list-style-image: none;
									  line-height: 18px;
									 }
									 
				.sidebar-box ul li.rss,
				.sidebar-box ul li.send,
				.sidebar-box ul li.delicious,
				.sidebar-box ul li.digg { padding-left: 18px;
										  padding-bottom: 3px;
										  border-bottom: 1px dotted #666666;
										  background-position: center left; }
									 
				.sidebar-box ul ul, .sidebar-box ul ol {
					margin: 5px;
				}
				
				.sidebar-box ul ul ul, .sidebar-box ul ol {
					margin: 0 0 0 2px;
				}

				.sidebar-box ul ul li, .sidebar-box ul ol li {
					margin: 2px 0 0;
					margin-left: 10px;
					font-size: 0.9em;
				}
				
				.sidebar-box ul ol li {
					list-style: decimal outside;
				}
				
				.sidebar-box ul p, .sidebar-box ul select {
					margin: 5px 0 8px;
				}
	
/* Calendar *******************************************************************************/

#wp-calendar {
	empty-cells: show;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	font-weight:bold;
	}

#wp-calendar caption {
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	margin:0 0 5px 8px;
	color:#666;
	}

#wp-calendar td {
	padding: 3px 5px;
	text-align: center;
	}
	
#wp-calendar td#today {
	background:#eee;
}	

#wp-calendar td#prev a {
	padding: 0;
	text-align:left;
	font-weight:normal;
}

#wp-calendar td#next a {
	padding: 0;
	text-align:right;
	font-weight:normal;
}
/* End Calendar */