/*

		 Light Tan: #f4dfb8
		 Dark Tan: #d7b880
		 Dark Gray: #272727
		 Dark Red: #990000
		 Sky Blue: #efce49
		 Gold: #efce49
		 
*/


#pageSurround {
	width: 1024px;
	padding: 5px;
	border: thin solid #000;
	background-color: #5E595F;
	background-image: url(http://www.pathoflightrecords.com/pathoflightrecords/buy/skins/Classic/styleImages/backgrounds/top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 850px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#blogblock {
	position: relative;
	text-align: left;
}

#theside{
	float: right;
	padding-right: 100px;
}

#handlefont{
	font-family: Arial, sans-serif;
	color: #FFF;
	font-size: 14px;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	
	}

	

/*
	RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{
	font-size: 70.5%;
	font-family: Arial, sans-serif;
	color: #FFF;
	background-color: #5E595F;
	background-image: url(images/body-bg.png);
	background-repeat: repeat-x;
	background-position: center top;
}
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
	HEADER
*/
h1#logo								{
	width: 288px;
	height: 33px;
	background: url(images/yourname.png) top left no-repeat;
	text-indent: -9999px;
	float: left;
	margin: auto;
	padding-left: 185px;
}
#main-pic							{ float: left; margin-right: 10px; }
#top-bar							{ padding: 20px 0 0 0; }
#top-bar p							{ color: #f4dfb8; width: 300px; float: left; }
form#searchform						{ margin: 0 0 10px 0; float: right; }

	
	
/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ border: 1px solid #272727; background: #efce49; padding: 3px 8px; 
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover						{ background: gray; color: white; }

/*
	MENU
*/
#menu-bar							{ padding-top: 11px; padding-bottom: 20px;}
ul#main-nav							{ width: 360px; float: left; margin: 10px 0 0 0; }
ul#extra-nav						{ width: 360px; float: right; text-align: right; margin: 10px 0 0 0; }
ul#main-nav	li, ul#extra-nav li		{ display: inline; }
ul#main-nav li a, ul#extra-nav li a	{ text-transform: uppercase; color: white; font-size: 1.2em; padding: 3px 8px;
									  -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ul#main-nav li a:hover,
ul#extra-nav li a:hover,
body#portfolio ul#extra-nav li.portfolio a,
body#default ul#main-nav li.home a,
body#about ul#main-nav li.about a,
body#contact ul#main-nav li.contact a,
body#resume ul#extra-nav li.resume a{ background: white; color: #272727; }

/*
	TYPGROGRAPHY
*/
li								{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; }
p									{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0; }
p									{ text-align: center }

p#intro-paragraph					{ font-family: Arial; font-size: 2.0em; font-style: italic; line-height: 1.4em; 
									  margin-top: 5px; }
p#intro-paragraph span				{ font-size: 2.4em; font-weight: bold; }
p#intro-paragraph em				{
	color: #efce49;
	font-size: 9px;
}
a									{ color: #efce49; }
a:hover								{ background: #efce49; color: white; }
h1									{ font-size: 1.9em; font-family: Arial; font-weight: normal; }
h2									{
	font-size: 2em;
	font-family: Arial;
	font-weight: normal;
	color:#efce49;
}
h3									{ font-size: 1.3em; font-family: Arial; font-weight: normal; margin: 0 0 10px 0; }
h4									{
	color: white;
	font-size: 2em;
	margin-bottom: 15px;
}
.post h4							{
	font-size: 9em;
	font-family: Arial;
	font-weight: normal;
	margin: 0 0 10px 0;
	color: #900;
}
ul#theside							{ font-size: 1.3em;}


/*
	BLOG ENTRIES
*/
.post								{ margin: 0 0 45px 0; }
.datebox							{ width: 40px; float: left; padding: 0 5px 5px 5px; background: #efce49; color: white; text-align: center;
									  margin: 0 10px 0 0; }
.datebox							{ float: left; margin-left: 10px; }
.theday								{ font-size: 3.4em; font-weight: bold; margin: 0; font-family: Arial; }
.themonth								{ font-size: 1.8em; font-weight: bold; text-transform: uppercase; margin: 0; }
.theyear								{ font-size: 1.6em; font-weight: bold; margin: 0; }
ol.commentlist						{ list-style: none; }
.comment-bubble						{ background: #990000; color: white; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
ol.commentlist li p					{ font-size: 1.2em; }
.gravatar							{ margin-top: 3px; padding: 2px; height: 40px; }

/*
	FOOTER
*/
/*#footer								{ height: 250px; background: #272727; border-top: 4px solid #990000; padding-top: 20px; }*/
#footer-inside						{ width: 960px; margin: 0 auto; }
#footer p							{ color: white; }
#footer-1							{ width: 300px; float: left; margin-right: 30px; }
#footer-2							{ width: 200px; float: left; margin-right: 30px; }
#footer-3							{ width: 200px; float: left; }
#footer-4							{ width: 200px; float: left; }
#footer a							{ color: white; }
#footer ul							{ color: white; }



#head_data{
	padding-top: 220px;	
}
#mainblk{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

#topHeader {

	text-align: right;

	height: 36px;

	margin-bottom: 20px;

	padding-right: 0px;

	padding-top: 420px;	

}




