/*
Theme Name: Remembering Paul Walker
Theme URI: http://p-walker.org/news/wp-content/themes/dbc-paulwalker/
Version: 2
Description: Theme by Designs by Cordy
Author: Courtney Wood
Author URI: http://designs.by.cordy.nu
*/

/* ------------------------------------------------------------------------- */
/*  Reset - http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126        */
/* ------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, 
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, 
section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }


/* ------------------------------------------------------------------------- */
/*  Base Styles                                                              */
/* ------------------------------------------------------------------------- */

body {background:#ddc8b0 url(images/header.png) top center no-repeat; text-align:left; font-size:87.5%; line-height:1.5em; font-family: 'Lato', sans-serif; color:#92887d; margin:0; font-weight: 400; }

#submit:hover, input[type="submit"]:hover, a:hover, .menu-item:hover, li:hover, a img:hover, img a:hover, img:hover, .entry-meta span:hover, .entry-meta2 span:hover, td:hover, i:hover {-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;-o-transition: all 0.8s ease;transition: all 0.8s ease;}

b, strong {color: #5d544a;font-weight: 800;}

i, em {color: #b69f85;} 

li > ul, li > ol {margin: 0;}

.alignleft {display: inline;float: left;margin: 0 10px 5px 0 !important;}

.alignright {display: inline;float: right;margin: 0 0 5px 10px !important;}

.aligncenter {clear: both;display: block;margin: 0 auto !important;}


/*  Base Styles | Forms                                                      */
/* ------------------------------------------------------------------------- */

input, textarea, button, select { font-family: inherit; font-weight: 300; font-size: .875em; }
.dbc-searchform input[type="text"], .dbc-searchform input[type="password"], .dbc-searchform input[type="email"], .dbc-searchform input[type="submit"], .dbc-searchform button,  .dbc-searchform textarea { margin: 0; }

#subscribe-email input { padding: 11px 10px !important; width: 68% !important; float: left; margin-right: 5px; }

.dbc-searchform label { color: #b0b0b0; }
.dbc-searchform label .required { color: #c12020; }

.dbc-searchform input[type="text"], .dbc-searchform input[type="password"], .dbc-searchform input[type="email"], .dbc-searchform textarea, input, textarea, button, select { background: #f6f2ec; border: 1px solid #d8cdc0; color: #a3998c; display: block; padding: 10px; }

	#sidebar .dbc-searchform input[type="text"], #sidebar .dbc-searchform input[type="password"], #sidebar .dbc-searchform input[type="email"], #sidebar .dbc-searchform textarea, #sidebar input, #sidebar textarea, #sidebar button, #sidebar select { background: #23231f; border: 1px solid #23231f; color: #72726a; display: block; padding: 10px; margin-top: 5px;}

.dbc-searchform input[type="submit"], .dbc-searchform button[type="submit"], input[type="submit"] { background: #870b09; color: #fff; padding: 10px 20px; display: inline-block; border: none; font-weight: 500; }

.dbc-searchform input[type="submit"]:hover, .dbc-searchform button[type="submit"]:hover, input[type="submit"]:hover { background: #1e1a17; }

.dbc-searchform.searchform div { position: relative; }
.dbc-searchform.searchform div input { width: 95%; }
	#sidebar .dbc-searchform.searchform div input {width: 92% !important; }

.dbc-searchform.searchform div:after { color: #d8d1c7; line-height: 1.875em; font-size: 1.45em; content: "\f002"; position: absolute; right: 20px; top: 0; font-family: 'FontAwesome'; }
	#searchbox .dbc-searchform.searchform div:after {margin: 7px -25px 0 0 !important; font-size: 1.313em;}
	#sidebar .dbc-searchform.searchform div:after {margin: 1px -5px 0 0 !important;}

div#qTip {padding: 3px 10px;display: none;color: #d2c9bf;background: #f7f2ec;border: 1px solid #f7f2ec;font-size: .75em; text-transform: none; text-align: left; position: absolute; z-index: 1000;box-shadow: 0 0 5px #dad0c3; }

/*  Base Styles | Links                                                      */
/* ------------------------------------------------------------------------- */

a:link, a:active, a:visited {color: #991716;text-decoration: none;}
a:hover {color: #25110f;text-decoration: none;}

#footer a:link, #footer a:active, #footer a:visited { color: #8f857d; }
#footer a:hover {color:#cec1ac;}

#projects a:link, #projects a:visited, #projects a:active {color: #fff !important;}
#projects a:hover {color: #fff !important;}

#sidebar a:link, #sidebar a:visited, #sidebar a:active { color: #cbc0ab; }
#sidebar a:hover { color: #fff; }

.navis {clear: both;margin: 20px;}

div.links {padding: 15px 5px 13px 75px;margin: 10px 0;font-size: .875em;line-height: 1.25em;font-style: italic;background: #f8f5f2 url(images/links.png) left center no-repeat; }

.more-link {float: left;margin: 5px ;padding: 10px 20px;color: #fff;background: #860908;}
	a.more-link, .more-link i {color: #fff;}
	.more-link:hover {background: #2e2924;}
	

/*  Base Styles | Blockquotes                                                */
/* ------------------------------------------------------------------------- */

blockquote {display:block;font-style:italic;font-size:1em;padding:10px; text-align:justify;}

#content blockquote {margin: 10px 80px; color:#968878;}

#content blockquote:before {
content: "\f10d";
display:inline-block;
margin: 0 5px 0 -45px;
font:normal 3em/.675em 'FontAwesome';
vertical-align: top;
float: left;
color: #968878;
opacity: .5;
-webkit-font-smoothing: antialiased;
}

#content blockquote blockquote {margin: 5px 40px; background: #e1d7cc;border-bottom: 1px solid #c4b9ac; padding: 1px 15px;}
	#content blockquote blockquote:before {content:'';}
	
#sidebar blockquote {
background: #30302e;
border-top: 0px solid #242424;
border-bottom: 0px solid #242424;
margin: 8px 5px 0 5px;
line-height: 1.125em;
}	

/*  Base Styles | Lists                                                      */
/* ------------------------------------------------------------------------- */
	
#content ul li, #content ol li {padding: 10px;margin: 0;border-bottom: 1px solid #ddd4c8;}
#sidebar ul li, #sidebar ol li {padding: 10px;margin: 0;border-bottom: 1px solid #30302e;}

#content ol li:before {content: "\f054"; display:inline-block; color: #c6b9aa; font:normal .875em 'FontAwesome'; vertical-align: middle; -webkit-font-smoothing: antialiased; margin-right: 5px;}

#sidebar li:before {content: "\f054"; display:inline-block; color: #30302e; font:normal .875em 'FontAwesome'; vertical-align: middle; -webkit-font-smoothing: antialiased; margin-right: 5px;}

	#sidebar li:hover {padding-left: 20px;}
		#projects ul {margin: 3px auto;}
		#projects ul li {font-size: .875em !important; color: #d2cbbd; background:#b3a995 !important; text-align:center !important; display: inline; list-style-type: none; padding: 5px 12px 3px 8px !important; border:0px !important;}
		#projects ul li:before {content: ""; margin-left: 0 !important;}
			#projects li:hover {padding-left: 8px; background: #ae2a29 !important;}

#content ul li:last-child, #content ol li:last-child,  #content ul li:last-child,  #content ol li:last-child, #sidebar ul li:last-child, #sidebar ol li:last-child,  #sidebar ul li:last-child,  #sidebar ol li:last-child { border-bottom: 0px; }
	
/*  Base Styles | Headers                                                    */
/* ------------------------------------------------------------------------- */
	
h1,h2,h3 {margin: 5px 0;}

h1, .tableh1 {color: #991716;padding: 5px;font-size: 1.5em;font-weight: 700;text-transform: uppercase;  }

#content h2 {font-size: 1.45em;color: #cec7bf;	background: #584f46;text-align: center;padding: 10px; font-weight:500; text-transform:capitalize; }

#sidebar h2 {margin: 0 0 5px 0; padding: 5px 0; font-size: 1.125em; font-weight: 700; text-align: left; text-transform: uppercase; color: #8e8e87; border-bottom: 1px solid #323234; vertical-align:middle; }
	#sidebar h2 span {background: #323234; padding: 5px 10px;}
	
h3 {font-size: 1.5em;color: #584f46;text-align: left;padding: 5px 10px;text-transform: uppercase; letter-spacing: 2px;}


/* ------------------------------------------------------------------------- */
/*  Section | Header                                                         */
/* ------------------------------------------------------------------------- */
	
#wrap {
width: 1500px;
margin: 0 auto;
padding: 0;
height: 100%;
}

#container {
width: 1000px;
margin: -120px auto 0 auto;
overflow-x:scroll;
background: #fff url(images/bg.png) repeat-y;
}

#header {
width: 1500px;
height: 526px;
}

#title { 
position: relative;
top: 200px;
left: 300px;
width: 479px;
height: 178px;
background: url(images/title.png) no-repeat;
}


		
	
/*  Section | Header - Navigation                                            */
/* ------------------------------------------------------------------------- */
	
.designsbycordy-menu {
position: relative;
z-index: 999;
top: 180px;
width: 800px;
margin:0 auto;
font-weight: 500;
text-decoration:none;
font-size: 1em;
text-align: left;
text-transform: uppercase;
padding: 5px 10px;
}

.designsbycordy-menu ul {display: inline;list-style: none;}
.designsbycordy-menu .menu-item {display: inline-block;padding: 5px;margin: 0 5px;}
.menu-item:hover {display: inline-block;}

.designsbycordy-menu a:link, .designsbycordy-menu a:visited, .designsbycordy-menu a:active {color: #f5e9d5;}
.designsbycordy-menu a:hover {border-bottom: 3px solid #f5e9d5;}

.socials { position: relative; z-index: 999; top: 133px; left: 1040px; width: 150px; padding: 14px 50px 0 0; }
	.socials i {color: #f5e9d5; padding-bottom: 3px; }
		.socials i:hover {color: #f5e9d5; border-bottom: 3px solid #f5e9d5; }
		
		
		

/* ------------------------------------------------------------------------- */
/*  Section | Page Contents                                                  */
/* ------------------------------------------------------------------------- */

#content {		
width: 680px;   
margin: 0;
padding: 0;	
text-align: left;
float: left;
}

#sidebar {
float: right;
width: 320px;
margin:0;
padding: 0;
text-align: justify;
font-size: .875em;
color:#696963;
line-height: 1.375em;
}
	.box {padding: 10px;margin: 0 0 20px 0;}
	#projects { margin-top: 5px; line-height: 1.563em; text-align: right; }
	#featured-social {
	padding: 20px;
	background: url(images/socialbg.png) top center no-repeat;
	}

	
/*  Section | Page Contents - Post Entry                                     */
/* ------------------------------------------------------------------------- */

#entry, .maintable {
padding: 10px;
margin: 0 0 20px 0;
}

#entry p {margin:10px auto !important;}

.date {
margin-right: 10px;
float: left;
display: block;
width: 60px;
height: auto;
color: #d3cbc2;
text-align:center;
text-transform: uppercase;
background: #8c8379;
}
	.month { display:block; padding: 4px 0 0 0; }
	.day { display:block; font-size: 1.75em; font-weight: 700; margin-top: -4px; color: #e1cbb2;}
	.year { display:block; }

.entry-meta {
text-align: right;
font-size: .75em;
padding: 5px 0;
margin: 10px 0;
font-weight: 700;
color: #92887d;
border-top: 1px solid #dad2c7;
}

.entry-meta span {color:#92887d; padding: 6px 10px 5px 10px;}
span i { color: #92887d; }

.entry-content {padding: 0;}

#wp-calendar {width: 100%;}	


	
/*  Section | Page Contents - Post Comments                                  */
/* ------------------------------------------------------------------------- */	
	
.single-entry-meta { font-size: .938em; line-height: 1.25em; font-style: italic; background: #e1d9cf; display:block; padding:10px; margin:20px 50px; }	
	.single-entry-meta:before {float: left; content: '\f073'; display:inline-block; margin:0 10px 0 0; font:normal 3em 'FontAwesome'; vertical-align: center; -webkit-font-smoothing: antialiased; color: #a29687;} /* the summary icon */

.avatar, .gravatar {margin: 0 10px 10px 0;width: 50px;height: 50px;float:right;}

ol.comment-list {padding: 0 15px 15px 15px;font-style: italic;}
#content ol.comment-list li:before{content:'';}
	.comment-list {}
	.comment-list > li { vertical-align:middle !important; }
	ol.comment-list li.comment.depth-1 {border-bottom: 5px solid #e1d9cf !important;}
	.reply:before {content: '\f112';display:inline-block;margin: 2px 0 0 15px;font:normal 1em 'FontAwesome';color:#890b0a;vertical-align: top;-webkit-font-smoothing: antialiased; transform:rotate(180deg); -ms-transform:rotate(180deg);  -webkit-transform:rotate(180deg); } /* arrow next to reply link */

	.children {margin: 10px 50px;} /* first comments */
		.children .comment {padding: 10px; background: #f7f4f1; border-top: 5px solid #3c352e;} /* children replies */

.comment-meta {clear:left; font-size: .75em; text-align: left; padding: 5px;margin-bottom: 5px; text-transform:uppercase; font-style:normal; font-weight:400;} /* date & time comment was posted */
	.comment-meta a {color:#ab9f90 !important;} /* so the dates don't stick out */
	.comment-meta.commentmetadata:before {content: '\f017'; display:inline-block; margin:-2px 0 0 0 ; font:normal 1.25em 'FontAwesome'; vertical-align: middle; -webkit-font-smoothing: antialiased; color: #ab9f90;} /* the clock icon */

.comment-author {text-transform: lowercase;letter-spacing: -1px;font-style: italic;font-weight: 100;font-size: 1.65em; margin-top: -15px;}
	.comment-author a {font-weight: 100 !important;} /* keep author NOT bolded */

#respond {padding: 10px;}
	.logged-in-as {font-style:italic;font-weight:300;margin: 5px 0 20px 10px;}
	
	
/* ------------------------------------------------------------------------- */	
/*  Section | Images                                                         */
/* ------------------------------------------------------------------------- */	
	
#content img.wp-smiley, #content img.wp-smiley:hover {
padding: 0;
background: transparent;
border: 0px;
box-shadow: 0 0 0;
-moz-box-shadow: 0 0 0;
-webkit-box-shadow: 0 0 0;
}

img.alignleft {display: inline;float: left;margin: 0 10px 10px 0 !important;}

img.alignright {display: inline;float: right;margin: 0 0 10px 10px !important;}

img.aligncenter {clear: both;display: block;margin: 0 auto !important;}

#entry img {
margin: 1px 3px;
padding: 5px;
background: #fff;
border: 1px solid #cdc2b4;
}
	#entry img:hover {border: 1px solid #7e7467;}

.box img {
margin: 1px;
padding: 2px;
background: #161615;
border: 1px solid #2d2d2b;
}
	.box img:hover {border: 1px solid #8d0f0d;}

.box img.img {margin: 2px;}
#projects img { margin: 0 0 5px 10px; }
span.cpg_cat br {margin: 3px 0 10px 0;}




/* ------------------------------------------------------------------------- */	
/*  Section | Footer                                                         */
/* ------------------------------------------------------------------------- */	

#footer {
clear: both;
width: auto;
margin: 0 auto;
font-size: .875em;
line-height: 1.125em;
padding: 12px 5px 3px 5px;
color:#554e49;
background: #2a2521;
}
	#foot {
	margin: 0 auto;
	padding: 20px 10px;
	width: auto;
	font-size: 1em;
	text-align: center;
	font-weight: normal;
	}
	
	
/* ------------------------------------------------------------------------- */	
/*  Plugins | WP-PageNavi                                                    */
/* ------------------------------------------------------------------------- */	
	
.wp-pagenavi {margin: 50px 0 30px 0;text-align: center;font-size: .875em; font-family:'Lato', sans-serif;}

.wp-pagenavi span.pages {display:block; color:#9b9c9e !important; font-weight:400;padding: 10px 15px 9px 15px; font-size: 1.25em; margin: 5px 5px 10px 5px;}

span.pages:before { 
content:'\f15c';
color:#afa498;
display:inline-block;
margin: 3px 5px 0 0;
font:normal 1em 'FontAwesome';
vertical-align: top;
-webkit-font-smoothing: antialiased;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.extend {
text-transform: uppercase;
text-decoration: none;
padding: 8px 8px 7px 8px; 
margin: 2px 3px;
color:#890b0a;
border-top: 1px solid #d4ccc2;
border-bottom: 2px solid #d4ccc2;
}

.wp-pagenavi span.current {
text-transform: uppercase;
text-decoration: none;
padding: 8px 8px 7px 8px; 
margin: 2px 3px;
color: #040403;
border-top: 1px solid #d4ccc2;
border-bottom: 2px solid #890b0a;
}

.wp-pagenavi a:hover {
color: #040403;
border-bottom: 2px solid #890b0a;
}
	
	
/* ------------------------------------------------------------------------- */	
/*  Plugins | Hard-Coded Breadcrumbs                                         */
/* ------------------------------------------------------------------------- */		
	
.breadcrumbs {
padding: 6px 10px 5px 10px;
text-align: right;
margin-bottom: 5px;
font-size: .675em;
text-transform: uppercase;
}

.breadcrumbs .separate:before {content: '\f054';display:inline-block;margin: -1px 5px 0 5px;font:normal .875em 'FontAwesome';vertical-align: middle;-webkit-font-smoothing: antialiased;color: #9c9c9c;} /* this is the arrow separator between breadcrumb links--if you don't want the icon, delete this and then open up functions.php and go to line 187 and but something inbetween the spans, whatever you put there will show up between the breadcrumb links!! xD */