/*  
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/

*/

/*
	RESET
*/

*.								{ margin: 0; padding: 0; }
html							{ overflow-y: scroll; }
html, body						{height: 100%; }
ul								{ list-style: square inside; }
ol								{ list-style: decimal inside; }
a img							{ border: none; margin-right: 5px;}
img	src, img alt				{ vertical-align: middle; margin-right: 0px; }
table							{ border-collapse: collapse; }

/*
	STRUCTURE
*/
#page-wrap						{ width: 750px; margin: 0px  auto; height: auto !important; height: 100%;}
#push							{ height: 250px; }



/*
	HEADER
*/

h1#indent					{ text-indent: -9999px; margin : 0 0px 0 0; float: left; width: auto }

h1#logo							{ width: 300px; height: 83px; background: url(/images/inpencil_stamp.gif) top center no-repeat; text-indent: -9999px; margin : 0 0px 0px 0; float: left; }
a.specialIndent			{text-indent: -9999px}

#top-bar						{ padding: 20px 0 0; }
#top-bar p						{color: #f4dfb8; width: 300px; float: left;}



/*
	MENU
*/


#menu-bar							{ padding-top: 0px; margin-bottom: 0px;}
ul#main-nav							{ width: 500px; float: left; margin: 0px 0 0 0; }
ul#main-nav li						{ display: inline; }
ul#main-nav li a, ul#extra-nav li a { text-transform: lowercase; color: #272727; font-size: 1.35em; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li :hover,
ul#extra-nav li a:hover				{ background: #eeeeee; color: #272727; }

								

/*
	UTILITY
*/


