/*==========          Reset          ==========*/
html, body,
h1, h2, h3, h4, h5, h6,
ul, ol, li, dl, dt, dd,
p, blockquote, pre, form, img, sup, sub, small,
table, th, td {
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
}

a:focus { outline: none; }

html, body {
	height: 100%;
	overflow: auto;
}

li { list-style: none; }

body {
	background: #666 url(images/bg-container.png) repeat-y center;
	font: normal normal normal 100% Verdana, Arial, Helvetica, sans-serif;
}

input, textarea { font: 1em Verdana, Arial, Helvetica, sans-serif; }

label[for], a { cursor: pointer; }

/*==========          Basics Elements          ==========*/

a,
a:link,
a:visited { color: #900; text-decoration: none; }
a:hover { color: #ba0000; }
a:active { color: #900; }


.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
}





/*==========          Basic Layout          ==========*/

#body {
	height: 100%;
	overflow: auto;
	position: relative;
	width: 100%;
}


#wrapper {
	margin: 0 auto;
	width: 960px;
	background: white;
}

#container {
	background: white;
	clear: both;
	padding: 40px;
}

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

#content {
	float: left;
	width: 640px;
	position: relative;
}



/*==========          Header          ==========*/

#header {
	background: url(images/bg-header.png) repeat-x;
	height: 90px;
	position: relative;
}

	#header #logo {
		left: 40px;
		top: 10px;
		position: absolute;
	}
	
	#header .main-menu {
		clear: both;
		position: relative;
	}
	
		#header .main-menu ul {
			position: absolute;
			right: 40px;
			top: 52px;
		}
			#header .main-menu ul li {
				float: left;
				padding: 0 0 0 50px;
			}
				#header .main-menu ul li a,
				#header .main-menu ul li a:link,
				#header .main-menu ul li a:visited { color: white; }
				
				#header .main-menu ul li a:hover,
				#header .main-menu ul li a:active { color: #d2b3b3; }
				
				#header .main-menu ul li.current_page_item a {
					color: #d2b3b3;
					padding-bottom: 20px;
					background: url(images/current-tab.png) no-repeat bottom center;
				}



/*==========          Sidebar          ==========*/

	#sidebar .widget {
		border: 1px solid #900;
		clear: both;
		margin: 0 0 30px;
	}
		#sidebar .widget .content {
			padding: 10px;
			font-size: .75em;
		}
	
	#sidebar .widget ul li {
		padding-bottom: 6px;
	}
	
	#sidebar h3 {
		background-color: #900;
		color: white;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		line-height: 2em;
		font-size: .8em;
		padding: 0 0 0 10px;
	}
		
	
	/*-----     Follow Me     -----*/
			
		#sidebar .follow-me .content { padding: 5px 0; }
		
			#sidebar .follow-me .content li {
				text-indent: -9999px;
				margin-top: 4px;
			}
			#sidebar a[href^="http://www.facebook.com"] {
				font-size: 20px;
			}
			#sidebar .follow-me a {
				display: inline-block;
				float: left;
				height: 46px;
				margin: 0 0 0 7px;
				width: 40px;
			}
			
				#sidebar .follow-me .twitter a { background: url(images/follow-twitter.png) no-repeat; }
				#sidebar .follow-me .rss a { background: url(images/follow-rss.png) no-repeat; }
				#sidebar .follow-me .facebook a { background: url(images/follow-facebook.png) no-repeat; }
				#sidebar .follow-me .linkedin a { background: url(images/follow-linkedin.png) no-repeat; }
				
				
				#sidebar .widget_links a[href*="twitter.com"] { background: url(images/follow-twitter.png) no-repeat;  }
				#sidebar .widget_links a[href*="feed"] { background: url(images/follow-rss.png) no-repeat; }
				#sidebar .widget_links a[href*="facebook.com"] { background: url(images/follow-facebook.png) no-repeat; }
				#sidebar .widget_links a[href*="linkedin.com"] { background: url(images/follow-linkedin.png) no-repeat;  }
				

	/*-----     Links     -----*/
	
		#sidebar .widget_links ul li {
			background: url(images/bullet.png) no-repeat;
			padding: 0 0 8px 20px;
			color: black;
		}
		
			#sidebar .widget_links ul li a,
			#sidebar .widget_links ul li a:link,
			#sidebar .widget_links ul li a:visited { color: black; }
			
			#sidebar .widget_links ul li a:hover { color: #666; }
			#sidebar .widget_links ul li a:active { color: #666; }

	
	/*-----     Archives     -----*/

		#sidebar .widget_collapsarch .content {
			padding: 10px 10px 10px 0;
		}
			
			#sidebar .widget_collapsarch ul li {
				padding: 0 0 10px 10px;
				cursor: pointer;
			}
				#sidebar .collapsArch { font-weight: bold; }
				
					#sidebar .widget_collapsarch a,
					#sidebar .widget_collapsarch a:link,
					#sidebar .widget_collapsarch a:visited { color: black; }
					#sidebar .widget_collapsarch a:hover,
					#sidebar .widget_collapsarch a:active {	color: #555; }
					
					#sidebar .widget_collapsarch .collapsArch .collapsArch a,
					#sidebar .widget_collapsarch .collapsArch .collapsArch a:link,
					#sidebar .widget_collapsarch .collapsArch .collapsArch a:visited { font-weight: normal; }
			
				#sidebar .widget_collapsarch ul ul { padding: 10px 0 0px; }
				
					#sidebar .widget_collapsarch ul ul ul { padding-left: 2px; }
				
				
				#sidebar .widget_collapsarch li.collapsArch span.collapse,
				#sidebar .widget_collapsarch li.collapsArch span.expand { color: #900; }
				
				
	/*-----     Categories     -----*/
	
		#sidebar .widget_categories ul li {
			background: url(images/bullet.png) no-repeat;
			padding: 0 0 8px 20px;
		}
					
			#sidebar .widget_categories ul li.current-cat {
				font-weight: bold;
				background: url(images/arrow-go.png) no-repeat;
			}
			#sidebar .widget_categories ul li ul.children { padding: 8px 0 0; }
		
			#sidebar .widget_categories ul li a,
			#sidebar .widget_categories ul li a:link,
			#sidebar .widget_categories ul li a:visited { color: black; }
			
			#sidebar .widget_categories ul li a:hover { color: #666; }
			#sidebar .widget_categories ul li a:active { color: #666; }
		
	/*-----     Search     -----*/
	
		#sidebar .widget_search label { display: none;}
		
		#sidebar .widget_search input[type="text"] {
			border: 1px solid #ccc;
			width: 98%;
			height: 18px;
			padding-top: 4px;
		}	
		
		#sidebar .widget_search input[type="submit"] {
			margin: 4px 2px 10px 0;
			float: right;
		}
				
		
	/*-----     Custom Books     -----*/
	
		#sidebar .widget_custom_books .content { padding: 0; }
		
			#sidebar .widget_custom_books li {
				width: 198px;
				float: left;
				margin: 10px 0;
			}
			
				#sidebar .widget_custom_books li img {
					width: 70px;
					height: 70px;
					float: left;
					margin-bottom: 5px;
				}
			
				#sidebar .widget_custom_books li a {
					width: 110px;
					padding-bottom: 5px;
					display: block;
					float: left;
					font-size: .9em;
					font-weight: bold;
				}
				
				#sidebar .widget_custom_books li p {
					text-align: left;
					padding-left: 10px;
					font-size: .9em;
					line-height: 1.3em;
				}
	
	

