/*

Theme Name: Work N Play

Theme URL: http://worknplay.net

Description: WordPress theme for Work N Play.

Author: Jon Phillips

Author URI: http://spyrestudios.com

Version: v.1

*/





body {

	background: #222222;

	width: 100%;

	color: #444444;

	font-size: 14px;

	font-family: Helvetica, Arial, Verdana, Sans-Serif;

	margin: 0px auto 0px auto;

	padding: 0px 0 0 0;

}



#wrap {

	background: #ffffff;

	width: 960px;

	margin: 0px auto 10px auto;

	padding: 0px;

}



h1{

	padding: 0 0 0 0;

}



h3{

	padding: 10px 0 0 0;

}



h4{

	padding: 0 0 0 15px;

	font-size: 13px;

}



a:link{

	text-decoration: underline;

	font-weight: bold;

	color: #0078D8;

}



a:hover{

	text-decoration: underline;

	font-weight: bold;

	color: #FF871B;

}



a:visited{

	text-decoration: underline;

	font-weight: bold;

	color: #888;

}



a img {

	border: none;

}



.entry img.left { 

	padding: 6px 10px 10px 0; 

	border: none;

	float: left; 	

	clear: left; 

}

		

.entry img.right { 

	padding: 6px 0 10px 10px; 

	border: none;

	float: right; 

	clear: right; 

}

		

.entry img.center { 

	display: block; 

	padding: 8px; 

	margin: 0 auto 1.5em auto; 

	border: none;

	float: none; 

	clear: both; 

}

	

.entry img.frame { 

	padding: 6px; 

	margin: 0.5em 0 0.5em 15px; 

	border: 1px solid #CCC;

	background: #EEE;

	float: right; 

	clear: right; 

}

		

.entry img.stack { 

	clear: none !important; 

}





.date {

	width:3.6em;

	float: left;

	font-family: Helvetica, Georgia, Arial, Sans-serif;

	font-weight:bold;

	font-size: 12px;

	padding: 5px 0 5px 0;

	margin: 5px 0.6em 0 0;

	text-align:center;

	color:#fff;

	background: #000;

}



.month {

	text-transform:uppercase;

	font-weight:bold;

	color:#0078D8;

}

	

/************************************************

*	Head     *

************************************************/



#header {

	background: #222;

	width: 960px;

	margin: 0px auto 0px auto;

	padding: 0px 0px 0px 0px;

	overflow: hidden;

}

	

#header a {

	font-family: Helvetica, Arial, Verdana, Sans-Serif;

	font-size: 24px;

	text-decoration: none;

	padding: 0px;

	margin: 0px;

}



#header a:hover{

	color: #666666;

}



#headerleft {

	width: 580px;

	float: left;

	margin: 25px 0 25px 0;

	font-size: 14px;

	overflow: hidden;

}

	

#headerleft a img {

	border: none;

	margin: 0px;

	padding: 0px;

}



#headerright {

	width: 300px;

	float: right;

	font-size: 12px;

	text-align: left;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	overflow: hidden;

}



/************************************************

*	Menu         *

************************************************/



#top-menu{

	clear: both;

	float: left;

	width: 960px;

	font-family: Helvetica, Verdana, Georgia, Sans-Serif;

	text-align: left;

	background: #000;

}



#top-menu a{

	text-decoration: none;

	font-size: 14px;

	font-weight: bold;

	padding: 10px 10px 10px;

	color: #fff;

}



#top-menu a:hover{

	text-decoration: none;

	font-weight: bold;

	background: #0078D8;

	padding: 10px 10px 10px;

	color: #fff;

}



#top-menu ul{

	margin: 0 0 0 15px;

	width: 905px;

	padding: 10px 0;

	text-align: left;

}



#top-menu ul li{

	display: inline;

	padding: 0 0 0 0;

	font-size: 14px;

}



#top-menu ul li.current_page_item{

	text-decoration: none;

	background: #fff;

	color: #000;

}



#top-menu ul li.current_page_item a{

	text-decoration: none;

	background: #fff;

	color: #000;

}



/************************************************

*	Container-Posts 	 * 

************************************************/



#container{

	float: left;

	width: 600px;

	background: #fff;

	padding: 20px 5px 0 15px;

}



.post{

	padding: 10px 20px 50px 10px;

}



.post h2{

	font-family: Helvetica, Verdana, Georgia, Sans-serif;

	font-size: 26px;

	font-weight: bold;

	padding: 2px 0 0 0;

	margin: 0 0 6px 0;

}



.post h2 a:link{

	text-decoration: none;

	font-weight: bold;

	color: #000000;

}



.post h2 a:hover{

	text-decoration: none;

	font-weight: bold;

	color: #0078D8;

}



.post h2 a:visited{

	text-decoration: none;

	font-weight: bold;

	color: #777777;

}



.entry{

	line-height: 22px;

	padding: 0 0 0 0px;

}



