/*   
Theme Name: Pegholes
Theme URI: http://www.leveltendesign.com
Description: Three-column modern, professional theme. Ideal for business or medical blog. Another premium theme from LevelTen Design.
Author: LevelTen Design
Author URI: http://www.leveltendesign.com
Version: 1.0
*/

body {
	font:normal 62.5%/1.5 Verdana, Arial, Sans-Serif;
	background: #f8f8f8;
	color: #555;
	margin:0;
	padding:0 0 0;
}
h1,h2,h3,h4,h5,h5,h6{ margin:0; font-size:100%; }
.container{
	width:730px;
	margin:0 auto;
}


/* Links
   ------------------------------------- */

a{
	color:#2b80b9;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}


/* Header
   ------------------------------------- */

#header{
	background:#fff url(images/header.jpg) no-repeat 10px 10px;
	height:200px;
	padding:10px;
	border:1px solid #eee;
}
#header h1{
  font-size:4em;
  font-weight:normal;
  margin:40px 0 10px;
  text-align:center;
}
#header h1 a{
  color:#fff;
}
#header div.description{
  color:#fff;
  font-size:1.2em;
  text-align:center;
}


/* Navigation & Search
   ------------------------------------- */

#navigation{
	background:#fff;
	padding:1em 1em 1em 1em;
	margin:0 0 1em 0;
	border:1px solid #eee;
	border-top:0;
	color:#1b5378;
}
ul#nav{
	float:left;
	list-style:none;
	font-size:1.1em;
	padding:0;
	margin:0;
}
ul#nav li{
	float:left;
	list-style:none;
	margin:0 .7em 0 0;
}
ul#nav a{
	display:block;
	color:#fff;
	text-decoration:none;
	background:#40708f;
	padding:.5em 1.2em .5em;
}
ul#nav a:hover{ background:#338cc6 }
ul#nav li.current_page_item a{ background:#338cc6; font-weight:bold; }

#searchform{
  display:block;
	float:right;
  margin:0;
}
#searchform div{
  background:#fff url(images/search-back.png) no-repeat;
  width:148px;
  height:25px;
}
.searchfield{
  width:100px;
  border:0;
  background:transparent url(images/search-icon.png) no-repeat 3px 50%;
  padding:3px 3px 3px 25px;
  font:normal 1.2em/1 Verdana, Arial, Sans-Serif;
  color:#666;
  margin:2px 8px;
}
#searchform input:focus{ border:0; }


/* Content: =Structure
   ------------------------------------- */

#content{
	font-size:1.2em;
	margin:.833em 0 0;
	overflow:hidden;
}
#content div.scol{
	float:left;
	width:140px;
	margin:0 10px -5000px 0;
	padding:10px 10px 5000px 10px;
	background:#fff;
	border:1px solid #eee;
	border-bottom:0;
	color:#3888bd;
}
#content div#sidebar{
	background:#eee;
	border:1px solid #ddd;
	border-bottom:0;
	color:#222;
	margin-right:-3px; /* ie, play nice */
}
#content div#sidebar a{ color:#1c5378; }
#main{
	float:left;
	background:#fff;
	margin:0 10px -5000px 0;
	padding:0 0 5000px;
	border:1px solid #eee;
	border-bottom:0;
}
.narrowcolumn #main{ width: 384px; } 
.widecolumn #main{ width: 556px; }

p{ margin:0 0 1em 0; }

.navigation {
	display: block;
	text-align: center;
  margin:1em 1em 5em;
}
.alignright {
	float: right;
}
.alignleft {
	float: left
}


/* Content: =Side Columns
   ------------------------------------- */

#content div.scol h3{
	font:normal 1.1em "Trebuchet MS", Verdana, Arial, sans-serif;
}
#content div.scol ul{
  list-style:none;
	font-size:.92em;
	padding:0 0 0 0;
	margin:1em 0 2em;
}

/* Content: =Entries
   ------------------------------------- */
   
#main h2{
  font:normal 2em "Trebuchet MS", Verdana, Arial, sans-serif;
  margin:.5em;
}

.post{
	margin:.8em .8em 1.6em 0;
}
.entry-title{
	padding:.8em;
	background-color:#85a94f;
	margin:0 0 1.6em 0;
	color:#fff;
}
.entry-title a{ color:#fff;}
#main .entry-title h2{
	float:left;
	display:inline;
	font:normal 1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
	margin:0;
	text-transform:uppercase;
}
.entry-title small{
	float:right;
	font-size:1em;
	font-style:italic;
}
.entry{ clear:both; text-align: justify; }
.post p, #commentform p{ padding:0 1em 0 2.5em }

.entry ul, .entry ol{
  padding-left:6em;
  margin:1em 0;
}

.postmetadata{ clear:both; }
.narrowcolumn p.postmetadata{
  text-align:right;
	text-transform:lowercase;
}
.widecolumn p.postmetadata{
  font-size:.92em;
  padding:1.5em 1em 1.5em 2.9em;
  background:#f7f7f7;
}


/* Comments
   ------------------------------------- */

#main h3{
  font:normal 1.2em "Trebuchet MS", Verdana, Arial, sans-serif;
	margin:2em .8em 2em 2.1em;
	color:#2b80b9;
}
#main h3#comments{
  text-transform:uppercase;
  background-color:#85a94f;
  color:#fff;
  margin-left:0;
  padding:1em;
  text-transform:uppercase;
}
ol.commentlist{
  font-size:.95em;
  list-style:none;
  padding:0 1em 0 2.5em;
  margin:0;
}
ol.commentlist li{
  padding:1.5em;
}
ol.commentlist li.alt{
  background:#f7f7f7;
}
ol.commentlist cite{
  font-weight:bold;
  font-style:normal;
}
ol.commentlist p{
  padding:1em 0 0;
}

.commentmetadata{
  font-size:.8em;
  display:block;
}



/* Content: =Element Styling
   ------------------------------------- */

#content blockquote{
  padding:1em 0 1px; /* 1px needed to force padding */
  margin:1em 1em 1em 2.5em;
  background-color:#f7f7f7;
  font-style:italic;
}
#content .alt blockquote{ background-color:#fff; }
#content ol.commentlist blockquote{ margin:1em; }
#content blockquote p{ padding-left:1em; }
#content ol.commentlist blockquote p{ padding:0 1em;}

acronym, abbr{
  cursor:help;
  border-bottom:1px dashed #999;
}



/* Content: =Images
   ------------------------------------- */
   
#content img{
  border:1px solid #eee;
  padding:5px;
}
#content img.center{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
#content img.left{
  float:left;
  margin: 0 7px 2px 0;
}
#content img.right{
  float:right;
  margin: 0 0 2px 7px;
}


/* Footer
   ------------------------------------- */

#footer{
	background-color:#555;
	font-size:1em;
	line-height:2;
	padding:2em;
	text-align:center;
	color:#fff;
}
#footer a{
  color:#ccf;
}


/* Clearfixes
   ------------------------------------- */

.navigation:after,
#navigation:after,
#content:after,
div.post .entry-title:after{ 
	content: ".";
	display:block;
	height: 0;
	clear:both;
	visibility:hidden;
}
.navgiation, #navigation, #content, div.post .entry-title{ display:inline-block; }

/* Hides from IE-mac \*/
* html .navigation, * html #navigation, * html #content, div.post .entry-title{height: 1%;}
.navigation, #navigation, #content, div.post .entry-title{ display:block; }
/* End hide from IE-mac */