/*  
Theme Name: Pixel
Theme URI: http://samk.ca/freebies/
Description: Dark WP theme with 2-3 column layout, dropdown categories menu, multiple widget-ready placement and feedburner email form integrated, easy to customize. Enjoy!
Author: Sam
Author URI: http://samk.ca/
Version: 1.9.7
Tags: black, blue, three-columns, two-columns, threaded-comments, fixed-width, theme-options, right-sidebar
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/* Defaults */


*{
		padding:0px;
		margin:0px;
}
img{
	border:none;
}
body {
	background-image: url(images/bg.jpg);
	background-repeat:no-repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position:top center;
	background-color: #ffffff;
	text-align:center;
}
body,td,th {
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}
img, div { behavior: url(http://www.splitpixel.co.uk/blog/iepngfix.htc); }
a {
	color:#39388D;
}
.cleared {
  margin: 0;
  padding: 0;
  clear: both;
  }
.postImgHolder{
float:left; width:148px;
}
.postImgHolder Img {
	padding:6px;
	border:1px #23bfcb solid;
}
#main{
	width:982px;	
}
#top{
	width:982px;
	background-image: url(images/top.jpg);
	height:211px;
	
}
#topLeft{
	float:left;
	width:800px;
	margin-top:60px;
}
#topRight{
	float:right;
	width:182px;
	background-color:#0C0;
}
#emailHolder{
	width:670px;
	float:left;
	text-align:left;
}
#emailHolder h2{
	font-size:20px;
	color:#1dbeca;
}
#emailHolder a{
	color:#1dbeca;
	text-decoration:none;
}
#navHolder{
	width:130px;
	float:left;
}
#navHolder h2{
	font-size:16px;
	color:#FFF;
}
#navHolder a{
	font-size:16px;
	color:#FFF;
	text-decoration:none;
}
#logoHolder{
	float:left;
	margin-left:15px;
	margin-top:20px;
}
.white{
	color:#FFF;
}
#contArea{
	background-image:url(images/contRep.jpg);
	background-repeat:repeat-y;
	clear:both;
	overflow:hidden;
	background-color:#FFF;
	padding-top:6px;
	
}
#postsHolder{
	float:left;
	width:640px;
	text-align:left;
	padding-left:18px;
	
	
}
#sidebarHolder{
	float:left;
	width:220px;
	text-align:left;
	
	
}
#rssHolder{
	float:right;
	width:102px;
	text-align:left;
	background-image:url(images/ourBlog.gif);
	background-position:top right;
	background-repeat:no-repeat;
	height:370px;
	
	
}
#rssHolder img{
	margin-right:16px;
	float:right;
}
.sidebarboxTop{
	background-image:url(images/sidebarTop.gif);
	background-repeat:no-repeat;
	height:10px;
	line-height:10px;
	
}
.topPost{
	width:630px;	
	clear:both;
	overflow:hidden;

}
.sidebarboxBtm{
	background-image:url(images/sidebarBtm.gif);
	background-repeat:no-repeat;
	height:10px;
	line-height:10px;
	margin-bottom:13px;
}

.sidebarbox{
	width:200px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	background-image:url(images/sideBgRep.gif);
	background-repeat:repeat-y;
	clear:both;
	overflow:hidden;
}
.sidebarbox ul{
	list-style-type:square;
	margin-left:19px;
	color:#1dbeca;
	
		
}
.footerbox{
	text-align:left;
	clear:both;
	overflow:hidden;
}
.topContent p{
	margin-top:10px;
	margin-bottom:10px;
}
.topContent img{
	padding:6px;
	border:1px #23bfcb solid;
}
.footerbox li{
	margin-top:6px;
	margin-bottom:2px;
}
.footerbox a{
	font-size:11px;	
	color:#ffffff;
	text-decoration:none;
		
}
.sidebarbox li{
	margin-top:6px;
	margin-bottom:2px;
}
.sidebarbox a{
	font-size:11px;	
	color:#1dbeca;
	text-decoration:none;
		
}
.sidebarbox a:hover{
	font-size:11px;	
	color:#333333;
	text-decoration:underline;
		
}
.footerbox h2{
	font-size:27px;
	color:#ffffff;
}
.sidebarbox h2{
	font-size:27px;
	color:#1fbeca;
	padding-top:5px;
	padding-left:10px;
}
.topPost {
  margin: 0;
  padding: 0;
  font-size: 9pt;
  }
.topPost h2.topTitle a {
  font-size: 27px;
  font-weight: normal;
  color: #1fbeca;
  letter-spacing: -1px;
  text-decoration:none;
  }
.topPost h2{  
  height:28px;
  line-height:28px;
}
h4{
	color: #1fbeca;
	font-size: 18px;
  font-weight: bold;
  padding-top:10px;
  padding-left:3px;
  height:23px;
  line-height:23px;	
  
}
.topDay {
	width:130px;
  height:27px;
  line-height:27px;	
  background-image:url(images/dayBox.gif);
  background-repeat:no-repeat;
  background-position:left;
}
.dayBox{
	
	width:30px;
	height:30px;
	color:#FFF;
	
}
h1.topTitle a {
  font-size: 27px;
  font-weight: normal;
  color: #1fbeca;
  letter-spacing: -1px;
  text-decoration:none;
  }
