/*
Theme Name: Nicdev IV
Theme URI: http://nicolasrosental.com/
Description: A very simple two column blog
Version: 0.3
Author: Nic Rosental
Author URI: http://nicolasrosental.com/
Tags: brown grey two-columns fixed-width

*/

body{
	/*	background-image: url('images/bg_wood.jpg');
		background-repeat: repeat-x, repeat-y; */
		margin: 0;
		
}


#wrapper {
			width: 100%;
			overflow: auto;
			
}


/* Header */

#header {
			/*width: 960px;*/
			overflow: auto;	
			background-color: #2c2a27;
			height: 200px;
			
}

#header a:hover {
					border-bottom: 0;
}

#title_pic {
		    	margin: 10px auto auto auto;
}

/* Main area */
#main {
			overflow: auto;
			/* float: left;
			width: 620px; */
			/*background-color: #3b3732;*/
			padding: 20px;

}

#main p {
			color: #261d10;
			padding-bottom: 10px ;
			
}

/* Sidebar */

#sidebar {
			overflow: auto;
			/* float: left;
			width: 300px; */
			/* background-color: #261d10; */
			/* background-color: #3b3732 */
			background-color: #242429;
			color: #eee;
			font-size: .8em;
			padding: 20px;

}

#sidebar li {
				line-height: 1.2em;
				letter-spacing: 1px;
}


#sidebar h2 {
				font-size: 1.4em;
				font-weight: 600;
}

.sidebar_box {
				padding: 10px;

}

#sidebar p, #sidebar ul {
					margin: 10px auto;
}


#sidebar input {
				font-size: 1.4em;
				margin: 10px auto;
}



/* Content */


.content_full {
						width: 960px;
						margin: 0 auto;
						overflow: auto;
}

/* The numbers in the class represent a percentage of 960px. Yes, I could've used percentages to set the 
width, but I like pixels better. */

.content_66 {
				width: 620px;
				margin: 0 auto;
				padding: 10px;
}

.content_43 {
				width: 420px;
				margin: 0 auto;
				padding: 10px;
}

.content_33 {
				width: 300px; 
				min-height: 130px;
				margin: 0 auto;
				padding: 10px;
				overflow: auto;
}

.post_title, .post_title h2 {
				/*font-family: Georgia, serif;*/
				color: #9d9790;
				font-size: 1.4em;
				font-weight: 600;
}

.avatar {
			float: left;
			padding-right: 10px;
			padding-bottom: 1px;
}


ul.social_link {
				position: absolute;
				margin-bottom: 0;
				padding: 0;
}

.social_link li {
					display: inline;
}

#search_field {
				width: 200px;
}

.post_metadata {
				font-size: .6em;
}

.comment p{
			font-size: .8em;
			margin-top: 5px;
}

.comment-body {
				float: left;
}

#respond {
			float: left;
}

.comment-body {
				margin: 10px 0;
				padding: 10px;
}

#main .comment-body p, .says {
						color: #eee;
}

.odd .comment-body {
						background-color: #080d13;
						width: 420px;

}

.even .comment-body {
		background-color: #2c2927;
		width: 420px;
}

.depth-2 > .comment-body, .depth-4 > .comment-body {
														background-color: #1d190d;
														margin-left: 40px;
														
}

.depth-3 > .comment-body, .depth-5 > .comment-body {
														background-color: #21201e;
														margin-left: 40px;
}

.reply {
			float: right;
}

.shadow {
				box-shadow: 0 0 20px #666;
				-moz-box-shadow: 0 0 20px #666;
				-webkit-box-shadow: 0 0 20px #666;
				margin-bottom: 30px;
				margin-right: 30px;

}

.post_wrap {
				margin-bottom: 40px;
}

.tag_link {
				margin-bottom: 20px;
}

/* Footer */

#footer {
			color: #eeeeee;
			background-color: #111111;
}

#footer p {
			margin: auto;
			text-align: center;
			font-size: .6em;
			padding: 10px;
						
}

/* General */

body {
		/* line-height: 1.2; */
		font-family: ÒCentury GothicÓ, ÒApple GothicÓ, sans-serif 

}


p	{
		letter-spacing: 1px;
		font-size: .9em;
		line-height: 1.2em;
		margin-top: 5px;
}

a {
	text-decoration: none;
	color: #aaa;

}

a:hover {
			border-bottom: dotted 1px #aaa;
}

.right {
			float: right;
			padding: 2px;
}

.left {
		float: left;
}

input {
		/*font-size: 1.2em;
		margin-top: 5px;
		margin-bottom: 5px;*/
}

h2, h3 {
		margin-bottom: 10px;
}

h2  {
		font-size: 1.2em;
		font-weight: 800;
}

strong {
		font-weight: 800;
}

pre {
		max-width: 420px;
		/* Browser specific (not valid) styles to make preformatted text wrap */
		white-space: pre-wrap;       /* css-3 */
		white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		word-wrap: break-word;       /* Internet Explorer 5.5+ */
		line-height: 1.4em;
}

.gutter {
			margin-top: 5px;
}

img {
	padding: 3px;
}