body {
	font-family						:Arial, Verdana, Helvetica, sans-serif;
}

body h1 {
	font-size							:1em;
	font-weight						:bold;
	margin-bottom					:-5px;
	margin-top						:10px;
	padding-left 					:10px;
	color									:#FF6600;
}

body h2{
	font-size 						:.875em;
	font-weight						:bold;
	margin-bottom					:-5px;
	margin-top						:5px;
	padding-left					:10px;
	color									:#666666;
}

body p {
	margin-bottom					:0;
	margin-top						:0;
	color									:#333333;
	line-height						:21px;
}

body{
	background-image			:url(../images/background.png);
	background-repeat			:repeat;
}

img{
	border-width					:0px;
	text-decoration 			:none;
}

a:hover{
	cursor								:pointer;
}

a{
	outline								:none;
	text-decoration				:none;
}


#container {
	height								:100%;
	margin								:auto;
	position							:relative;
	width									:843px;
}

hr{
	width									:95%;
	color									:#666666;
	margin-top						:20px;
}

ul{
	margin-bottom 				:0px;
	padding-bottom				:10px;
	padding-right					:15px;
}

li{
	padding-top 					:5px;
}

/* The Following has to do with the glowing background */

#main_header{
	background-image			:url(../images/glowing_header.png);
	background-repeat			:no-repeat;
	width 								:841px;
	height 								:214px;
}

#main_header a{
	border-width					:0px;
	text-decoration 			:none;
	margin 								:auto;
}

#main_header img{
	border-width					:0px;
	text-decoration 			:none;
	margin-top 						:30px;
	margin-left 					:295px;
}


#main_body{
	background-image 			:url(../images/glowing_body.png);
	background-repeat			:repeat-y;
	height								:100%;
	min-height						:434px;
	width									:841px;
}


#main_footer{
	background-image			:url(../images/glowing_footer.png);
	background-repeat 		:no-repeat;
	width 								:841px;
	height 								:71px;
}

/*The following has to do with the navigation */
#nav_container{
	height 								:100%;
	margin-left 					:45px;
	margin-bottom					:-14px;
}

#nav_container img{
	display								:inline-block;
}

.cutter{
	margin-left 					:-6px;
}

.home:hover{
	background-image 			:url(../images/home_glow.png);
}

.about:hover{
	background-image 			:url(../images/about_glow.png);
}

.portfolio:hover{
	background-image 			:url(../images/portfolio_glow.png);
}

.courses:hover{
	background-image 			:url(../images/courses_glow.png);
}

.resume:hover{
	background-image 			:url(../images/resume_glow.png);
}


/*The Following deals with the content part of the site */

#left_container{
	height 								:100%;
	width 								:565px;
	margin-left 					:60px;
}

#main_content_head{
	background-image 			:url(../images/content_header.png);
	background-repeat 		:no-repeat;
	width 								:556px;
	height 								:21px;
}

#main_content_body{
	background-image 			:url(../images/content_body.png);
	background-repeat 		:repeat-y;
	width 								:546px;
	height 								:100%;
	min-height 						:385px;
	padding-left 					:10px;
}

#main_content_body p{
	padding-right 				:5px;
	padding-left 					:10px;
	padding-top 					:10px;
	padding-right					:15px;
}

.home_img{
	text-align 						:center;
	margin								:auto;
	margin-top 						:10px;
	margin-bottom 				:0px;
	padding-bottom 				:0px;
}

.title_img{
	padding-left 					:10px;
	margin-bottom					:-10px;
}

.title_img_two{
	margin-top 						:25px;
}

a.content_link{
	color									:#FF3300;
}

.content_link:hover{
	color									:#FF3300;
	text-decoration				:underline;
}

#main_content_footer{
	background-image 			:url(../images/content_footer.png);
	background-repeat 		:no-repeat;
	width 								:556px;
	height 								:21px;
}

.top{
	color									:#999999;
	text-align						:center;
}

.top a{
	color									:#999999;
}

.site_sample{
	width 								:521px;
	margin-top 						:15px;
}

.site_sample p{
	float 								:right;
	width 								:230px;
	padding-left					:0px;
}

.site_sample img{
	padding-left 					:10px;
	padding-top 					:10px;
}

.graphic_sample{
	width 								:521px;
	margin-top 						:15px;
	padding-left 					:62px;
}

