/*
Theme Name: Marvellous Maxine Peake WP
Theme URI: http://greystreetdesign.net
Description: This theme was designed for Marvellous Maxine Peake
Version: 1.0
Author: Sara
Author URI: http://greystreetdesign.net
Tags: Maxine Peake Fan Site
*/

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

footer.entry-meta a {
 color: #a8a8a8;
	text-decoration: none;
}
footer.entry-meta a:hover {
 color: #9d1c20;	 
}
footer.entry-meta .sep {
	margin:0 8px;
}
.cat-links span, .tag-links span {
	width:0;
	display: inline-block;
	text-indent:-9999em;
}
.icon:before {
	vertical-align: -2px;
	color:#454545;
	font-family: "ExampleCustom", sans-serif;
	font-size:14px;
	
	margin:0 4px 0 0;
}
.icon:hover:before {
	color: #000;
}
.comments-link:before {
	content: "\E802";
}
.cat-links:before {
	content: "\E804";
}
.tag-links:before {
	content: "\E807";
}
.edit-link:before {
	content: '\E807';
}

body, p {

font: normal 85%/220% arial; 
color: #818181;
}

body {
padding: 0;
margin: 0;
background: #d8d8d8; 
text-align: left;
 


} 



.ad {width: 100%; overflow: hidden; background: #e7e7e7;}

.projects {float: left; padding: 10px;}

#blogname {background: transparent;  font-family: 'Noto Serif', serif;  }

 
#toolbarlayer {border-bottom: 0px;}

#hw_main_nav {border-bottom: 1px #d3d3d3 solid;}

.tagline {text-align: right;}
 

.position2 { text-align: left; font-size: 24px; color: #5d5d5d;   font-family: 'Noto Serif', serif;   font-weight: normal; margin-top: -28px; padding-left: 20px;  font-style: italic;}

.thumbnails {
	margin-left:-11px;

	padding-top: 5px;
	border:0px solid #ffffff!important; }

.thumbnails img { 
	width:660px;
	
	height:auto;
	padding:0px!important;
	border:0px!important;
	margin:0px; }

.crop { 
max-width:660px;
max-height:250px;
overflow: hidden; 
display: block;  }

.crop img {  
min-width:660px;
margin:-30px -50px 0px 0px; }




.coppermine img {width: 60px; height: 65px; margin: 1px;
	
background: #fff;
padding: 5px;
    
	
	border: solid 3px #bfbfbf;}

.coppermine img:hover {width: 60px; height: 65px; margin: 1px;
	
background: #fff;
padding: 5px;
	
    
	
	border: solid 3px #9d1c20;}

.coppermine {float: right;}


.position {padding: 0px 0px 0 0px; width: 100%; height: 120px; background: #f2f2f2 URL("images/welcome.jpg");}

#welcome {


font: normal 85%/220% arial; 
color: #525252;
padding: 10px;	
}

#container {
margin: 0 auto 0 auto;
width: 1050px;
background: #fbfbfb;
padding: 0px;

box-shadow:0 3px  3px 6px 2px #757575;   
-moz-box-shadow:0 3px 6px 2px #757575;   
-webkit-box-shadow:0 3px 6px  2px #757575;
} 



#header {
background: URL("images/header.jpg");
height: 450px;
width: 100%x;
overflow: hidden;
border-bottom: 5px solid #5d5d5d;
background-repeat:no-repeat;
background-position:top center;
} 


.topbar {
	width: 100%;
overflow: hidden;
	line-height: 30px;
	text-align: left;
	 font-family: 'Noto Serif', serif; 
	 background: #9d1c20;
color: #cfcfcf;
	padding-top: 2px;
padding-bottom: 2px;
 font-size: 14px;
	
}

.position3 {padding-left: 23px; }

.topbar a:link, .topbar a:visited {
	color: #cfcfcf;
	text-decoration: none;
font-size: 14px;
}

.topbar a:hover, .topbar a:active {
	color: #fff;


}




#sidebar {
width: 355px;
height: auto;
float: right;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
line-height: 2;
background: #fbfbfb;

text-align:justify;
font-size: 12px;
} 

.sidebar ul { margin:0px; padding:0px; list-style: none; text-decoration: none;}
.sidebar li { padding:3px; border-bottom:1px solid #a2a2a2; text-decoration: none; list-style: none;}
.sidebar ul li {padding:3px; border-bottom:1px solid #a2a2a2; text-decoration: none; list-style: none;}
.sidebar li:hover { background:#f5f5f5; text-decoration: none; list-style: none;}
.sidebar li a { color: #616161; text-decoration: none; list-style: none;}
.sidebar li:hover a { color: #616161; text-decoration: none; list-style: none;}

.entry ul { margin:0px; padding:0px; list-style: none; text-decoration: none;}
.entry li { padding:3px; border-bottom:1px solid #a2a2a2; text-decoration: none; list-style: none;}
.entry ul li {padding:3px; border-bottom:1px solid #a2a2a2; text-decoration: none; list-style: none;}
.entry li:hover { background:#f9f9f9; text-decoration: none; list-style: none;}
.entry li a { color: #616161; text-decoration: none; list-style: none;}
.entry li:hover a { color: #616161; text-decoration: none; list-style: none;}

#content {
width: 650px;
padding: 0px 10px 10px 10px;
float: left;
background: #fff;
} 

#content2 {  width: 650px;}

a:link, a:visited, a:active  {
color: #212121;
-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
text-decoration: none;

}

a:hover {
color: #9d1c20;
border-bottom: none;
-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;

}

#footer {
clear: both;
padding: 20px;
background: #ededed;
}

h1 {
 font-family: 'Noto Serif', serif; 
color: #9d1c20;
font-size: 20px;
font-weight: normal;
}
 
 
h2 {
 font-family: 'Noto Serif', serif; 
color: #fff;
background: #5d5d5d;
padding: 5px;
font-size: 14px;
font-weight: normal;
border-bottom: 3px solid #9d1c20;
text-transform: uppercase;
}

h3 {
 font-family: 'Noto Serif', serif; 
}

.postmetadata { 
 font-family: 'Noto Serif', serif; 
border-bottom: solid 1px #dddddd;
text-transform: uppercase;
font-size: 12px;
}
 


b, strong {
color: #9d1c20;
}

i, em {
color: #2b303a;
}

#entry { }

blockquote {
 
width: 570px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
font-family: georgia;
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -5px;
top: -10px;
color: #9d1c20;
}

#navmenu {margin: 0 auto 0 auto; width: 100%;
overflow: hidden; background: #f2f2f2; height: 45px; padding-top: 12px; text-align: right;  font-family: 'Noto Serif', serif;  }

#navmenu ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }

#navmenu ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; }

#navmenu ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }

#navmenu li {display: inline; padding: 10px}

#navmenu a {text-decoration:none; color: #fff; }

#navmenu a:hover {color: #ececec; }

#navmenu ul {margin: 0; padding: 0; 
	list-style-type: none; list-style-image: none; }

#navmenu li {display: inline; }

#navmenu ul li a {text-decoration:none;  margin: 2px;
font-size: 14px;
	padding: 5px; color: #9d1c20;
	background: transparent; text-transform: uppercase;}

#navmenu ul li a:hover {color: #9d1c20;
	border-bottom: 3px solid #5d5d5d; 


 }


.date {background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top,  #f5f5f5 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f5f5f5 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f5f5f5 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

 padding: 10px; width: 75px; font-size: 14px; float: left; margin-right: 10px;
color: #b8b8b8; text-align: center;}

.perma {
 font-family: 'Noto Serif', serif; 
color: #9d1c20;
font-size: 24px;
font-weight: normal; padding-top: 10px;}

.perma a:link {color: #9d1c20;} 
.perma a:visited {color: #9d1c20;}
.perma a:hover {color: #5d5d5d;}
.perma a:active {color: #9d1c20;}
 

.author {font-size: 12px;   font-family: 'Noto Serif', serif; text-transform: uppercase;}



.comments {background: #e7e7e7; /* Old browsers */
background: -moz-linear-gradient(top,  #e7e7e7 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e7e7e7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e7e7e7 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e7e7e7 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e7e7e7 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
padding: 10px; width: 75px; font-size: 12px; float: left; margin-right: 10px;
color: #1d1d1d; text-align: center; font: normal 85%/220% arial; }

.entry img{
	margin: 1px;
	

-webkit-transition: all .3s .1s;

   

-moz-transition: all .3s .1s;

     

-o-transition: all .3s .1s;

        

transition: all .3s .1s; 
	
	
	border: solid 1px #e6e6e6;
background: #fff;
padding: 5px;
	
}

.sidebar img {
	margin: 1px;
	
background: #fff;
padding: 5px;
-webkit-transition: all .3s .1s;

-moz-transition: all .3s .1s;

     

-o-transition: all .3s .1s;

        

transition: all .3s .1s; 
	
    
	
	border: solid 1px #9d1c20;

	
}
.entry img:hover{
	margin: 1px;
	
	border: solid 1px #e6e6e6;
}



 .sidebar img:hover {
	margin: 1px;
	
	border: solid 1px #5d5d5d;
}

.social {padding-top: 415px; padding-left: 820px;}

/* Social Bar
================================================== */

.socialbar {
	width: 1050px;
	min-height: 40px;
	background-color: transparent;
	padding: 0;
	font-size: 0;
	z-index: 999;
}

.socialbar:after {
	clear: left;
	content: " ";
}

.socialbar_transparent {
	width: 100%;
	min-height: 40px;
	padding: 0;
	font-size: 0;
	z-index: 999;
}

.socialbar_transparent:after {
	clear: left;
	content: " ";
}

.borderless .ss li { border: none; }
.borderless .ss li:first-child { border: none; }

.borderless li { border: none; }
.borderless li:first-child { border: none; }

/* Social Sprites: Shapes
================================================== */

.sssquare { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.sscircle { overflow: visible !important; }
.sscircle li { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; background-color: #FFF;
-webkit-box-shadow:0 2px rgba(0,0,0,0.3); 
    -moz-box-shadow: 0 2px rgba(0,0,0,0.3); 
    box-shadow:0 2px rgba(0,0,0,0.3); 
    
    margin-right: 5px !important;
	
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-o-transition: background-color all 0.2s linear;
	-ms-transition: background-color all 0.2s linear;
	transition: background-color all 0.2s linear; }

.sscircle li:active, .sscircle li a:active { border-radius: 100% !important; -moz-border-radius: 100% !important; -webkit-border-radius: 100% !important; }


/* Social Sprites: General Listing
================================================== */

.ss {
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.ss li {
	display: inline-block;
	margin: 0;
	padding: 0;
	border-right: 1px solid rgba(0,0,0,0.2);
	background-image:url("images/socialsprites.png");
	background-repeat: no-repeat;
	
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ss li:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.ss li:first-child {
	border-left: 1px solid rgba(0,0,0,0.2);
}

.ss li a {
	display: block;
	text-indent: -9999;
	height: 40px;
	width: 40px;
}

.ss li a:active {
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
}

/* Social Sprites: Icon Classes
================================================== */

.ss li.digg { background-position: 0 0; }
.ss li.digg:hover { background-position: 0 -40px; }
.ss li.dribbble { background-position: 0 -80px; }
.ss li.dribbble:hover { background-position: 0 -120px; }
.ss li.facebook { background-position: 0 -160px; }
.ss li.facebook:hover { background-position: 0 -200px; }
.ss li.flickr { background-position: 0 -240px; }
.ss li.flickr:hover { background-position: 0 -280px; }
.ss li.forrst { background-position: 0 -320px; }
.ss li.forrst:hover { background-position: 0 -360px; }
.ss li.googleplus { background-position: 0 -400px; }
.ss li.googleplus:hover { background-position: 0 -440px; }
.ss li.html5 { background-position: 0 -480px; }
.ss li.html5:hover { background-position: 0 -520px; }
.ss li.icloud { background-position: 0 -560px; }
.ss li.icloud:hover { background-position: 0 -600px; }
.ss li.lastfm { background-position: 0 -640px; }
.ss li.lastfm:hover { background-position: 0 -680px; }
.ss li.linkedin { background-position: 0 -720px; }
.ss li.linkedin:hover { background-position: 0 -760px; }
.ss li.myspace { background-position: 0 -800px; }
.ss li.myspace:hover { background-position: 0 -840px; }
.ss li.paypal { background-position: 0 -880px; }
.ss li.paypal:hover { background-position: 0 -920px; }
.ss li.picasa { background-position: 0 -960px; }
.ss li.picasa:hover { background-position: 0 -1000px; }
.ss li.pinterest { background-position: 0 -1040px; }
.ss li.pinterest:hover { background-position: 0 -1080px; }
.ss li.reddit { background-position: 0 -1120px; }
.ss li.reddit:hover { background-position: 0 -1160px; }
.ss li.rss { background-position: 0 -1200px; }
.ss li.rss:hover { background-position: 0 -1240px; }
.ss li.skype { background-position: 0 -1280px; }
.ss li.skype:hover { background-position: 0 -1320px; }
.ss li.stumbleupon { background-position: 0 -1360px; }
.ss li.stumbleupon:hover { background-position: 0 -1400px; }
.ss li.tumblr { background-position: 0 -1440px; }
.ss li.tumblr:hover { background-position: 0 -1480px; }
.ss li.twitter { background-position: 0 -1520px; }
.ss li.twitter:hover { background-position: 0 -1560px; }
.ss li.vimeo { background-position: 0 -1600px; }
.ss li.vimeo:hover { background-position: 0 -1640px; }
.ss li.wordpress { background-position: 0 -1680px; }
.ss li.wordpress:hover { background-position: 0 -1720px; }
.ss li.yahoo { background-position: 0 -1760px; }
.ss li.yahoo:hover { background-position: 0 -1800px; }
.ss li.youtube { background-position: 0 -1840px; }
.ss li.youtube:hover { background-position: 0 -1880px; }

.ss li.github { background-position: 0 -1920px; }
.ss li.github:hover { background-position: 0 -1960px; }
.ss li.behance { background-position: 0 -2000px; }
.ss li.behance:hover { background-position: 0 -2040px; }
.ss li.yelp { background-position: 0 -2080px; }
.ss li.yelp:hover { background-position: 0 -2120px; }
.ss li.mail { background-position: 0 -2160px; }
.ss li.mail:hover { background-position: 0 -2200px; }
.ss li.instagram { background-position: 0 -2240px; }
.ss li.instagram:hover { background-position: 0 -2280px; }
.ss li.foursquare { background-position: 0 -2320px; }
.ss li.foursquare:hover { background-position: 0 -2360px; }
.ss li.zerply { background-position: 0 -2400px; }
.ss li.zerply:hover { background-position: 0 -2440px; }



/* Social Sprites Mini
================================================== */
.socialbar_mini {
	height: 30px;
	overflow: hidden;
	
	padding: 0;
	z-index: 999;
}

.borderless .ssm li { border: none; }
.borderless .ssm li:first-child { border: none; }

.ssm { width: auto; margin: 0; padding: 0; text-align: center; overflow: hidden; font-size: 0; }
.ssm li { display: inline-block; margin: 0 0px; padding: 0; border-right: 1px solid rgba(0,0,0,0.2); background-image:url("images/socialsprites_mini.png"); background-repeat: no-repeat;
-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.ssm li:hover {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.ssm li:first-child { border-left: 1px solid rgba(0,0,0,0.2); }
.ssm li a { display: block; text-indent: -9999; height: 30px; width: 30px; }
.ssm li a:active { box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3), inset 0 0 10px rgba(0,0,0,0.3); }

.ssm li.digg { background-position: 0 0; }
.ssm li.digg:hover { background-position: 0 -30px; }
.ssm li.dribbble { background-position: 0 -60px; }
.ssm li.dribbble:hover { background-position: 0 -90px; }
.ssm li.facebook { background-position: 0 -120px; }
.ssm li.facebook:hover { background-position: 0 -150px; }
.ssm li.flickr { background-position: 0 -180px; }
.ssm li.flickr:hover { background-position: 0 -210px; }
.ssm li.forrst { background-position: 0 -240px; }
.ssm li.forrst:hover { background-position: 0 -270px; }
.ssm li.googleplus { background-position: 0 -300px; }
.ssm li.googleplus:hover { background-position: 0 -330px; }
.ssm li.html5 { background-position: 0 -360px; }
.ssm li.html5:hover { background-position: 0 -390px; }
.ssm li.icloud { background-position: 0 -420px; }
.ssm li.icloud:hover { background-position: 0 -450px; }
.ssm li.lastfm { background-position: 0 -480px; }
.ssm li.lastfm:hover { background-position: 0 -510px; }
.ssm li.linkedin { background-position: 0 -540px; }
.ssm li.linkedin:hover { background-position: 0 -570px; }
.ssm li.myspace { background-position: 0 -600px; }
.ssm li.myspace:hover { background-position: 0 -630px; }
.ssm li.paypal { background-position: 0 -660px; }
.ssm li.paypal:hover { background-position: 0 -690px; }
.ssm li.picasa { background-position: 0 -720px; }
.ssm li.picasa:hover { background-position: 0 -750px; }
.ssm li.pinterest { background-position: 0 -780px; }
.ssm li.pinterest:hover { background-position: 0 -810px; }
.ssm li.reddit { background-position: 0 -840px; }
.ssm li.reddit:hover { background-position: 0 -870px; }
.ssm li.rss { background-position: 0 -900px; }
.ssm li.rss:hover { background-position: 0 -930px; }
.ssm li.skype { background-position: 0 -960px; }
.ssm li.skype:hover { background-position: 0 -990px; }
.ssm li.stumbleupon { background-position: 0 -1020px; }
.ssm li.stumbleupon:hover { background-position: 0 -1050px; }
.ssm li.tumblr { background-position: 0 -1080px; }
.ssm li.tumblr:hover { background-position: 0 -1110px; }
.ssm li.twitter { background-position: 0 -1140px; }
.ssm li.twitter:hover { background-position: 0 -1170px; }
.ssm li.vimeo { background-position: 0 -1200px; }
.ssm li.vimeo:hover { background-position: 0 -1230px; }
.ssm li.wordpress { background-position: 0 -1260px; }
.ssm li.wordpress:hover { background-position: 0 -1290px; }
.ssm li.yahoo { background-position: 0 -1320px; }
.ssm li.yahoo:hover { background-position: 0 -1350px; }
.ssm li.youtube { background-position: 0 -1380px; }
.ssm li.youtube:hover { background-position: 0 -1410px; }

.ssm li.github { background-position: 0 -1440px; }
.ssm li.github:hover { background-position: 0 -1470px; }
.ssm li.behance { background-position: 0 -1500px; }
.ssm li.behance:hover { background-position: 0 -1530px; }
.ssm li.yelp { background-position: 0 -1560px; }
.ssm li.yelp:hover { background-position: 0 -1590px; }
.ssm li.mail { background-position: 0 -1620px; }
.ssm li.mail:hover { background-position: 0 -1650px; }
.ssm li.instagram { background-position: 0 -1680px; }
.ssm li.instagram:hover { background-position: 0 -1710px; }
.ssm li.foursquare { background-position: 0 -1740px; }
.ssm li.foursquare:hover { background-position: 0 -1770px; }
.ssm li.zerply { background-position: 0 -1800px; }
.ssm li.zerply:hover { background-position: 0 -1830px; }