h1.topTitle a:hover {
  text-decoration: none;
  color: #000444;
  }
.topPost h2.topTitle a:hover {
  text-decoration: none;
  color: #000444;
  }
.topPost p.topMeta {
  padding: 0;
  margin: 1px 0 0 0;
  font-size: 9pt;
  color: #6d6e70;  
  }
.topPost p.topMeta a {
  text-decoration: underline;
  color: #6d6e70;
  }
.topPost p.topMeta a:hover {
  color: #6d6e70;
  }
.topPost div.topContent {
  font-size: 9pt;
  color: #6d6e70;
  margin: 8px 0;
  }
.topPost div.topContent a {
  text-decoration: underline;
  color: #6d6e70;
  }
 
.topPost div.topContent a:hover {
  text-decoration: underline;
  color: #333333;
  }

.topPost div.topContent ul, .topPost div.topContent ol {
  padding: 0 0 0 30px;
  }
.topPost div.topContent ul li, .topPost div.topContent ol li {
  color: #6d6e70;
  }
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
  
  }
.topPost span.linkpages {
  font-size: 9pt;
  font-style: italic;
  color: #6d6e70;
  margin-bottom: 10px; display:block;
  }
.topPost span.linkpages a:hover {
  color: #6d6e70;
  }
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
 
  }
.topPost span.topComments a {
  
  }
.topPost span.topMore a {
  color: #000000;
  background: url(images/more.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topTags em {
  background: url(images/tags.gif) left no-repeat;
  padding-left: 20px;
  line-height: 27pt;
  vertical-align: middle;
  color: #333333;
  }
.topPost span.topTags a {
  color: #333333;
  line-height: 27pt;
  vertical-align: middle;
  }
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
  
  }
 #nextprevious {
  margin: 10px 0 5px 0;
  }
#nextprevious a {
  color: #333333;
  text-transform: lowercase;
  text-decoration: underline;
  }
#nextprevious a:hover {
  color: #333000;
  }

.more-link a{
	text-decoration:none;
	color:#39388D;
}


/* Comments */

#comments {
  margin-bottom: 10px;
  margin-top: 10px;
  
 
  width: 600px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */

  padding: 4px 15px 10px 15px;
  color: #333333;
  }
#comments h3 {
  font-size: 16px;
  font-weight: normal;
  color: #6d6e70;
  margin: 15px 0;
  padding: 0;
  }
.commentstitle h3{
	color: #6d6e70;
}
#comments p a {
  color: #39388D;
  }
#comments p a:hover {
  color: #39388D;
  }
#comments p {
  padding:0;
  margin: 7px 0;
  }
ul.commentlist, ul.trackback  {
  list-style-type: none;
  margin: 10px 0;
  font-size: 9pt;
  }
.commentlist li, .trackback li {
  margin: 10px 0 15px 0;
  padding: 10px;
  background-color:#e0f8fa;
 
  list-style-type: none;
  }
.commentlist li.alt {
  background: #ececec;
  
  border: none;
  margin-top:10px;
  }
.pageTitle h2{
	color:#999;
}
.commentlist li.cleared {
  background: transparent;
  border: none;
  }
.commentlist a:hover {
  color: #23bfcb;
  }
.commentlist a.gravatar {
  float: left;
  margin: 0 15px 10px 0;
  width: 60px;
  }
.commentlist .commentbody {
  margin: 0;
  padding: 0;
  }
.commentlist .commentbody p a {
  text-decoration: none;
  }
.commentbody p{
	color:#333333;
}
.commentlist cite {
  font-size: 10pt;
  font-style: normal;
  color: #ddd;
  }
.commentlist small.commentmetadata a {
  color: #666;
  }
.commentlist p {
  color: #6d6e70;
  }
#respond {
  clear: both;
  margin-top: 15px;
  }
.url {
	text-decoration:none;
	color:#23bfcb;

}
textarea#comment {
  width: 450px;
  background: #fff;
  color: #111;
  padding: 10px;
  border:1px #cccccc solid;
  }
#comments #submit {
  margin: 0;
  }
#footerColHold{
		width:982px;
		background-image:url(images/footerContBg.jpg);
		background-repeat:no-repeat;
		height:124px;
		clear:both;
		overflow:hidden;
		padding-top:20px;
}
.submitbutton {
  margin: -2px 0 0 2px;
  background: #1fbeca;
  color: #fff;
  font-size: 8pt;
  padding: 2px 5px;
  vertical-align: middle;
  border: 1px solid #028c96;
  }
.submitbutton:hover {
  cursor: pointer;
  background: #333333;
  }
#searchbox{
	margin-top:10px;
	margin-bottom:10px;
}
.footerbox p{
	color:#ffffff;	
}
#col1{
	float:left;
	width:277px;
	padding-left:54px;
	text-align:left;
	
}
#col2{
	float:left;
	width:287px;
	padding-left:34px;
	text-align:left;
}
#col3{
	float:left;
	width:302px;
	padding-left:28px;
	text-align:left;
}