/*
Theme Name: My Personal Theme
Theme URI: http://jeffrey-way.com
Description: Minimalistic magazine-style theme.
Version: 1.0
Author: Jeffrey
Tags: minimal, magazine, black-and-white
*/

/* 
	=Misc
*/

body {
	background: url(images/bg.jpg) repeat-x;
}

.single time {
color: #5f8576;
	font-style: italic;
	font-size: 10px;
	margin-bottom: 10px;
}

.newLine { clear: both;}

blockquote p {
	font-family: 'Reenie Beanie';
	font-size: 23px;
	background: #e3e3e3;
	border: 1px solid #cdcccc;
	padding: 10px;
}

/* 
	=HTML5 Shiv 
*/

header, footer, section, article, nav, time { display: block; }


/*
	=Wrap
*/



/* 
	=Header
*/

header {
	
	margin-bottom:15px;
	background: black url(images/glow.png) no-repeat 50% 0;
	color: white;
	border-bottom: 1px solid #e3e3e3;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-bottom-left-radius: 3px;
	-webkit-bottom-right-radius: 3px;	
}

header > div {
	width: 960px; 
	margin: auto;
}
header h1 {
	text-align: center;
	font-size: 50px;

}

header h1 a { color: #e3e3e3; text-shadow: 0 1px 0 white; }

header h1:before {
	content: '-';
}

header h1:after {
	content: '-';
}

/*
	=Featured
*/



#main h4 {
	font-size: 14px;
	margin-bottom: 0;
}
 
#main > div { 
	margin-left: 0; 

}


#container #featured-gallery {
	margin-left: 10px; 
}

#featured-gallery a {


}

#featured-gallery img {
	width: 298px;
	border: 1px solid #e3e3e3;
	-webkit-transition:border .5s ease-in;  
	-moz-transition:border .5s ease-in;  
}

#featured-gallery img:hover {
	border: 1px solid #107687;
	
}

#featured-gallery a:hover {
	border-bottom: 0;
	
	
}

#featured-gallery p {
	background: #e3e3e3;
	border: 1px solid #cdcccc;
	padding: 10px;
	position: relative;
	margin-top: 5px;
}

#featured .grid_6 {
	margin-bottom: 20px;
	background: #e3e3e3;
	padding: 10px;
	width: 438px;
	border: 1px solid #cdcccc;
}

#featured .grid_6 h4 {
	text-shadow: 0 1px 0 white;
}

#featured .grid_3 {
	width: 210px;
	
}

#featured .omega {
	border-left: 1px solid #e3e3e3;
	padding-left: 10px;
	margin-left: 0;
	width: 220px;
}

#featured .post-meta {
	overflow: hidden;
		line-height: 1em;
}
#featured .post-meta li{
	list-style: none;
	margin-left: 0;
	display: inline;
	float: left;
	color: #5f8576;
	font-style: italic;
	font-size: 10px;

	margin-right: 5px;
	padding-right: 5px;
	border-right: 1px dotted #666;

}


#featured .alpha { clear: both; }
#featured article {
	margin-bottom: 35px;
}

#featured .post-meta li:last-child { border-right: none;}
#main .single {
 width: 610px;
 font-size: 1.2em;
 line-height: 1.7em;
}

#featured .post-category {
 color: #25494f;
 margin-bottom: 12px;
 border-bottom: 1px dotted #e3e3e3;
}
.single h1, .page h1 {
	font-size: 35px;
	margin-bottom: 0;
	margin-top: 8px;
}

.single time {
	margin-bottom: 23px;
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 5px;
}

.single li {
	line-height: 1.9em;
}

.single article {
	margin-right: 10px;
}

#main #side-posts { 
	margin-left: 10px; 
	
}

#side-posts li {
	margin-left: 0;
	list-style: none;
	line-height: 1.6em;
	border-bottom: 1px dotted #e3e3e3;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

/*
	=Quotes
*/

#main #quotes {

	margin-bottom: 20px;
	margin-left: 10px;

}



#quotes, #category-overview, #featured-gallery {
	padding-bottom: 20px;
	
}


/*
	=Promo
*/

#promo img { width: 100%; }


#promo p {
background: #e3e3e3;
	border: 1px solid #cdcccc;
	padding: 10px;
	position: relative;
	margin-top: 5px;
}


/*
	=Aside
*/

aside {
	margin-right: 0;
	margin-left: 1px;
	width: 160px;
	float: left;
	display: inline;
	position: relative;
}

aside ul {overflow: hidden;}

#container aside li {
	list-style: none;
	margin-left: 0;
	line-height: 1.8em;
	border-bottom: 1px dotted #e3e3e3;
	padding-bottom: 5px;
	margin-bottom: 5px;
	clear: both;
}

aside a {
	font-size: 11px;
}

aside li:hover {
	background: #e3e3e3;
}

aside li img {
	width: 30px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}

aside ul h5 {
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 0;
	line-height: 1.35em;
}


/*
	=CategoryOverview
*/

hr.divider{
	border-top: 1px dashed #e3e3e3;
	margin: 30px 0;

}
#category-overview .grid_6 {
	margin-left: 0;
	margin-right: 0;
}
#category-overview section alpha {
	margin-right: 10px;
}

#category-overview section omega {
	margin-left: 0;
}

#category-overview li {
	list-style: none;
	margin-left: 0;
	line-height: 1.8em;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #e3e3e3;
	
}


/*
	=Comments
*/

#comments, #respond {
	margin-top: 50px;
}

.commentlist li {
	background: #e3e3e3;
	border: 1px solid #cdcccc;
	padding: 20px;
	margin-bottom: 15px;
	margin-left: 0;
	margin-top: 45px;
	list-style: none;
	color: #3e3e3e;
	position: relative;
}

.commentlist .comment-author {
	float: left;
}

.commentlist .commentmetadata {
	font-size: 30px;
	letter-spacing: -3px;
	position: absolute;
	right: 20px;
	top: -25px;

}

.commentmetadata a { 	color: #cdcccc; }

.commentlist .avatar {
	padding-right: 5px;
	float: left;
}

.comment-body p { clear: both; text-shadow: 0 1px 0 white;}

input[type=submit] {
	background: #e3e3e3;
	border: 1px solid #cdcccc;
	padding: 8px;
	cursor: pointer;
}

input[type=submit]:hover {
	background: #cdcccc;
}


/*
	=Video 
*/

.video {
	background: #e3e3e3;
	border: 1px solid #cdcccc;
	text-align: center;
	padding: 15px 0;
	margin-bottom: 15px;
}

.video object, .video embed {
	width: 90%;
}


/* 
	=Page Styling
*/

.page {
	font-size: 1.2em;
	line-height: 1.7em;
}


/* HIGHLIGHTER */

.dp-highlighter ol {
margin-left: 0 !important; }

.dp-highlighter .bar {
	padding-left: 30px !important;
}