/*
Theme Name: Marvellous Maxine Peake
Theme URI: http://maxine-peake.com/wordpress/wp-content/themes/dbc-maxinepeake/
Version: 1
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:#181818;text-align:left;font-size:87.5%;line-height:1.5em;font-family: 'Roboto', sans-serif;color:#676767;margin:0;font-weight: 300;}

#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 {-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: #787878;font-weight: 900;}

i, em {color: #bababa;font-weight: 500;}

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


/*  Base Styles | Fonts                                                      */
/* ------------------------------------------------------------------------- */

@font-face {
    font-family: 'Genericons';
    src: url('font/genericons-regular-webfont.eot');
    src: url('font/genericons-regular-webfont.eot#iefix') format('embedded-opentype'),
         url('font/genericons-regular-webfont.woff') format('woff'),
         url('font/genericons-regular-webfont.ttf') format('truetype'),
         url('font/genericons-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

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

.themeform label { color: #e9e9e9; }

.themeform input[type="text"], .themeform input[type="password"], .themeform input[type="email"], .themeform textarea, input, textarea, button, select { background: #171717; border: 1px solid #171717; color: #797979; display: block; padding: 10px; }

.themeform input[type="text"]:focus, .themeform input[type="password"]:focus, .themeform input[type="email"]:focus, .themeform textarea:focus, input:focus, textarea:focus, button:focus, select:focus { border-color: #2c2c2c; color: #fff; background: #2c2c2c; }

.themeform label .required { color: #e21818; }

.themeform input[type="submit"], .themeform button[type="submit"] { background: #3b8dbd; color: #fff; padding: 10px; display: inline-block; border: none; }

.themeform input[type="submit"]:hover, .themeform button[type="submit"]:hover { background: #797979; }

.themeform.searchform div { position: relative; }
.themeform.searchform div input { width: 95%; }

.themeform.searchform div:after { color: #505050; line-height: 1.45em; font-size: 2em; content: "\f400"; position: absolute; right: 30px; top: 1px; font-family: 'Genericons'; }
	#sidebar .themeform.searchform div:after {margin: 1px -25px 0 0 !important;}

	input[type="submit"] {background: #2c2c2c; color: #797979;}
	input[type="submit"]:hover {background: #696969; color: #fff;}

div#qTip {padding: 3px 5px;display: none;color: #787878;background: #181818;border: 1px solid #181818;font-size: .875em;text-align: left;position: absolute;z-index: 1000;}

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

a:link, a:active, a:visited {color: #dedede;text-decoration: none;}
a:hover {color: #fff;text-decoration: none;}
.entry-content a:link, .entry-content a:active, .entry-content a:visited, .box a:link, .box a:visited, .box a:active {font-weight: 500;}

.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;color: #818181;background: #181818 url(images/links.png) left center no-repeat;}

.more-link {float: right;margin: 5px 5px;padding: 10px 20px;color: #fff;background: #787878;}
	a.more-link {color: #fff;}
	.more-link:hover {background: #545454;}

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

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

#content blockquote {margin: 10px 20px;}

#content blockquote:before {
content:'\f106';
display:inline-block;
margin: 0 5px 0 -15px;
font:normal 5em/.675em 'Genericons';
vertical-align: top;
float: left;
color: #4d4d4d;
-webkit-font-smoothing: antialiased;
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* IE 9 */
-webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
}

#content blockquote blockquote {margin: 5px 40px;background: #161616;border-bottom: 1px solid #1f1f1f;}
	#content blockquote blockquote:before {content:'';}
	
#sidebar blockquote {
background: #161616;
margin: 5px;
border: 0px;
line-height: 1.125em;
}	

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

#content ol li:before, #sidebar ol li:before {content:'\f501';display:inline-block; color: #333;font:normal .875em 'Genericons';vertical-align: middle;-webkit-font-smoothing: antialiased;}

	#sidebar ol li:hover {padding-left: 20px;}
	#sidebar ol li:hover, #sidebar ul li:hover {background: #181818;}

#sidebar ul li:nth-child(even) {background:#161616;}
#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 {font-family: 'Roboto Slab', serif;margin: 5px 0;}

h1, .tableh1 {color: #c6c6c6;padding: 0 5px 5px 5px;font-size: 2em;line-height: 1em;font-weight: 100;letter-spacing: -1px;text-transform: capitalize;}

#content h2 {font-size: 1.45em;color: #fff;	background: #6e6e6e;text-align: center;padding: 10px;font-weight:400;text-transform:lowercase;text-spacing:-1px;font-weight:200;}

#sidebar h2, #sidebar2 h2 {margin: 0 0 2px 0 !important;padding: 15px 5px 14px 5px;font-size: 1.125em;font-weight: 200;text-align: center;font-family: 'Roboto Slab', serif;text-transform: uppercase;color: #6a6a6a;background: #181818;border-bottom: 2px solid #1f1f1f;}

h3 {font-size: 1.5em;color: #c6c6c6;text-align: left;padding: 5px 10px 5px 10px;font-weight: 500;text-transform: uppercase;}


/* ------------------------------------------------------------------------- */
/*  Section | Header                                                         */
/* ------------------------------------------------------------------------- */
	
#container {
width: 1200px;
margin: 0 auto;
padding: 0;
background: #010101;
overflow-x:scroll;
}

#header {
width: 1200px;
height: 650px;
background: url(images/header.jpg) no-repeat;
}
	#welcome {
	font-weight: 200;
	position: relative;
	top: 280px;
	left: 500px;
	width: 630px;
	font-family: 'Roboto', sans-serif;
	font-size: .875em;
	line-height: 1.675em;
	padding: 0;
	text-align: justify;
	color: #8b8b8b;
	text-shadow: 1px 1px #000;
	}
		#welcome b, #welcome strong {}
		
/*  Section | Header - Social Links                                          */
/* ------------------------------------------------------------------------- */	
		
.follows {
position: relative;
top: 260px;
left: 940px;
width: 190px;
font-size: .875em;
padding: 0;
text-align: center;
z-index: 999;
letter-spacing: 2px;
}

.follows a:link, .follows a:visited, .follows a:active {
color: #999;
}

a.follow-email:hover:before, a.follow-rss:hover:before, a.follow-twitter:hover:before, a.follow-facebook:hover:before, a.follow-tumblr:hover:before {
color: #fff;
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;
}

.follows td {
padding: 0;
margin: 0 5px;
}

a.follow-email:before {
float: left;
content:'\f410';
display:inline-block;
margin: 0;
font:normal 1.5em 'Genericons';
vertical-align: top;
padding: 5px 4px 5px 6px;
-webkit-font-smoothing: antialiased;
}

a.follow-rss:before {
float: left;
content:'\f413';
display:inline-block;
margin: 0;
padding: 5px 4px 5px 6px;
font:normal 1.5em 'Genericons';
vertical-align: top;
-webkit-font-smoothing: antialiased;
}

a.follow-twitter:before {
float: left;
content:'\f202';
display:inline-block;
margin: 0;
padding: 5px 4px 5px 6px;
font:normal 1.5em 'Genericons';
vertical-align: top;
-webkit-font-smoothing: antialiased;
}

a.follow-facebook:before {
float: left;
content:'\f203';
display:inline-block;
margin: 0;
padding: 5px 4px 5px 6px;
font:normal 1.5em 'Genericons';
vertical-align: top;
-webkit-font-smoothing: antialiased;
}

a.follow-tumblr:before {
float: left;
content:'\f214';
display:inline-block;
margin: 0;
padding: 5px 4px 5px 6px;
font:normal 1.5em 'Genericons';
vertical-align: top;
-webkit-font-smoothing: antialiased;
}
	
/*  Section | Header - Navigation                                            */
/* ------------------------------------------------------------------------- */
	
.designsbycordy-menu {
position: relative;
z-index:999;
margin: -230px auto 10px auto;
font-weight: 300;
text-decoration:none;
font-size: 1.125em;
text-align: center;
text-transform: capitalize;
height: 40px;
padding: 10px 10px 0 10px;
font-family: 'Roboto Slab', serif;
}

.designsbycordy-menu ul {display: inline;list-style: none;}
.designsbycordy-menu .menu-item {display: inline-block;padding: 10px 20px;margin: 0 3px;background: url(images/bg.png);border-bottom: 2px solid #838383;}
.menu-item:hover {display: inline-block;background: #000 url(images/bg.png);border-bottom: 2px solid #e2e2e2;}

.designsbycordy-menu a:link, .designsbycordy-menu a:visited, .designsbycordy-menu a:active {color: #838383;}
.designsbycordy-menu a:hover {color: #e2e2e2;}


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

.sidead {margin:0 auto;width:300px;height:250px;}

#content {		
position: relative;
z-index: 999;
width: 830px;   
margin: 10px 0 0 10px;
padding: 0;	
text-align: left;
float: left;
}

#sidebar {
position: relative;
z-index: 999;
float: right;
width: 320px;
margin: 10px 10px 0 0;
padding: 0;
text-align: justify;
font-size: .875em;
line-height: 1.45em;
}
	.box {padding: 10px;margin: 0 0 20px 0;}
	#projects tr {margin-top: 10px;}
	#projects td {padding: 4px 8px; margin: 0 2px !important; text-align:center; background: #181818; border: 1px solid #232323;}
		#projects td:hover {background: #373737;}
	
/*  Section | Page Contents - Post Entry                                     */
/* ------------------------------------------------------------------------- */

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

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

.entry-meta, .entry-meta2 {
text-align: left;
font-size: .625em;
padding: 0;
text-transform: uppercase;
color: #6e6e6e;
}

.entry-meta {margin: 0 0 10px 0;}
.entry-meta2 {margin: 10px 0;}
.entry-meta span, .entry-meta2 span {background: #181818;padding: 5px 10px;}
.entry-meta span:hover, .entry-meta2 span:hover {background: #2a2a2a;}
.entry-meta span a, .entry-meta2 span a {color: #6e6e6e;}

.border {
background: url(images/border.png) center repeat-x;
font-size: 1em;
line-height: 1.25em;
padding: 5px 20px;
text-align: left;
text-transform: capitalize;
}

.postdate {
padding: 10px;
color: #b0b0b0;
background: #000;
font-weight: 100;
font-size: .875em;
font-family: 'Roboto Slab', serif;
}

.editthis:before { 
content:'\f411';
display:inline-block;
margin: 3px 3px 0 -2px;
font:normal 1.5em 'Genericons';
vertical-align: top;
-webkit-font-smoothing: antialiased;
}

.entry-content {padding: 0 5px;}

#wp-calendar {width: 100%;}	
	
/*  Section | Page Contents - Post Comments                                  */
/* ------------------------------------------------------------------------- */	
	
.single-entry-meta { font-style: italic; background: #181818; display:block; padding:10px; margin:20px 100px;}	
	.single-entry-meta:before {float: left; content: '\f425'; display:inline-block; margin:2px 5px 0 0; font:normal 3em 'Genericons'; vertical-align: center; -webkit-font-smoothing: antialiased; color: #a6a6a6;} /* 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 {}
	ol.comment-list li.comment.depth-1 {border-bottom: 5px solid #181818 !important;}
	.reply:before {content: '\f412';display:inline-block;margin: 0 0 0 15px;font:normal 1.25em 'Genericons';color:#a3a3a3;vertical-align: top;-webkit-font-smoothing: antialiased;} /* arrow next to reply link */

	.children {margin: 10px 50px;} /* first comments */
		.children .comment {padding: 10px; background: #181818; border-top: 5px solid #777; border-bottom: 0px !important;} /* replies */

.comment-meta {clear:left; font-size: .75em; text-align: left; padding: 5px;margin-bottom: 5px; text-transform:uppercase; font-style:normal; font-weight:100; font-family:'Roboto Slab', serif;} /* date & time comment was posted */
	.comment-meta a {color:#686868 !important;} /* so the dates don't stick out */
	.comment-meta.commentmetadata:before {content: '\f303'; display:inline-block; margin:1px 0 0 0; font:normal 1.714em 'Genericons'; vertical-align: bottom; -webkit-font-smoothing: antialiased; color: #a6a6a6;} /* the clock icon */

.comment-author {text-transform: lowercase;letter-spacing: -1px;font-style: italic;font-family:'Roboto Slab', serif;font-weight: 100;font-size: 1.65em;}
	.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;}
	label {font-weight:700;}
	.form-allowed-tags {visibility:hidden;} /* delete this if you want it visible /*
	
	
/* ------------------------------------------------------------------------- */	
/*  Section | Images                                                         */
/* ------------------------------------------------------------------------- */	
	
#content img.wp-smiley {
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: 7px;
background: #181818;
border: 1px solid #262626;
box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
}

#entry img:hover {border: 1px solid #5a5a5a;}

.box img {
margin: 1px;
padding: 5px;
background: #181818;
border: 1px solid #262626;
box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
}

.box img:hover {border: 1px solid #5a5a5a;}
.box img.img {margin: 2px;}
span.cpg_cat br {margin: 3px 0 10px 0;}

.featured { 
min-width:830px;
max-height:250px;
overflow: hidden;
border: 0 !important; 
margin: 10px 0 10px -10px;
}

.featured img {	
max-width: 830px;
padding:0 !important;
border:0 !important;
margin:0 !important; 
}


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

#footer {
clear: both;
width: auto;
margin: 0 auto;
font-size: 1em;
line-height: 1.25em;
padding: 12px 5px 3px 5px;
color: #4b4b4b;
background: #000;
border-top: 2px solid #2e2e2e;
}
	#foot {
	margin: 0 auto;
	padding: 20px;
	width: 1180px;
	font-size: 1em;
	text-align: left;
	font-weight: normal;
	}
	
	
/* ------------------------------------------------------------------------- */	
/*  Plugins | WP-PageNavi                                                    */
/* ------------------------------------------------------------------------- */	
	
.wp-pagenavi {margin: 50px 0 30px 0;text-align: center;font-size: .75em; font-family:'Roboto Slab', serif; text-transform: uppercase;}

.wp-pagenavi span.pages {font-weight:500;padding: 10px 15px 9px 15px; 
background: #181818;border: 1px solid #232323;margin: 2px;}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi span.current, .wp-pagenavi span.extend {
text-transform: uppercase;
text-decoration: none;
padding: 10px 15px 9px 15px; 
margin: 2px;
background: #181818;
border: 1px solid #232323;
}

.wp-pagenavi a:hover {
background: #353535;
}
	
	
/* ------------------------------------------------------------------------- */	
/*  Plugins | Hard-Coded Breadcrumbs                                         */
/* ------------------------------------------------------------------------- */		
	
.breadcrumbs {
padding: 5px 10px 6px 10px;
margin-bottom: 5px;
font-size: .675em;
background: #101010;
text-transform: uppercase;
border-top: 1px solid #151515;
border-bottom: 1px solid #151515;
}

.breadcrumbs:before {content: '\f409';display:inline-block;margin: -1px 2px 0 0;font:normal 2em 'Genericons';vertical-align: middle;-webkit-font-smoothing: antialiased;color: #dedede;}/* this is the home icon next to home link in your breadcrumbs--if you don't want the icon, delete this */

.breadcrumbs .separate:before {content: '\f432';display:inline-block;margin: -2px 3px 0 5px;font:normal 1em 'Genericons';vertical-align: middle;-webkit-font-smoothing: antialiased;transform:rotate(90deg); -ms-transform:rotate(90deg); /* IE 9 */ -webkit-transform:rotate(90deg); /* Opera, Chrome, and Safari */} /* this is the separator arrow inbetween your breadcrumbs--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 */