/* ============================== */
/* = HOW TO CUSTOMIZE PAGELINES = */
/* ============================== */

/*

Rules placed in this stylesheet will override the default styles of the Base Platform theme and will not be changed or over written when you update the 
Platform framework. Additionally, since this stylesheet is purely for editing purposes you can easily undo or erase some of the CSS to return your site back to the look and feel of the Base theme. 

In the Base theme the footer is black and the CSS looks like this:

	#footer {
		clear:both;
		font-size:1em;
		overflow:hidden;
		text-align: left;
		background: #000;
		color: #999;
		position: relative;
	}
		
To change the background color to white, all you have to do is declare a new rule for the color like so:

		#footer { background: #FFF; }

A great tool for modifying themes and inspecting CSS elements is the FireBug extension for FireFox. You can also use the developer tools provided by Chrome (right-click and "inspect element") or Internet Explorer if you're feeling dangerous.

LEARN CSS - We recommend using Lynda.com video tutorials to learn using CSS. 
			Also, for a comprehensive list of CSS rules and usage try consulting W3 schools @ http://www.w3schools.com/css/default.asp
*/
/* ============================== */
/* = Start Your Custom CSS Here = */
/* ============================== */

@import url(http://fonts.googleapis.com/css?family=Questrial|Arimo:700|Oswald:400,700);
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);

 /* = Background Styles = */ 

.black-back{
background: url(http://www.need4sheed.com/images/n4s-backblack.jpg) 0 0 repeat;
}

.white-back{
background: url(http://www.need4sheed.com/images/n4s-backwhite2.jpg) 0 0 repeat;
}

.grey-back{
background: url(http://www.need4sheed.com/images/n4s-backgrey.jpg) 0 0 repeat;
}

.white-blog{
background: #ffffff;
}

 /* = Masonic = */ 
 .masonic-custom h4{
font-size: 15px;
}

.attachment-aspect-thumb {
margin: 6px;
padding: 5px;
margin: 2px 5px 5px 5px;
display: inline-block;
border: 1px solid transparent;
background: #e9e9e9;
border: 1px solid #f4f4f4;
box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

.attachment-full{
margin: 6px;
padding: 5px;
margin: 2px 5px 5px 5px;
display: inline-block;
border: 1px solid transparent;
background: #e9e9e9;
border: 1px solid #f4f4f4;
box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}

attachment-full: before{
position:fixed;
margin-top: 300px;
margin-left: 300px;
background-image:url('http://www.need4sheed.com/images/push_pin2.png');
}






.blog h2.entry-title, .archive h2.entry-title, .categorie h2.entry-title, .single h2.entry-title {
    color: #233169;
    font-family: 'Oswald',sans-serif;
    font-size: 35px;
}

.pl-new-loop .hentry .metabar {
    font-size: 85%;
    line-height: 1.6em;
    margin: 5px 0 15px;
    opacity: 0.7;
}

#site .metahead {
    color: #247FB3;
    font-family: 'Arimo',sans-serif;
    font-size: 100%;
    line-height: 1.2em;
}


.media-list .img .the-media {
    margin-left: 15px;
    background-position: 85% center;
    background-size: cover;
    border: 3px solid #F4F4F4;
    border-radius: 35px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    display: block;
    height: 58px;
    width: 58px;
}




/* = Toons on Sidebar = */

#players {
		background: url(http://www.need4sheed.com/images/players.png) 0 0 no-repeat;
		padding: 4px 0 14px 50px;
		font-size: 25px;
		font-color: #960404;
		margin-top: 1.5em;
	}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: rotate(9deg);
		-moz-transform: rotate(9deg);
		transform: rotate(9deg);
	}

	50% {
		-webkit-transform: rotate(-9deg);
		-moz-transform: rotate(-9deg);
		transform: rotate(-9deg);
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		transform: scale(1.05);
	}

	100% {
		-webkit-transform: rotate(9deg);
		-moz-transform: rotate(9deg);
		transform: rotate(9deg);
	}

}

#toon-categories ul {}
#toon-categories li {
		list-style-type: none;
		float: left;
		margin: 0.4em;
		}