.postinfo{

	font-family: Helvetica, Verdana, Georgia, Sans-serif;

	font-size: 12px;

	color: #666666;

	margin: 0;

	padding: 0 0 5px 0;

	border-bottom: 1px solid #ddd;

}



.postinfo a:link{

	text-decoration: none;

	padding: 4px 4px 4px 4px;

	color:#777;

}



.postinfo a:hover{

	text-decoration: none;

	background: #0078D8;

	padding: 4px 4px 4px 4px;

	color: #fff;

}



.postinfo a:visited{

	text-decoration: none;

	padding: 4px 4px 4px 4px;

	color:#555555;

}



.postdate{

	color: #999999;

}



p.postmetadata{

	font-size: 12px;

	color: #666666;

	text-decoration: none;

	border-top: 1px solid #888888;

	background: #fff;

	margin: 0 0 12px 0;

	padding: 0 0 0 0px;

}



p.postmetadata a:link{

	text-decoration: none;

	padding: 4px 4px 4px 4px;

	color: #000;

}



p.postmetadata a:hover{

	text-decoration: none;

	background: #0078D8;

	padding: 4px 4px 4px 4px;

	color: #fff;

}



p.postmetadata a:visited{

	text-decoration: none;

	padding: 4px 4px 4px 4px;

	color:#444;

}





p.postmetadata strong{

	float: right;

}



/*

Nav at the end of posts, yeah baby!

*/



.postnav{

	padding: 10px 15px 10px 15px;

	font-size: 14px;

	font-weight: bold;

	line-height: 18px;

}



.postnav a:link{

	text-decoration: none;

	padding: 4px 4px 4px 4px;

	background: #fff;

	color:#000000;

}



.postnav a:hover{

	text-decoration: none;

	padding: 4px 4px 4px 4px;

	background: #0078D8;

	color:#fff;

}



.postnav a:visited{

	text-decoration: none;

	padding: 4px 4px 4px 4px;

	background: #fff;

	color:#000;

}



	

/************************************************

*	Sidebar 	 * 

************************************************/



.sidebar {

	float: left;

	width: 340px;

	border: 0;

	text-align: left;

	display: inline;

	overflow: hidden;

	background: #ddd;

}



.sidebar ul{

	list-style: none;

	background: #ddd;

	margin: 0;

	padding: 0 5px 0 0px;

}



.sidebar li{

	padding: 0px 0 20px 0px;

}



.sidebar li h2{

	font-family: Arial, Helvetica, Verdana, Georgia, Sans-serif;

	font-size: 14px;

	text-align: left;

	width: 340px;

	text-transform: uppercase;

	background: #222222;

	font-weight: bold;

	color: #ffffff;

	padding: 5px 5px 5px 12px;

	margin: 0 0 5px 0;

}



.sidebar ul ul li{

	padding: 0;

	margin: 0 0 0 22px;

	line-height: 24px;

	font-size: 12px;

}



.sidebar a:link{

	font-weight: normal;

	text-decoration: none;

	color:#000000;

}



.sidebar a:visited{

	text-decoration: none;

	font-weight: normal;

	color:#333;

}



.sidebar a:hover{

	text-decoration: underline;

	font-weight: normal;

	color: #FF871B;

}



/************************************************

*	RSS Custom      *

************************************************/



.sidebartop {

	float: left;

	border: 0;

	width: 340px;

	display: inline;

	height: 25px;

	overflow: hidden;

	background: #fff url(images/rss_bg_section_top.jpg);

}



.sidebartoptxt {

	font-family: Helvetica, Verdana, Georgia, Sans-serif;

	height: 25px;

	font-size: 14px;

	font-weight: bold;

	text-align: left;

	overflow: hidden;

	padding: 5px 0px 0px 20px;

	color: #ffffff;

}



.sidebarbottom {

	float: left;

	width: 340px;

	text-align: left;

	display: inline;

	height: 85px;

	overflow: hidden;

	background: #fff url(images/rss_bg_section.jpg);

}



.sidebarrssimgs {

	padding: 2px 0px 0 15px;

}



.sidebaradvertsimg {

	border: 0;

	margin: 10px 0 0 0;

	padding: 5px 5px 5px 5px;

}



.sidebarsearch {

	padding: 0 0 0 22px;

}



.archivespad {

	color: #000000;

	font-weight: bold;

	font-size: 14px;

	padding: 10px 0 6px 12px;

}



.archive_head {

	line-height: 22px;

	padding: 0 0 0 50px;

}



/************************************************

*	Custom      *

************************************************/



.socialicons {

	padding: 0 4px 0 1px;

}



blockquote { 

	font-style: italic; 

	font-family: Helvetica, Arial, Sans-serif;

	font-size: 90%;

	color: #666666; 

	margin: 1.5em 30px 1.5em 30px; 

	padding: 4px 4px 4px 10px;

	background: #eee;

	border-left: 1px solid #000;

}



code { 

	color: #9A2EFE; 

	font-family: Courier, monospace; 

}



