/*  
Theme Name: Tutorial
Theme URI: http://www.wpdesigner.com
Description: This is my theme for a tutorial.
Version: 1.0
Author: Small Potato
Author URI: http://www.wpdesigner.com/

*/

* {
	margin: 0;
	padding: 0;
}

body{font:normal .625em/1em Arial, Helvetica, sans-serif; background:url(images/bg.jpg) repeat-x;

}

h1 { width:243px; height:59px; margin:0 0 0 61px; position:relative; font:bold 1.5em/1.2em Arial, Helvetica, sans-serif; top:60px;}

h1 span { height:100%; width:100%; position:absolute; background:url(images/logo.jpg) no-repeat;

}

a:link, a:visited {
text-decoration:none;
}

a:hover {
	text-decoration: underline;
}

p {
	padding: 10px 0 0 0;
}

#wrapper {
	margin: 0 auto 0 auto;
	background:url(images/wrapper.jpg) repeat-y;
	width:1005px;
}

#header {
background:url(images/header.jpg) no-repeat;
height:180px;
}

#navigation { list-style:none; margin:0 0 0 10px; font:normal 1.2em Arial, Helvetica, sans-serif; position:relative; padding:97px 0 0;}

#navigation li { float:left; border-left:1px solid #2e2e2e; line-height:21px; }
#navigation li a { padding:0 15px; color:#2e2e2e; }
#navigation li#last {border:none; }

#container {
width:618px;
float:left;
padding:10px 0 0 35px;

}

.post {
	padding: 10px 0 10px 0;
}

.post h2 {
font:bold 2em/1.75em Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px dotted #6c6c6c; 
border-top:1px dotted #6c6c6c;}

.post h2 a { color:#000;}


.entry {
	line-height: 18px;
	padding:0 10px;
	color:#151414;
	font:normal 1.2em Arial, Helvetica, sans-serifr;
}

p.postmetadata {
	margin: 0 0 10px 0;
	color:#171616;
	font:bold .9166em Verdana, Arial, Helvetica, sans-serif;
	text-transform:capitalize;
}

p.postmetadata a {color:#0c33fb; }

p.comments { text-transform:uppercase; border-bottom:1px solid #8b8b8b; text-align:right; }
p.comments a { font:bold .8333em Verdana, Arial, Helvetica, sans-serif; color:#1c41fb; position:relative; top:7px;background:#FFF; display:inline-block; padding:0 0 0 20px;}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.sidebar {
width:313px;
float:right;
padding:20px 18px 0 0;
}

.sidebar ul {
	list-style-type: none;
	padding: 0 10px 0 10px;
	border:none;
}

.sidebar ul li {
	margin: 10px 0 10px 0;
	border:1px solid #c7c6c6;
}

.sidebar ul li h2 {
background:url(images/sidebar-h.jpg) no-repeat;
height:33px;
font:normal 1.6em/2.0625em Verdana, Arial, Helvetica, sans-serif;
color:#FFF;
text-indent:30px;
font-weight:600;
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
	border:none;
	background:url(images/bullet.jpg) no-repeat left 5px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	text-indent:15px;
}
.sidebar ul ul li a { color:#000; }
#search { background:none; border:none; padding:0 5px 0 0; }
#search ul li,
#login ul li { background:none; }
#search { background:url(images/search-bg.jpg) no-repeat; widows:292px; height:51px; }

#search-box label { font:bold 1em Verdana, Arial, Helvetica, sans-serif; color:#107c3a; margin:15px 0 0; text-transform:uppercase; float:left; width:210px; padding:0 0 0 13px;}
#search-box #s { border:none; width:140px; }
#searchsubmit { float:right; margin:14px 16px 0 0;}
#login label { float:left; clear:both;}
#log,
#pwd { width:164px; height:17px; border:1px solid #909e96; margin:15px 0 0 10px; padding:2px; }
#log { margin:0 0 0 7px; }
#loginsubmit { margin:10px 0 0 173px; padding:0; }
table#wp-calendar{
	width: 100%;
}

#footer {
background:url(images/footer.jpg) no-repeat;
font:normal 1.1em Arial, Helvetica, sans-serif;
color:#d2dfe9;
clear:both;
height:67px; 
}

#footer p {
float:left;
line-height:67px;
padding:0 0 0 100px;
width:260px;
}

/* Comments Styling */
.commentlist { margin:10px 0 0; }
.commentlist li {
margin-bottom: 1.5em;
padding-top: 1em;
}

.commentlist li div{
border-bottom: 1px solid #700000;
}

.commentlist li div div{
border-bottom: 0;
}

.commentlist p {
margin:1em;
}

.commentlist ul.children {
background-color: #F5FCFD;
}

li.bypostauthor {
background-color: #87CEFA;
}

li.pingback, li.trackback {
background-color: #FFE87F;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

#commentform {
margin: 1em 0;
background: #F5FCFD;

}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 98%;
}
#commentform textarea:hover {
background: #F5FCFD;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #F5FCFD;
border: 1px solid #939793;
}

#commentform input {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
margin-bottom: 3px;
}
#commentform #openid_url_comment_form { 
width: 262px;
}
#commentform input:hover {
font-size: 1.1em;
background: #F5FCFD;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform input:focus {
font-size: 1.1em;
background: #F5FCFD;
border: 1px solid #939793;
width: 280px;
}

#footerlinks{
	color:white;
	float:left;
	margin:27px 0 0 90px;
	width:278px;
}	

.page-item-19{
	display:none;
}

.page-item-17{
	display:none;
}

.page-item-15{
	display:none;
}