#toon-categories li img {
		width: 45px;
		height: 45px;
		opacity: .55;
}

		

#toon-categories li img:hover {
	opacity: 1;
	-moz-transition: all .23s ease-in-out;
	-webkit-transition: all .23s ease-in-out;
	transition: all .23s ease-in-out;
	-webkit-animation: wobble .8s infinite linear;
}
#toon-categories li span {
            display: none;
            padding: 72px 4px;
			margin-left: 10px;
			width: 100px;
			text-align: center;
			font-size: 14px;

}

			#toon-categories li:hover span {
				z-index: 9999;
				display: inline;
				position: absolute;
				background: #106cb5;
				border: 2px solid #ed1b32;
				color: #eee;
				text-shadow: 0 -1px 0 #444;
				font-weight: 700;
				-webkit-box-shadow: 0 0 4px #010101;
				-moz-box-shadow: 0 0 4px #010101;
				box-shadow: 0 0 4px #010101;
			}





/* = Comments Styles = */

.wp-comments .commentlist > .comment {


   background: none repeat scroll 0 0 #e5eff3;
    border: 1px solid #D8D8D8;
    border-radius: 3px;
    clear: both;
    font-size: 15px;
    margin: 0 0 10px;
    padding: 24px 34px;
}

.wp-comments .commentlist li {
    padding: 80px;
}

.commentlist ul.children .even {
    background-color: #ffffff  !important;
margin: 40px 15px 10px 40px;
}


.commentlist ul.children .odd {
    background-color: #efefef  !important;
margin: 40px 25px 10px 30px;
}
.bypostauthor {background-color: #c3dce5;}


#comments-title {
font-family: 'Oswald', sans-serif;
font-size: 28px;
color: #c23032;
background: url("http://www.need4sheed.com/images/comment-reply.png") no-repeat scroll 0 90% / 30px 29px transparent;
padding-top: 25px;    
padding-left: 40px;
padding-bottom: 0px;
}

#respond #reply-title {
padding-top: 20px;
padding-left: 40px;
background: url("http://www.need4sheed.com/images/push_pin2.png") no-repeat scroll 0px 80% / 35px auto transparent;
}

#bottom-comment { 
font-size: 23px;
text-align:center;
text-shadow: -1px 1px 2px #7a7a7a;
filter: dropshadow(color=#7a7a7a, offx=-1, offy=1);
background-image: url(/wp-content/uploads/2013/07/comments1.png);
background-repeat:no-repeat;
background-position:center; 
padding-bottom:115px;
padding-top:55px;
 }


#bottom-comment a:link {color: #990000;}
#bottom-comment a:visited {color: #660000;}
#bottom-comment a:hover { 
  color: #cc000000;
} 

.wp-comments {
    margin: -80px 20px 20px;
    padding-top: 25px;
}



/* = Header Styles= */ 



h1, h2, h3, h4, h5, h6, a.site-title, .entry-title a {
font-family: 'Oswald', sans-serif;
}


.entry-title a {font-size: 30px;}
#site div.metabar {font-size: 15px;}
.post-comments a{font-size: 18px;}

#site a.site-title {font-size: 30px;}

.post-meta .metabar {
    color:#990000;
    font-size: 90%;
    line-height: 1.6em;
}

.post-meta .c_img, .hentry .c_img {
    background: none repeat scroll 0 0 #EFF8FF;
    border: 1px solid #d0e9fd;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);

}
.post-meta .c_img {
    background: none repeat scroll 0 0 #EFF8FF;
    border: 1px solid #d0e9fd;
    margin-left: auto;
    margin-right: auto;
}

.post-meta .c_img img {
    margin-left: auto;
    margin-right: auto;
}


pre {
    background-color: #EFF8FF;
    border: none;
    
}

/**
OLD.wp-caption {
    background-color: #EFF8FF;
    border: 1px solid #d0e9fd;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
**/

.wp-caption {
    border: 1px solid #f4f4f4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}



 
 



/* = Block Quotes= */

blockquote {
padding: 22px 0 15px 10px;
color: #000000;
font-size: 16px;
line-height: 22px;
background-image:url('http://www.need4sheed.com/images/lined_paper5.jpg');
border: 1px solid #ccc;
-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.46);
-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.46);
box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.46);
}

