/*
Theme Name: alan-horne.com Blog
Theme URI: http://www.alan-horne.com/
Description: A theme for a design blog created by Alan Horne.
Version: 1.0
Author: Alan Horne
Author URI: http://www.alan-horne.com/
*/


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

.alignright {
	float: right;
	margin-left: 15px;
}

.alignleft {
	float: left;
	margin-right: 15px;
}

.websiteContent {
	width:960px;
}

/***** Categories Menu *****/

#categories {
	background:url(images/categories_bg.jpg);
	width:580px;
	height:31px;
	padding:7px 10px 7px 10px;
}

ul #categories, #categories ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
	color:#dedede;
}

li #categories, #categories li {
	margin: 0px 0px 0px 0px;
    padding: 0px 16px 0px 16px;
	display:inline;
	font-family:GraublauWeb, Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fafafa;
}

#categories a {
	color:#fafafa;
	text-decoration:none;
	cursor:pointer;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
}

#categories a:hover {
	color:#555555;
	text-decoration:none;
	margin: 0px 0px 0px 0px;
	font-weight:normal;
}

/***** Search Form *****/

form#search {
	margin: 0px 0px 20px 0px;
}

form#search input.search-bar {
		width: 230px;
		height: 21px;
		padding: 5px 10px 5px 10px;
		float: left;
		background: url(images/search_bg.jpg);
		font-size: 12px;
		color: #555555;
		border:none;
	}

form#search input.search-btn {
		width: 39px;
		height: 31px;
		float: right;
		margin: 0;
		cursor: pointer;
		background: url(images/search_button.jpg);
		padding: 0;
		color:#000;
		border:none;
	}

form#search fieldset {
	border:none;
	margin:0px 0px 0px 0px;
	padding:0;
}

/***** RSS Feed *****/

#feedRSS {
	width:289px;
	height:38px;
	background:url(images/rss_square.png) left no-repeat;
	margin:0px 0px 10px 0px;
	padding:10px 0px 0px 60px;
	color:#232322;
	font-family:GraublauWeb, Arial, Helvetica, sans-serif;
	font-size:18px;
}

#feedRSS a, #feedRSS a:hover {
	color:#232322;
	text-decoration:none;
}
	

/***** Twitter Feed *****/

#feedTwitter {
	width:289px;
	height:38px;
	background:url(images/social_twitter.png) left no-repeat;
	margin:10px 0px 10px 0px;
	padding:10px 0px 0px 60px;
	color:#232322;
	font-family:GraublauWeb, Arial, Helvetica, sans-serif;
	font-size:18px;
}

#feedTwitter a, #feedTwitter a:hover {
	color:#232322;
	text-decoration:none;
}

/***** Blog Content Display *****/

#blogContent {
	float:left;
	width:620px;
}

.post {
	margin:20px 0px 30px 0px;
}

.postInfo_left {
	float:left;
	width:60px;
}


/***** Date *****/

.date {
	width:60px;
	height:42px;
	background:url(images/date_comments_bg.jpg);
	text-align:center;
	margin:20px 0px 10px 0px;
	padding:2px 0px 2px 0px;
	line-height:1;
	font-family:GraublauWeb, Arial, Helvetica, sans-serif;
	color:#fafafa;
}

.date p {
	font-size:24px;
	margin:0;
	padding:0;
}

.date span {
	font-size:18px;
	font-weight:normal;
	margin:-10px 0px 0px 0px;
	padding:0;
}

/***** Comments on short view *****/

.commentTotal {
	width:60px;
	height:42px;
	background:url(images/date_comments_bg.jpg);
	text-align:center;
	margin:0px 0px 10px 0px;
	padding:2px 0px 2px 0px;
	line-height:1;
	font-family:GraublauWeb, Arial, Helvetica, sans-serif;
}

.commentTotal a {
	color:#fafafa;
	text-decoration:none;
	font-weight:normal;
}

.commentTotal a:hover {
	color:#cbcbcb;
	text-decoration:none;
}

.commentFigure {
	font-size:28px;
}

/***** Blog Content *****/

.post .postContent_dropShadow {
	background:url(images/dropShadow.png) bottom right no-repeat;
	width:541px;
	padding:0px 19px 14px 0px;
	margin:0;
	float:right;
	clear:none;
}

.post .postContent {
	width:499px;
	margin:0;
	padding:20px;
	background:#fafafa;
	border:1px solid #cacaca;
}

.postContent p { 
	margin-top: 15px;
	margin-bottom: 15px;
	line-height:1.7;
}

.postContent h2 {
	margin:0;
	padding:0;
}

