/*   Theme Name: Yellow Pixel Wordpress
Theme URI: http://www.yellowpixeldesigns.com/
Description: Custom theme for and by YellowPixelDesigns.com
Author: Emma Apple
Author URI: http://www.yellowpixeldesigns.com/
Version: 1.2
*/


body {
font-family: helvetica, trebuchet, verdana, arial, 'sans serif';
color: #000;
background: #fff;
text-align: center;
font-size: 12px;}

* {padding: 0px;margin: 0px;}
 
/*********************************************/
/*** formating***/
/*********************************************/

.right {float: right;}
.left {float: left;}

.b {font-weight: bold;}

.small {	font-size: 11px;}
.xxsmall{font-size: 10px;}

.strike {text-decoration: line-through;}
.stem {font-weight: bold;font-style: italic;}
.red {color: red;}

.u {text-decoration:underline;}
.em {font-style: italic;}

.aleft {text-align: left;}
.acenter {text-align: center;}
.aright {text-align: right;}

.cl {clear: both;}

blockquote {
	margin: 0px 30px 10px 30px;
	padding: 5px 0 0 0;
border-top: 1px dotted #000;
border-bottom: 1px dotted #000;
width:500px;
clear:both;
	}
	
	img {border: 0;}

/************************************************
*	Containment									*
************************************************/
	
#contain {
margin-left: auto;
margin-right: auto; 
width: 820px;
padding: 10px 0 10px 0;
}

