/***********
PHP VARIABLES
***********/



/***********
BEGIN OF CSS
***********/

body {
	background: #fff;
	font-family: "Georgia", sans-serif;
	color: #414042;
}

#wrapper {
padding: 20px 0 20px 50px;
}

#header {
	line-height: 20px;
}

#header ul {
	margin: 0;
	padding: 0;
}

#header p {
	padding: 0;
}

/* Forms etc */
#s {
	background: url(../img/search16.png) no-repeat left center;
	border: none;
	padding: 5px 0 5px 26px;
	width: 150px;
}

#s:focus {
	background: url(../img/search16.png) no-repeat left center #f2f2f2;
	color: #666;
}

/* Comment */

.commentlist li {
	border-bottom: 1px solid #eee;
	padding: 10px;
}

#submit {
	background: #111;
	border: 1px solid #eee;
	color: #fff;
	padding: 4px;
}

.fn {color: #0d181d; font-style: normal;}
.fn a {color: #0d181d;}

.comment-author {
	font-size: 14px;
	font-weight: bold;
	}
	
.comment-meta {
	margin-bottom: 4px;
}

.comment-body p {
	padding: 0;
}

#commentform p {
	padding-bottom: 5px;
}

#commentform input {
	width: 200px;
	border: 1px solid #999;
	padding: 4px;
}

#commentform textarea {
	border: 1px solid #999;
	height: 70px;
	margin: 0;
	padding: 4px;
}

/* Links */

a {
	color: #ff5a00;
	text-decoration:none;
	-webkit-transition:text-decoration .4s ease-in-out; -moz-transition:text-decoration .4s ease-in-out; -o-transition:text-decoration .4s ease-in-out; transition:text-decoration .4s ease-in-out;}

a:hover {
	text-decoration: underline;
}

#header a, .storytitle a {
	color: #414042;
	-webkit-transition:color .1s ease-in-out; -moz-transition:color .1s ease-in-out; -o-transition:color .1s ease-in-out; transition:color .1s ease-in-out;}

#header a:hover, .storytitle a:hover {
	color: #ff5a00;
	text-decoration: none;
}

/* Entries */
.entry, .metadata {
	border-bottom: 1px dashed #e1e1e1;
	padding-bottom: 20px;
}

.entry ul {list-style: disc;}
.entry ol {list-style: decimal;}
.entry ul li {margin-bottom: 5px;}

.story h3:first-child, .story h4:first-child {
	padding-top: 0px;
}

.metadata {
	margin-left: 20px;
	width: 140px;
}

.metadata, .metadata a {
	color: #808285;
	font-family: Courier, sans-serif;
	font-size: 11px;
	-webkit-transition:color .1s ease-in-out; -moz-transition:color .1s ease-in-out; -o-transition:color .1s ease-in-out; transition:color .1s ease-in-out;}

.metadata a:hover {
	color: #ff5a00;
	text-decoration: none;
}

.meta-time, .meta-tags, .meta-comments, .meta-like {
	padding: 0 0 18px 24px;
}

.meta-time {background: url(../img/calendar.png) no-repeat top left;}
.meta-tags {background: url(../img/folder.png) no-repeat top left;}
.meta-comments {background: url(../img/comments.png) no-repeat top left;}
.meta-like {background: url(../img/heart.png) no-repeat top left;}

.pagination {
	padding: 20px 0;
	text-align: center;
}

/* WP-align & miscs */
p img {
	padding: 0;
	max-width: 100%;
}

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

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.alignnone {
	float: none;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background-color: #f2f2f2;
	margin-bottom: 1em;
	text-align: center;
	padding-top: 4px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

.clear {clear: both;}

/* --- end of css --- */