/*  
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/

*/
#site_center {text-align:center;}
#main {width:769px; margin:0 auto; text-align:left; margin-top:28px;}
img {border:0; vertical-align:top; text-align:left;}

* { margin:0; padding:0;}

#header {height:310px;}

/*header*/
#header .row_1 { height:239px; background:url(images/header_bgd.jpg) left top no-repeat;}
#header .row_1 .indent {padding-left:57px; height:113px;}
#header .row_1 .indent1 { padding-left:44px;}
#header .row_1 img { margin-right:1px;}
#header .row_1 .indent {}
#header .row_2 { height:71px;}

body { background:#fff; font-family:Arial; font-size:100%; line-height:0.875em; color:#333638;}


body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

#header, #content, #footer {
	font-size:0.69em;
}

#content {margin-top:10px;}


h1 {
	font-size:1.9em;
	color:#106ac6;
	font-family:Arial, Helvetica, sans-serif;
	line-height:0.9em;
}

#subtitle { 
	font-weight:bold; 
	font-size:1.4em; 
	color:#106ac6;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.0em;
}
h2 { 
	font-weight:bold; 
	font-size:1.1em; 
	color:#106ac6;
}
a {text-decoration:none; color:#039;}
a:hover{text-decoration:none;}

p{
	padding: 10px 0 0 0;
}

#wrapper{
	margin: 0 auto 0 auto;
	width: 750px;
	text-align: left;
}


#container{
	float: left;
	width: 450px;
	padding-left:29px;
}

.post{
	padding: 25px 0 40px 0;
}

.post h2 a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#106ac6;
	text-decoration:none;
}


.entry{
	color:#333638;
	text-align:justify;
}

p.postmetadata{
	border-top: 1px solid #ccc;
	margin: 20px 0 0 0;
	padding-top:0;
	text-align:center;
}

.navigation{
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}



table#wp-calendar{
	width: 100%;
}

#footer {height:71px; background:url(images/footer_bgd.gif) left top repeat-x;}



.footer_menu { margin-bottom:4px;}
.footer_menu li { display:inline;}
.footer_menu li a { 
	background:url(images/footer_marker.gif) no-repeat right 5px; 
	color:#00548b; 
	text-decoration:none; 
	font-weight:bold; 
	padding:0 20px 0 19px;}
}

.footer_menu li a:hover { color:#000;}


#footer .indent { padding:21px 0 0 4px; text-align:center;}
#footer span a { color:#427b20;}

.block1 {width:240px; background:url(images/block1_bgd.gif) left bottom repeat-x #fff;}
.block1 .r { background:url(images/r1.gif) right top repeat-y;}
.block1 .l { background:url(images/l1.gif) left top repeat-y;}
.block1 .t { background:url(images/line1.gif) left top repeat-x;}
.block1 .right_line { background:url(images/right_line.gif) no-repeat right bottom;}
.block1 .left_line { background:url(images/left_line.gif) no-repeat left bottom;}
.block1 .l_t { background:url(images/l_t_1.gif) no-repeat left top;}
.block1 .r_t { background:url(images/r_t_1.gif) no-repeat right top;}
.block1 .r_b { background:url(images/r_b_1.gif) no-repeat right bottom;}
.block1 .l_b { background:url(images/l_b_1.gif) no-repeat left bottom;}
.block1 .ind { padding:0 25px 36px 36px;}

.sidebar{
	float: left;
	width: 240px;
	background: #ffffff;
	margin: 0 0 0 50px;
	display: inline;
}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.sidebar ul li{
	padding: 10px 0 10px 0;
}

.sidebar ul li h2{
	font-family: Tahoma, Sans-serif;
	font-size: 14px;
	padding-top:10px;
	padding-bottom:10px;
}

.sidebar ul ul li{
	padding: 0;
	line-height: 18px;
    background:url(images/marker.gif) no-repeat 0 5px; padding-left:14px; line-height:1.63em; color:#333638;}
}


.list1 li a { background:url(images/marker.gif) no-repeat 0 5px; padding-left:14px; line-height:1.63em; color:#333638;}

.title { margin-bottom:15px;}
.title1 { position:relative; top:-13px; left:-17px;}

div#respond {
font-size: 0.8em;
padding-top:30px;
}

#respond h3{
	color:#003399;
}
h3.reply {
font-size: 1.2em;
}
textarea#comment {
width: 450px;
}

#navcontainer
{
margin: 0px;
padding: 0px;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
}

a#menu 
{
	color:#000;
}

#navcontainer ul li { float: left; }

#navcontainer ul li a
{
text-decoration: none;
background: url(/images/Tab.png) no-repeat top left;
font-size: 15px;
line-height:20px;
float: left;
margin: 0px;
height: 67px;
width: 128px;
padding-top: 13px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#navcontainer li a:hover
{
background: url(/images/Tab-Selected.png) no-repeat left top;
color: #FFFFFF;
}

#navcontainer ul li a#current
{
background: url(/images/Tab-Selected.png) no-repeat left top;
color: #FFFFFF;
}


.clear { clear:both;}

/*content*/
#content { padding-bottom:23px;}


.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  display:block;
  }
.wrap1 {
  float:left;
  background:url(/images/shadows/dark/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/images/shadows/dark/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 10px 10px 0;
  background:url(/images/shadows/dark/corner_tr.gif) right top no-repeat;
  }
