/*==========================================================================================
	
Light CSS File
This file contains styles related to the colour scheme of the theme
I customized this. <:3 )~

==========================================================================================*/

body {
	color: #37393c;
	background-color: #fffbeb;
	/*background: url(../images/light/body_bg.png) no-repeat top left fixed #fffbeb;*/
}

input,
textarea {
	background: #fff;
	color: #000000;
}

.widget input,
.widget textarea,
.entry-content input,
.entry-content textarea {
	border: 1px solid #e4e4e4;
}

button:hover,
#back-to-top:hover,
#submit:hover { color: #fff; }

input::-webkit-input-placeholder,
input:-moz-placeholder {
    color: #9fa2a6;
}

#footer-bottom { background: url(../images/light/subtle_bg.png) top left repeat-y #fffbeb; }

#flickr_badge_wrapper,
#container {
	/*background: url(../images/light/subtle_bg.png) top left repeat-y;*/
	/*background-color: #e4ddcc;*/
	/*background-color: #ffffff;*/
}

#overlay {
	background: url(../images/light/overlay_bg.jpg) repeat;
	color: #e4e4e4;
}

#overlay-trigger a { background: url(../images/light/overlay_trigger.png) top right; }

#overlay-trigger a:hover { background: url(../images/light/overlay_trigger.png) top left; }

#overlay-trigger a.active { background: url(../images/light/overlay_trigger.png) bottom right; }

#overlay-trigger a:hover.active { background: url(../images/light/overlay_trigger.png) bottom left; }

.comment-author a,
.entry-header,
.entry-title,
.entry-title a { color: #37393c; }

.client span,
.published span,
.comment-count span,
.single-page-navigation .nav-previous a,
.single-page-navigation .nav-next a,
.entry-category span,
pre,
.entry-content blockquote,
.middot,
#footer,
#footer a,
a {
	color: #9fa2a6;
}

p a {color: #f16521; }

.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4,
.entry-content h5, 
.entry-content h6,
.entry-content a,
.comment-body a,
#footer a {
	border-bottom: 1px dotted #ffffff;
}

#footer a img{
	border: none;
}

#commentform label span,
.cancel-comment-reply a,
#respond h3 span,
.comment-wrap,
#comments span,
.wp-pagenavi span.current,
.hentry,
.page-caption {
	background-color: #fff;
	//background-color: #e4ddcc;
	//image area background
}

/*.hentry p {
	padding: 15px;
}*/

/*.hentry p {
	line-height: 0px;
}*/

.narrowertype {
	padding: 0px 10px 0px 10px;
}

.single .entry-header,
.single-page-navigation .nav-previous a,
.single-page-navigation .nav-next a, {
	background-color: #11ffff;
}

/*
.page-caption {
	background-color: #fff;
}*/

.page-caption {
/*	background-color: #dd1cee;*/
	color: #9fa2a6;
	//border-top: solid 10px #000000;
}

.page-captionX {
	background-color: #fff;
	border-top: solid 10px #dd1cee;
}


#footer
	background-color: #fffbeb;
}

.page-title {
	background-color: #dd1cee;
}

.post-wrap.odd { 
	/*background: url(../images/light/seperator.png) right top repeat-y; */
}

.post-thumb-overlay {
	background: url(../images/light/overlay.png);
}

.single-page-navigation .nav-previous a:hover,
.single-page-navigation .nav-next a:hover,
.comment-meta a:hover,
#footer a:hover,
.wp-pagenavi a:hover,
.wp-pagenavi span.current,
.entry-meta a:hover {
	color: #37393c;
}

.wp-pagenavi a {
	background: #fff;
	color: #9fa2a6;
}

.sep span {
	border-bottom: 1px solid #e4e4e4;
}

#submit,
button,
.format-link .entry-title,
.quote-wrap,
#back-to-top {
	background: #86432d;
	color: #fff;
}

.format-link .entry-title a { 
	border-bottom: 1px dotted #737577;
	color: #fff;
}

.format-link .entry-title a img { 
	border: none;
	border-bottom: none;
}

.arrow-up { background: url(../images/light/arrow-up.png) left center no-repeat }

/*.entry-header { background: url(../images/light/side_dot.png) repeat-x left center; }*/

.entry-meta { background-color: #ffffff; border-bottom: 3px dotted #fffbeb; }

.entry-meta .entry-footer { background-color: #ffffff; }

.entry-meta-home { background-color: #fff; }

.entry-header .holder {  //categories, date, etc.
	background-color: #fffbeb; 
	color: #9fa2a6;
}

.quote-left { background: url(../images/light/quotes.png) left top; }

.quote-right { background: url(../images/light/quotes.png) right top; }

.comment .avatar { border-right: 1px solid #e4e4e4; }