#content {text-align: left;}
	
	
/************************************************
*	Hyperlinks									*
************************************************/
a:link {	color: #000;text-decoration: none; display:inline;font-weight:bold;}
a:visited {	color: #000;text-decoration: none; display:inline;font-weight:bold;}
a:active {color: #ffe500;text-decoration: underline; display:inline;font-weight:bold;}
a:hover {color: #ffe500;text-decoration: underline; display:inline;font-weight:bold;}

/************************************************
*	Header  									*
************************************************/

#header {padding-bottom:10px;}

#logo {margin: 0 0 10px 0;float: left;}
#logo h1 a:link {font-size: 18px;color:#000;}

#hdesc {
text-align:left;
color:#666;
padding:17px 0px 2px 0px;
font-size:11px;
}

/************************************************
*	Navbar      								2*
************************************************/

#navmain {
float:right;
text-align: right;
line-height:36px;
color:#000;
text-transform:uppercase;
font-size:11.5px;
font-weight:600;
letter-spacing: 0.5px;
margin: 38px 0px 10px 0; 
clear:both;
}

#navmain ul li {display: inline;float:left;list-style: none; margin-right: 10px;}

#navmain ul li:hover {text-decoration:underline;}

#navmain ul li a {color: #000;text-decoration: none;display:block;}

#navmain ul li a:visited {color: #111; text-decoration: none;}
#navmain ul li a:hover {text-decoration: underline; color: #ffe500;}

#navmain ul li.current-cat a {text-decoration:underline;}
#navmain ul li.current_page_item a{text-decoration:underline;}
	
/************************************************
*	Headings 		    	                    * 
************************************************/


h1, h2, h3, h4 {font-weight:bold;padding-bottom:5px}

h4 {  font-size: 12px; text-transform:uppercase; display:inline; color: #000;}
h3 {  font-size: 14px; text-transform:uppercase; color: #e7c900;}
h2 {  font-size: 16px;  text-transform:uppercase; color: #e7c900;}
h1 {  font-size: 18px; text-transform:uppercase; color: #e7c900;}

h1 a:link {color: #e7c900;}
h2 a:link {color: #e7c900;}
h3 a:link {color: #e7c900;}

h1 a:visited {color: #e7c900;}
h2 a:visited {color: #e7c900;}
h3 a:visited {color: #e7c900;}

h1 a:hover {color: #ffe500;}
h2 a:hover {color: #ffe500;}
h3 a:hover {color: #ffe500;}

	
	/************************************************
*	Posts				     		    * 
************************************************/

	
	
.postarea {
	background: none;
	margin: 0px;
	padding:0px;
	}
	
.postarea p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}	
	
.postarea blockquote p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
	.postarea ul {
	list-style-type: square;
	list-style-position:inside;
	margin: 0 0 0 20px;
	padding: 0px;
	}
	
		.postarea ol {
	list-style-position:inside;
	margin: 0 0 0 20px;
	padding: 0px;
	}
	
	.postarea ul li {
	list-style-type: square;
	list-style-position:inside;
	}	

.postarea h2 {clear: both; padding-top: 5px; margin-top: 5px;}
.postarea h3 {clear: both; padding-top: 5px; margin-top: 5px;}

	.postarea img {
	margin:3px;	
  padding:3px; 
  border:1px solid #ccc;
  background: none;
  }

	.postarea .index img {
	margin:0 23px 10px 0;	
  padding:5px; 
  border:1px solid #000;
  background:#efefef;
  float: left;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  }
  
  	.postarea .pics {
	float:left;
	width: 290px;
	margin-right: 10px;
	text-align:center;
  }
  
  	.postarea .pics img {
	margin:3px;	
  padding:3px; 
  border:1px solid #aaa;
  background:#efefef;
  }


.single {
margin: 0;
padding: 0;
/*border-top: 1px dotted #ffe500;
border-bottom: 1px dotted #ffe500;*/
float:right;
width: 520px;
}
	
.breadcrumb {
	float: left;
	width: 700px;
	font-size: 10px;
	margin: 0;
	padding: 0;
	color: #ccc;
	}
	
	.breadcrumb a {display:inline;}
	
	
/*.date {
	margin-bottom: 10px;
	padding-top: 5px;
	border-bottom:1px dotted #ccc;
	width: 700px;
	}
	
.dateleft {
	width: 370px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.dateright {
	width: 200px;
	float: right;
	margin: 0px;
	padding: 0px;
	text-align: right;
	}*/
	
.time {
	margin: 0;
	padding: 0;
	}
	
.comment {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.tags {
	}
	
.category {
	margin: 0px;
	padding: 0px 0px 0px 18px;
	}
	
.postmeta {
	font-size: 11px;
	margin: 5px 0 0 0;
	padding: 0 0 5px 0;
  text-align:left;
  clear: both;
  border-top: 1px dotted #000;
border-bottom: 1px dotted #000;
	}
	
	.postmeta img {
  border: 0px none;
  background:none;
  padding: 0;
  margin:0;}
	
	.postmeta ul {
  list-style-type:none;
  list-style-position:inside;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  }
	
	.postmeta ul li 
  {
  vertical-align:top;
  display: inline;
  width: 32%;
  margin-right: 1%;
  float:left;
  }
	
	

.archive {
	float: left;
	width: 275px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
.comments {
	float: left;
	width: 500px;
	margin: 0px;
	padding: 0px;
	}
	
	
	/************************************************
*	Sidebar 		    	        	        * 
************************************************/

#sidebar {
text-align:left;
width:100%;
margin: 0 0 10px 0;
padding: 30px 0 0 0;
}

#sidebar h2 {
font-size:14px;
}
	
#sidebar p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
	}
	
#sidebar a img {
	border: none;
	}

#sidebar ul {
	list-style-type: none;
	}

	#sidebar ul li {
	list-style-type: none;
	margin-left: 1%;
	float:left;
	width: 24%;
	vertical-align:top;
	}
	

	
#sidebar ul ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
	}
	
#sidebar ul li li {
list-style-type: none;
	padding: 0px 0px 5px 5px;
	margin: 0px;
	border-top:none;
	float:none;
	width: auto;
	}
	
#sidebar ul li ul li {
list-style-type: square;
	padding: 0px;
	margin: 0px;
	border-bottom: 0px;
	display:list-item;
float:none;
width: auto;
	}
	
	
#sidebar	ul.pagenav {list-style-type:none;font-size:14px;line-height:14px;padding:none;}
	

/************************************************
*	Footer      								*
************************************************/

#footer {padding: 5px; color: #fff; width: 100%; margin-bottom:20px;}

#copy {text-align:left;font-size:11px; color: #aaa; float:left;}

/************************************************
*	Social									*
************************************************/
#social-bar {float:right;}

#social-bar ul {list-style:none; list-style-position:inside;}
#social-bar ul li {display:inline;padding:0 2px 0 0;}
	
/************************************************
*	Search Form									*
************************************************/

#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}
	
#s-head {
background: #cfc7b6;
	width: 120px;
	color: #f6f3f0;
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	margin: 5px 0px 10px 0px;
	border: 1px solid #f6f3f0;
	
	}
	
#s-but {
background: #cfc7b6;
border: 1px solid #271a00;
padding: 1px 0px 0px 0px;
margin:0 0 10px;
color:  #271a00;
cursor:pointer;
}
	

/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 500px;
	float: left;
	padding: 10px;
	}
	
#commentblock ol {
list-style-position: inside;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}

.commentname {
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: normal;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 0px 10px;
	width: 520px;
	}
	
	.commenttable {
width:100%;
	font-size: 12px;
	padding: 0px;
	margin: 0px 0px 20px 0px;
	border-top: 3px dotted #ffe500;
	}
	
		.commenttable img 
    {
    padding:4px;
    border:1px solid #000;
    }
	
	.commenttable td 
  {
  padding: 5px;
  vertical-align:top;
  }
	

.td1 {
width:120px;
}
.td2 {
width:120px;
}
.td3 {
width:360px;
color:#fff;
}

input#submit
{background: #eee;
border: 1px solid #333;}

#commentform textarea {
border: 1px solid #222;
padding:3px;
margin:5px; 
}

#commentform input {
	border: 1px solid #222;
padding:3px;
margin:5px; 
}