.graphic_sample p{
	float 								:right;
	width 								:230px;
	margin-top 						:-10px;
}


a.sample_link{
	color									:#FF3300;
	font-weight 					:bold;
}

.sample_link:hover{
	color									:#FF3300;
	text-decoration				:underline;
}

.video{
	text-align						:center;
	margin-top						:20px;
}

.video p{
	margin-left 					:50px;
	margin-right 					:45px;
	color									:#666666;
	text-align						:left;
	margin-bottom					:10px;
	font-size							:.875em;
}

#resume_container{
	text-align						:center;
	width									:490px;
	margin-left						:0px;
	margin-top						:20px;
}


.resume_icon{
	float									:right;
}


/*The following deals with the sidebar of the site */

#sidebar_container{
	height 								:100%;
	float 								:right;
	margin-right 					:58px;
}

#sidebar_header{
	background-image 			:url(../images/sidebar_header.png);
	background-repeat 		:no-repeat;
	width 								:155px;
	height 								:19px;
}

#sidebar_body{
	background-image 			:url(../images/sidebar_body.png);
	background-repeat 		:repeat-y;
	width 								:155px;
	height 								:100%;
	min-height 						:325px;
}

#sidebar_body p{
	color									:#00ffff;
	font-size 						:.813em;
}

#sidebar_body a{
	text-decoration				:none;
	color									:#00ffff;
}

.facebook:hover{
	background-image 			:url(../images/facebook_glow.png);
}

.twitter:hover{
	background-image 			:url(../images/twitter_glow.png);
}

.linkedin:hover{
	background-image 			:url(../images/linkedin_glow.png);
}

.youtube:hover{
	background-image 			:url(../images/youtube_glow.png);
}

.follow_container{
	width 								:200px;
}

.follow_container img{
	display 							:inline-block;
}

.cutter_two{
	margin-left 					:-15px;
}

.center{
	text-align 						:center;
	margin-top 						:0px;
	margin-bottom 				:5px;
}

#sidebar_footer{
	background-image 			:url(../images/sidebar_footer.png);
	background-repeat 		:no-repeat;
	width 								:155px;
	height 								:20px;
}

/* This all has to do with the footer of the website */

.end_footer,
.nav_footer{
	text-align 						:center;
	margin 								:auto;
}

.end_footer p{
	color									:#CCCCCC;
	font-size 						:.75em;
}

.nav_footer a{
	text-decoration				:none;
	color									:#CCCCCC;
}

.nav_footer a:hover{
	color									:#00CC00;
}

.nav_footer p{
	font-size 						:.938em;
}

/* This all has to do with Wordpress */

#sidebar ul{
	padding-left 					:20px;
}

#sidebar{
	padding-right 				:45px;
	padding-left 					:5px;
}

#sidebar h2{
	color									:#FFFF00;
	font-size							:1em;
}

#sidebar a{
	font-size 						:.875em;
}

#sidebar input{
	width 								:100px;
	margin-bottom					:5px;
}

#sidebar label{
	color 								:#FFFF00;
	width 								:100px;
	font-weight						:bold;
}

.entry-content{
	color									:#FFFF00;
}

.from-meta{
	color									:#FF9900;
	font-weight 					:bold;
}


#main_content_blog{
	background-image 			:url(../images/content_body.png);
	background-repeat 		:repeat-y;
	width 								:546px;
	height 								:100%;
	min-height 						:385px;
	padding-left 					:10px;
}

#main_content_blog p{
	padding-right 				:5px;
	padding-left 					:10px;
	padding-top 					:10px;
	padding-right					:15px;
}

#main_content_blog h2{
	font-size 						:2em;
	font-weight						:bold;
	margin-bottom					:0px;
	margin-top						:0px;
	padding-top 					:10px;
	padding-left					:10px;
	color									:#666666;
}

#main_content_blog a{
	color									:#FF6600;
}

#main_content_blog a:visited{
	color									:#FF6600;
}

#main_content_blog h3{
	margin-left 					:10px;
}

#main_content_blog small{
	font-size 						:.875em;
	margin-left						:10px;
	color									:#666666;
}


#blog_header{
	z-index								:1000;
	position							:absolute;
	top										:14px;
	left									:13px;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

#main_content_blog p img {
	padding: 0;
	max-width: 100%;
	}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	

/* End Images */