blockquote:before{
position:absolute;
margin-top: -45px;
margin-left: -50px;
content:url('http://www.need4sheed.com/images/push_pin2.png');
}

/* = Unordered list = */ 
.hentry .hentry-pad li  {
list-style-type: none;
background: url(http://www.need4sheed.com/images/bullet.png) no-repeat top left;
padding-top: 3px;	
padding-bottom: 5px;
padding-left: 30px;
	}


#twitter-box{
-webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 1px 2px rgba(50, 50, 50, 0.5);
box-shadow:         0px 1px 2px rgba(50, 50, 50, 0.5);
}



/* = Font Styles = */ 

.blog h2.entry-title, .archive h2.entry-title, .categorie h2.entry-title, .single h2.entry-title {
   font-family: 'Oswald', sans-serif;
   font-size: 35px;
   color: #233169;
}



.hentry .hentry-pad h2 { 
font-size: 33px;
}

 /*Links */
.hentry .hentry-pad a:link {
color:#920000;
font-weight: bold;
}     
.hentry .hentry-pad a:visited {

font-weight: bold;
} 

.hentry .hentry-pad a:hover {
color:#f70000;
font-style: none;
font-weight: bold;
}  



.hentry .hentry-pad {
    padding: 0 0 0px;
}


	#schedule {
		background: url(http://www.need4sheed.com/images/schedule_new.png) 0 0 no-repeat;
		padding: 9px 0 15px 50px;
		font-size: 25px;
		color: #034274;
                text-shadow: -2px 1px 2px #757575;
		margin-top: 1.7em;
	}



.fbox  {background-color: #d0e9fd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 3px #666666;
-webkit-box-shadow: 0px 0px 3px #666666;
box-shadow: 0px 0px 3px #666666;
}


.widget li {
padding: 10px 0px;
list-style: none;
margin: 0;
border-bottom-width: none;
border-bottom-style: solid;
border-color: #f2f2f2;
display: block;
}

.media .bd > *:first-child {
font-family: 'Oswald',sans-serif;
    margin-top: 0;
}
.media-list .title {
font-family: 'Oswald',sans-serif;
    font-weight: 600;
}



#site .widget .widget-title, .widget .widgettitle {
text-align: left;
font-family: 'Questrial', sans-serif;
font-weight: 600;
text-transform: none;
letter-spacing: 1px;
font-size: 25px;
line-height: 20px;
margin-bottom: 5px;
}

#site a.comment-reply-link{
background-color: #233169;
  border-radius: 4px;
  border: 1px solid #0e082b;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  margin: auto;
  padding: 6px;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}

#site a.comment-reply-link:hover {
 background-color: #c23032;
  border-radius: 4px;
  border: 1px solid #0e082b;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  margin: auto;
  padding: 6px;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}


/*Buttons*/

.btn, a.btn {
  color: #ffffff;
  background-color: #233169;
  border-radius: 4px;
  border: 1px solid #0e082b;
  display: inline-block;
  font-size: 15px;
  margin: auto;
  padding: 6px;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}



.btn:hover{
background-color: #c23032;
  border-radius: 4px;
  border: 1px solid #0e082b;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  margin: auto;
  padding: 6px;
  text-decoration: none;
  transition: all 0.5s ease-in-out;
}


.post-nav .previous a, .post-nav .next a, .current_posts_info .previous a, .current_posts_info .next a {
    display: inline;
    line-height: 20px;
}
.post-nav .previous a, .current_posts_info .previous a {
    float: left;
}


input[type="submit"], .submit, input[type="button"], .button, input[type="reset"], .reset {
background-color: #233169;
  border-radius: 4px;
  border: 1px solid #0e082b;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  margin: auto;
  padding: 6px;
  text-decoration: none;
  transition: all 0.5s ease-in-out;  
}  
  
     
input[type="submit"], .submit, input[type="button"], .button, input[type="reset"], .reset:hover {
background-color: #233169;
  border-radius: 4px;
  border: 1px solid #0e082b;
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  margin: auto;
  padding: 6px;
  text-decoration: none;
  transition: all 0.5s ease-in-out} 

