@import 'init.css';
@import 'fonts/georgia.css';

body {
	
	background: #515151 url(../images/bg.jpg) fixed;
	color: #333;
	margin: 30px 0;

}


a { 
	
	color: #34426a;
	text-decoration: none;
	
}

a:hover { 
	
	color: #858ea6;
	color: rgba(52,66,106,.6); 
		
}

blockquote {

	background: #eee;

}



/*-- Clearing Styles & Container --*/



.block {

	width: 740px;
	margin: 0 auto;
	display: block;
	
}

.clearfix, .section, .group { display: inline-block; }

.block:after, .group:after, .section:after {

    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;

}

.column {

	float: left;
	width: 240px;

}

#container {
	
	width: 740px;
	padding: 40px 60px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0px 0px 15px rgba(0,0,0,.7);
	-webkit-box-shadow:  0px 0px 15px rgba(0,0,0,.7);
	-moz-box-shadow:  0px 0px 15px rgba(0,0,0,.7);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#content {

	width: 480px;
	padding: 0 40px 20px 0;
	
}

#sidebar {

	width: 220px;
	padding: 0 0 20px 0;
}

/*-- Header/Logo --*/

#header h1 {

	padding: 0;
	line-height: 1;
}

#header h1 a {
	
	font-size: 16px;
	color: #450000;
	display: block;

}

#header h1 a:hover {

	color: rgba(69,0,0,.6);

}

#header p {

	padding: 10px 0;
	

}

/*-- Posts --*/ 

.post {
	
	padding: 0 0 20px 0;
	margin: 0 0 19px 0;
	border-bottom: solid 1px #eee;

}

.post p.date {

	padding: 0;
	font-size: 12px;
}

.post h2,
.post h2 a,
.post h3,
.post h3 a  {

	padding: 0;
	font-size: 22px;
	color: #34426a;

}

.post h2 a:hover, 
.post h3 a:hover {

	color: #858ea6;
	
}



/*-- Sidebar --*/

#sidebar ul,
#sidebar ul li,
#sidebar ul li ul,
#sidebar ul li ul li {

	margin: 0;
	list-style: none;

}

#sidebar ul li ul {

	padding: 0 0 10px 0;

}

#sidebar h3 {

	font-size: 12px;
	font-weight: normal;
	color: #333;
	border-top: solid 1px #eee;
	padding: 9px 0 4px 0;

}

#sidebar ul li.description {

	padding: 0 0 10px 0;
	font-size: 12px;

}


#footer {

	width: 740px;
	margin: 0 auto;
	padding: 20px 0 19px 0;
	border-top: solid 1px #eee;

}

div.navigation {

	width: 480px;

}

div.navigation .alignleft {

	width: 240px;
	float: left;
	text-align: left;

}


div.navigation .alignright {
	
	width: 240px;
	float: left;
	text-align: right;

}


/*-- Comments ---*/

ol.commentlist,
ol.commentlist li {

	margin: 0;
	list-style: none;

}

ol.commentlist li {

	border-top: solid 1px #ddd;

}

ol.commentlist li.even,
ol.commentlist li.odd {

	padding: 19px 20px 20px 0;

}

ol.commentlist li.odd {



}


.comment-author img {

	float: right;
	background: #fff;
 	border: solid 1px #eee;
 	padding: 2px;
 	margin: 0 5px 0 0;

}

.comment-author cite,
.comment-author cite a {

	font-size: 15px;
	font-style: normal;
}

.comment-meta {

	padding: 3px 0;

	
}

.comment-meta a {

	color: #450000;
	font-size: 12px;

}

#commentform label small {
	
	
	font-size: 12px;

}

#commentform input[type="text"],
#commentform textarea {

	
	width: 200px;
	padding: 6px;
	border: solid 1px #ddd;
	margin: 0 5px 0 0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #eee;

}

#commentform textarea {

	width: 440px;

}

#commentform textarea:focus,
#commentform input:focus {

	background: #fff;

}

#commentform input[type="submit"] {
	
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #450000;
	color: #fff;
	font-size: 16px;
	padding: 6px 8px;
	border: none;
	cursor: pointer;

}

#commentform input[type="submit"]:hover {

	background: #333;

}