/*==========          Content          ==========*/

	#content .feature {
		padding: 0 20px 20px !important;
		border: 2px solid #900 !important;
	}

	#content .pages h1,
	#content h1.page-title {
		font-size: 1.4em;
		line-height: 1.2em;
		border-bottom: 2px solid #900;
		float: left;
	}
	
	
	#content .post,
	#content .pages  {
		padding: 0 0 20px;
		margin: 0 0 30px;
		position: relative;
	}
	#content .top-post {
		border: 7px solid #eee;
		padding: 10px;
	}	
	
	#content .post h1 {
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1.1em;
		padding-bottom: 10px;
	}
	
	#content .top-post h1 {
		font-size: 1.6em;
		font-weight: bold;
	}
	
	
	#content #disqus_thread h3 {
		padding-bottom: 8px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
		#content .post small {
			color: #333;
			display: block;
			float: left;
			font-size: .68em;
			width: 250px;
		}
		
		
		#content .post .post-social-links {
			position: absolute;
			top: -15px;
			right: 0px;
			width: 400px;
		}
		
			#content .post .post-social-links .comments-popup {
				font-size: .95em;
				float: right;
				padding-right: 15px;
				background: url(images/comments.gif) no-repeat top right;
			}
			#content .post .post-social-links .fb-share {
				float: right;
				padding-left: 15px;
				position: relative;
				right: -10px;
			}
			#content .post .post-social-links .tweet-me {
				float: right;
				position: relative;
				right: -25px;
			}
		
	
		#content .post .content,
		#content .pages .content {
			position: relative;
			clear: both;
			padding: 20px 0 0 0;
			font: .75em/1.4em Verdana, Arial, Helvetica, sans-serif;
		}
		
		#content h2.pagetitle {
			font-size: 1em;
			line-height: 1em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			padding-bottom: 20px;
		}
		
			#content .post .content p,
			#content .pages .content p {
				color: #333;
				line-height: 1.6em;
				padding: 0 0 1.2em 0;
				text-align: justify;
			}
			
			#content .post .content .post-shadow {
				background: url(images/post-shadow.png) repeat-x;
				bottom: -39px;
				height: 20px;
				width: 100%;
				position: absolute;
			}
		
		
		
		
/*==========          Contact          ==========*/

.page-contact {
	font-size: .75em;
	margin: 50px auto 0;
	width: 430px;
}

	.page-contact p { padding: 0 0 15px; }
	.page-contact p.buttons { text-align: right; padding-right: 10px }

	.page-contact label {
		color: #900;
		float: left;
		font-size: 1.2em;
		font-weight: bold;
		padding: 4px 10px 0 0;
		text-align: right;
		width: 100px;
	}

	.page-contact .input-text-normal,
	.page-contact .textarea-normal {
		background: #fafafa;
		border: 1px solid #ddd;
		padding: 4px 5px 0;
		width: 300px;
	}
	
	.page-contact .input-text-normal { height: 20px; }
	.page-contact .textarea-normal { line-height: 1.4em; }	
	
		.page-contact .input-text-normal:focus,
		.page-contact .textarea-normal:focus {
			background: white;
			border: 1px solid #900;
		}
		
	.page-contact .button {
		background: #900;
		border: none;
		color: #fff;
		cursor: pointer;
		font-weight: bold;
		padding: 5px;
		margin-left: 5px;
	}
		.page-contact .button:hover { background: #B00000; }