/*Navbar*/

#site .comment-meta a {font-size: 14px;}

#site .navbar, a{
font-family: 'Oswald',sans-serif;
font-size: 22px;
background: none;}

.section-navbar .navbar .navline > li > a{background-color: none;}

.section-navbar .navbar.pl-color-base .navline > li:hover > a, .section-navbar .navbar.pl-color-base .navline > li.current-menu-item > a, .section-navbar .navbar.pl-color-base .navline > li.dropdown.open {
color: #990000;
background-color: none;
box-shadow: none;}

.dropdown-menu li > a, body .dropdown-menu li > span {
font-size: 16px;
}
.section-navbar .navbar.pl-color-base .navline > li > a {color: #233169;}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-menu li.current-menu-item > a {
  text-decoration: none;
  background-color: #233169;
  background-image: none;
}

.metahead a:last-child {font-size: 14px;}
.media-list .title {font-size: 16px; color: #960000;}
#site .post-comments sc {font-size: 12px;}


.pl-dark-img a {font-size: 20px}
.footer a {font-size: 18px;}

.entry-content a {font-size: 17px;}
.flipper-title a {font-size: 16px; font-style: none;}

.slideshow-window, .slideshow-window{
background: #ffffff;
border: none;
} 



/*Calendar Date*/

.hentry .published {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
margin-top: 70px;
padding-top: 21px;
padding-right: 20px;
padding-left: 5px;
left: 1px;
top: 40px; 
font-family: 'Oswald', sans-serif;
font-size: 13px;
color: #233169;
width: 60px;
height: 100px;
line-height: 18px;
background-image: url('http://need4sheed.com/wp-content/uploads/2014/06/cal2.png');
background-repeat: no-repeat;
background-size: 70px 69px;
text-align:center;
}

body.ipad .hentry .published {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
margin-top: 70px;
padding-top: 21px;
padding-right: 20px;
padding-left: 5px;
left: 1px;
top: 40px; 
font-family: 'Oswald', sans-serif;
font-size: 13px;
color: #233169;
width: 60px;
height: 100px;
line-height: 18px;
background-image: url('http://need4sheed.com/wp-content/uploads/2014/06/cal2.png');
background-repeat: no-repeat;
background-size: 70px 69px;
text-align:center;
}

body.iphone .hentry .published{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
margin-top: -50px;
padding-top: 21px;
padding-left: 5px;
left: 180px;
top: 40px; 
font-family: 'Oswald', sans-serif;
font-size: 13px;
color: #233169;
width: 60px;
height: 100px;
line-height: 18px;
background-image: url('http://need4sheed.com/wp-content/uploads/2014/06/cal.png');
background-repeat: no-repeat;
background-size: 70px 69px;
text-align:center;
}

body.android .hentry .published{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
margin-top: -50px;
padding-top: 21px;
padding-left: 5px;
left: 180px;
top: 40px; 
font-family: 'Oswald', sans-serif;
font-size: 10px;
color: #233169;
width: 60px;
height: 100px;
line-height: 15px;
background-image: url('http://need4sheed.com/wp-content/uploads/2014/06/cal.png');
background-repeat: no-repeat;
background-size: 70px 69px;
text-align:center;
}

body.tablet .hentry .published{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
margin-top: -50px;
padding-top: 21px;
padding-left: 5px;
left: 180px;
top: 40px; 
font-family: 'Oswald', sans-serif;
font-size: 10px;
color: #233169;
width: 60px;
height: 100px;
line-height: 15px;
background-image: url('http://need4sheed.com/wp-content/uploads/2014/06/cal.png');
background-repeat: no-repeat;
background-size: 70px 69px;
text-align:center;
}


#handwriting-back{
background: url(http://www.need4sheed.com/images/legal.gif) 0 0 repeat ;
 padding: 1.3cm 1.3cm .5cm 1cm;
}    
#handwriting{

color: #960e0e;
font-family: 'Shadows Into Light Two', cursive;
font-size: 21px;
line-height: 135%;
	margin: 1cm 4cm 1cm 2cm;
}