.rssposts{

	font-family: Helvetica, Verdana, Georgia, Sans-serif;

	font-size: 14px;

	color: #666666;

	margin: 0 0 0 0px;

	padding: 15px 15px 15px 15px;

	border: 1px solid #888;

	width: 490px;

	overflow: hidden;

	background: #eee;

}



.rssposts a:link{

	text-decoration: underline;

	color:#000;

}



.rssposts a:hover{

	text-decoration: underline;

	color: #FF871B;

}



.rssposts a:visited{

	text-decoration: underline;

	color:#555555;

}



.rsspostsimage{

	margin: 0 7px 0 0; 

	border: none;

	float: left; 	

	clear: left; 

}



.sociallinks {

	font-family: Helvetica, Verdana, Georgia, Sans-serif;

	font-size: 14px;

	text-decoration: none;

	color: #666666;

	width: 490px;

	overflow: hidden;

}



.sociallinks a {

	font-family: Helvetica, Verdana, Georgia, Sans-serif;

	font-size: 14px;

	text-decoration: none;

	color: #666666;

	width: 490px;

	overflow: hidden;

}



.sociallinks a:hover {

	font-family: Helvetica, Verdana, Georgia, Sans-serif;

	font-size: 14px;

	text-decoration: none;

	color: #980000;

	width: 490px;

	overflow: hidden;

}





.custombgint {

	padding: 10px;

	border: 1px solid #000000;

	background: #eeeeee;

}



.customintbg {

	padding: 10px;

	border: 1px solid #666666;

	background: #E4E4CD;

}



/************************************************

*	Footer      *

************************************************/



#footer {

	background: #222222;

	width: 960px;

	height: 120px;

	margin: 0px auto 0px;

	padding: 0px 0px 0px 0px;

}

	

#footer p {

	color: #cccccc;

	font-size: 12px;

	font-family: Helvetica, Arial, Verdana, Sans-Serif;

	margin: 0px;

	padding: 0px 10px 0px 10px;

}





#footer a, #footer a:visited {

	color: #cccccc;

	text-decoration: none;

}

	

#footer a:hover {

	text-decoration: none;

	color: #ffffff;

}

	

#footer a img {

	border: none;

	margin: 0px 0px 0px 10px;

	padding: 0px;

}

	

#footerleft {

	width: 770px;

	float: left;

	margin: 0px;

	padding: 16px 0px 0px 0px;

}

	

#footerright {

	width: 130px;

	float: right;

	margin: 0px;

	padding: 7px 0px 0px 0px;

	text-align: right;

}



/************************************************

*	Search Form     *

************************************************/



#searchdiv {

	margin: 0px;

	padding: 0px;

}

	

#searchform {

	margin: 0px;

	padding: 0px;

	overflow: hidden;

}



/************************************************

*	Comments      *

************************************************/

	

#comment-form{

	width: 550px;

	background: #eee;

	margin: 20px 0 0 0px;

	padding: 5px 5px 10px 15px;

}



.comments-template a{

	text-decoration: underline;

	color: #666;

}





.comments-template a:hover{

	text-decoration: underline;

	color: #333;

}



.comments-template ol{

	width: 560px;

	margin: 15px;

	padding: 0 0 15px;

	list-style: none;

}



.comments-template ol li{

	margin: 10px 0 0 5px;

	line-height: 18px;

	padding: 10px 0 5px 15px;

}



.comments-template h2, .comments-template h3{

	font-family: Helvetica, Arial, Verdana, Sans-Serif;

	font-size: 16px;

	color: #666;

	margin: 0 0 0 0px;

	padding: 15px 0 20px 0;

}



.commentmetadata{

	font-size: 12px;

	color: #333;

	padding: 20px 0;

}



.commentmetadata strong { 

	font-size: 14px; 

}



.comments-template p.nocomments{

	padding: 0;

}



.comments-template input{

	border: 1px solid #555555;

}



.comments-template textarea{

	font-family: Helvetica, Arial, Verdana, Sans-Serif;

	font-size: 12px;

	color: #000;

	margin: 30px 15px 15px 0;

	background: #FFF;

}



.even {

	background: #eee;

}



.alt {

	background: #ddd;

}

.top-ientry-bar {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 35px;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #000000 url(http://images.ientrymail.com/worknplay/ientry-bg.jpg) repeat-x left top;
}
.top-ientry-bar a {
	margin: 0px;
	padding: 9px 15px 10px 10px;
	float: left;
	outline: none;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-decoration: none;
	border-right: solid 1px #222222;
}
.top-ientry-bar a:hover {
	margin: 0px;
	padding: 9px 15px 10px 10px;
	float: left;
	outline: none;
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-decoration: none;
	border-right: solid 1px #222222;
	background: url(http://images.ientrymail.com/worknplay/ientry-hover.jpg) repeat-x left top;
}
.top-ientry-bar a img {
	margin: -5px 5px -6px 0px;
	z-index: 2;
}
#ientry-bar-right {
	float: right;
	border-right: none;
	border-left: solid 1px #222222;
}
.ientry-bar-clear {
	clear: both;
}