.postContent h2 a, h2.blogHeaders {
	font-family:GraublauWeb, Arial, Helvetica, sans-serif;
	font-size:30px;
	margin:0;
	padding:0;
	color:#232322;
}

.postContent h2 a:hover {
	color:#7095c8;
	text-decoration:none;
}

.postContent_Info {
	width:499px;
	margin:5px 0px 10px 0px;
	padding:5px 0px 0px 0px;
	border-bottom:1px solid #e7e7e7;
	border-top:1px solid #e7e7e7;
}

.postContent_Info p {
	margin-top: 0px;
	margin-bottom: 5px;
	line-height:1.5;
}
	

.mainPostContent {
	width:499px;
}

/***** Read More button *****/

.readMore {
	background:url(images/button_bg.jpg);
	width:122px;
	height:26px;
	font-family:GraublauWeb, Arial, Helvetica, sans-serif;
	color:#fafafa;
	font-size:16px;
	text-align:center;
	margin:0px 0px 0px 60px;
	padding:3px 0px 0px 0px;
}

.readMore a {
	color:#fafafa;
	text-decoration:none;
	font-weight:normal;
	margin-top:-14px;
}

.readMore a:hover {
	color:#cbcbcb;
	text-decoration:none;
}
	
/***** Pagination *****/

.pagination {
	overflow: hidden;
	margin-top:20px;
}

.pagination p a {
	display: block;
	width: 95px;
	height: 27px;
	padding: 12px 10px 5px 10px;
	text-align: center;
	color:#555555;
}

.pagination p a:hover {
	text-decoration:none;
	color:#000;
}

.pagination p.older {
	float: left; 
	background:url(images/older.png);
}

.pagination p.newer {
	float: right;
	background:url(images/newer.png);
}

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

#sidebarContent {
	float:right;
	width:340px;
}

.sidebar_dropShadow {
	background:url(images/dropShadow.png) bottom right no-repeat;
	width:321px;
	padding:0px 19px 14px 0px;
	margin:0px 0px 20px 0px;
}

.sidebarWidget {
	width:281px;
	margin:0;
	padding:20px;
	background:#fafafa;
	border:1px solid #cacaca;
}

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

#comments {
	padding:20px 34px 20px 20px;
}

#respond {
	padding:0;
}

#commentform fieldset {
	border:none;
	margin:0;
	padding:0;
}

#respond form label {
	float:left;
	clear:left;
	width:80px;
	margin:5px;
	font-size:14px;
	font-weight:bold;
}

#respond form input {
	float:left;
	width:250px;
	height:16px;
	margin:5px;
	padding:5px;
	background:#fafafa;
	border:1px solid #cecece;
}

#respond form textarea {
	float:left;
	width:400px;
	height:120px;
	margin:5px;
	padding:5px;
	background:#fafafa;
	border:1px solid #cecece;
}

#respond form input.commentsubmit {
	background:url(images/button_bg.jpg);
	width:122px;
	height:29px;
	text-align:center;
	border:none;
	margin:5px 0px 0px 95px;
	cursor:pointer;
	font-size:18px;
	color:#fafafa;
	padding:0;
}

/***** Showing Comments *****/

#comments ol.commentList, #comments ol.commentList ul {
	margin: 0;
	list-style: none;
}

#comments ol.commentList li {
	padding: 10px 25px 20px 10px;
	margin: 0 0 20px 0;
	clear: both;
	background:#f0f0f0;
	border-bottom: 1px solid #e3e3e3;
}

#comments ol.commentList ul.children {
	margin: 100px 0 0 25px;
}

#comments ol.commentList ul.children li {
	background: none; padding: 0;
}
				
#comments .comment {
	overflow: hidden;
}

#comments .comment .avatar {
	float: left;
	margin: 0 15px 10px 0;
	border: 3px solid #d6d6d6;
}

#comments .comment .commenttext {
	float: left; 
}

#comments .comment cite {
	margin : 0 0 5px 0;
	font-style: normal;
	color:#ec7916;
	font-weight:bold;
	font-size:18px;
}

#comments .comment span { 
	display: none;
}
					
#comments .comment .comment-meta {
	float: right;
	font-size: 11px;
	margin: -20px 0 0 0;
}

#comments .comment .reply a {
	display: block;
	clear: both;
	float: right;
	background:url(images/button_bg.jpg);
	width:122px;
	height:24px;
	padding:5px 0px 0px 0px;
	text-align:center;
	color:#fafafa;
}

#comments .comment .reply a:hover {
	text-decoration:none;
	color:#555555;
}
					
#comments .comment .cancel a {
	display: block;
	float: right;
	clear: both;
}

/***** Share buttons *****/

#share {
	padding:0px 34px 10px 20px;
}