.button							{ border: 1px solid #272727; background: white; padding: 3px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }

.button:hover					{ background: #000000; color: white; }

.floatLeft						{ float:left; width: auto; }
.floatRight						{ float:right; width: auto; }
.clear							{ clear: both; width: auto; }
.left				{float:left; width: auto;}
.right				{float:right;width: auto;}
.center				{margin:0 auto; width: auto;}
img.alignright 		{float:right; margin:0 0 1em 1em}
img.alignleft 		{float:left; margin:0 1em 1em 0}
img.aligncenter 	{display: block; margin-left: auto; margin-right: auto}
a img.alignright 	{float:right; margin:0 0 1em 1em}
a img.alignleft 	{float:left; margin:0 1em 1em 0}
a img.aligncenter 	{display: block; margin-left: auto; margin-right: auto}




/*
	BASIC TEMPLATE
*/



.search		{ float: left ; }

h1			{
			font-family: Georgia, Sans-serif;
			font-size: 5px;
			padding: 0 0 0 0;
			text-align: left;
			margin-bottom: 1px;
			}
			
h2			{
			font-family: Arial, Sans-Serif;
			font-size: 16px;
			line-height: 16px;
			text-align: left;
			margin-bottom: 10px;
			margin-top: 10px;
			}	

h3			{
			font-family: Arial, Sans-serif;
			font-size: 14px;
			color: #000066;
			padding: 0 0 0 0;
			text-align: left;
			}
			
a.specialLink:link { color: black; }
a.specialLink:visited { color: black; }

a.specialLink2:link { color: #ff6600;font-size: 12px;}
a.specialLink2:visited { color: #ff6600; font-size: 12px;}
a.specialLink2:hover {color: #ffcc88;}

a.specialLink3:link {color: #ff6600;font-size: 10px;}
a.specialLink3:visited { color: #ff6600; font-size: 10px;}
a.specialLink3:hover {color: #ffcc88;}
					
body		{

			margin: 0;
			font-family: Arial, Helvetica, Georgia, Sans-serif;
			font-size: 12.5px;
			text-align: left;
			vertical-align: top;
			color: #444444; 
			background: url(/images/background.gif) top center repeat-x #FCFCFC ;
			width: 100%;
			display: block;
			clear: both;
			}

#entry-date	{font-family: Arial, Helvetica, Georgia, Sans-serif;
			font-size: 10px;
			color: #CCCCCC;}
a:link, 
a:visited	{text-decoration: none;
			color: #153E7E;
			}
			
a:hover		{
			text-decoration: none;
			}
			
p			{
			padding: 10px 0 0 0;
			margin-top: 1px;
			}

#header		{
			float: left;
			width: 750px;
			
			}
			
#container	{
			float: left;
			width: 500px;
			margin-right: 10px;
			}
			
#container2	{
			float: left;
			width: 650px;
			}

.post 		{
			padding: 10px 0 10px 0;
			text-align: justify;
			}

.post h2	{ font-family: Georgia, Sans-serif:
			font-size: 10px;
			color:#000066;
			}

div.post 	{ border-bottom:1px solid #000;
			}
			
.entry		{
			line-height: 18px;
			text-align: justify;
			margin: 0px;
			}

p.postmetadata	{
				margin: 10px 0 0 0;
				}
				
.navigation	{
			padding: 10px 0 0 0;
			font-size: 14px;
			font-weight: bold;
			line-height: 18px;
			}
			
.sidebar	{
			float: left;
			width: 225px;
			background: #eeeeee;
			margin: 0 0 0 5px;
			border: #000066;
			border:1px solid;
			border-bottom:1px solid;
			border-width:1px 1px 1px;
			border-bottom:1px ;
			}

.sidebar ul{
list-style-type: none;
margin: 20px;
padding: 0px 0px 15px 5px;
line-height: 12px;
font-color: #ff6600;
}

.sidebar ul li{
padding: 5px 0 10px 25px;
}

.sidebar ul li h2{
font-family: Georgia, Sans-Serif;
font-size: 14px;
line-height: 16px;
}

.sidebar ul li h3{
font-family: Arial, Sans-Serif;
font-size: 10px;
color: #990000;
}

.sidebar ul ul li{
padding: 0;
line-height: 20px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

/*
	TABLES
*/

table.Music
					{ width:650px;
					background-color: #fafafa;
					border: 1px #000000 solid;
					border-collapse: collapse;
					border-spacing: 0px; }
				

td.Head
					{ border-bottom: 1px #6699CC solid;
					border: 1px #000000 solid;
					font-family: Verdana, sans-serif, Arial;
					font-weight: bold;
					font-size: .8em;
					color: #000000;
					background-color: #6699CC;
					padding-top: 4px;
					padding-bottom: 4px;
					padding-left: 4px;
					padding-right: 4px; }


td.Songs
					{ border-bottom: 1px #6699CC dotted;
					vertical-align: middle;
					margin: 0 auto;
					font-family: Verdana, sans-serif, Arial;
					font-weight: normal;
					font-size: 1em;
					color: #222222;
					background-color: #ffffee;
					}

table.Nav
					{ width:100%;
					background-color: #fafafa;
					border: 3px #ff6600 solid;
					border-collapse: collapse;
					border-spacing: 0px; }
td.Nav
					{ border-bottom: 1px #6699CC dotted;
					vertical-align: middle;
					margin: 0 auto;
					font-family: Verdana, sans-serif, Arial;
					font-weight: normal;
					font-size: 1.3em;
					color: #ff6600;
					background-color: #ffffee;
					}

table.Suggestions
					{ width:100%;
					background-color: #fafafa;
					border: 1px #000000 solid;
					border-collapse: collapse;
					border-spacing: 0px; }

table.Key
					{ width:250px;
					background-color: #fafafa;
					border: 1px #333333 solid;
					font-size: 10px;
					border-collapse: collapse;
					border-spacing: 0px; }

td.Key				{ width:250px;
					background-color: #fafafa;
					border: 3px #333333 solid;
					font-size: 10px;
					border-collapse: collapse;
					border-spacing: 3px; }
					
					
/* End Table

*/



#footer		{	
			clear: both;
			float: left;
			width: 750px;
			padding: 10px 0 0 0;
			font-size: 9.5px;
			}


.footer P	{
			line-height: 10px;
			font-size: 7.5px;
			}