/* 
				AUTHOR: Josh Gilmore
				jrgfreelance@gmail.com
				www.joshgilmore.net 
*/

/* COLORS USED

GREEN:  			#579A3C
PINK:   		 	#FC9FBE
LIGHT GREEN:  	#99CF84
CREAM:			#F8E2A6

*/ 

/* BASIC TOOLS & NECCESSITIES */

* 				{ margin: 0px; padding: 0px; }

html 				{ overflow-y: scroll; }

.floatleft 		{ float: left; }
.floatright 		{ float: right; }
.clear 			{ clear: both; }

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

a img 			{ border: none; }

ul				{ list-style: none; }

p				{margin-bottom: 10px; }
/* STRUCTURE */
		 
body 			{ 
				background: url('images/background.jpg') repeat;
				color: #331200;
				font-size:62.5%; 
				font-family: georgia, serif;
				background-color:#360404;
				}

#header			{background: url('images/header.jpg') no-repeat;
				height: 191px;
				width: 1024px;
				overflow: hidden;
				}
				
#header li {display: inline;}
#header li a {background-image:url('images/header-full.jpg'); width: 1024px; height: 191px; display: block; text-indent: -9999px; float: left; }
#header li a.home {background-position: bottom left}
#header li a:hover.home {background-position:top left;}
				
#page		 	{
				width: 1024px;
				margin: 0px auto 0px; 
				background: url('images/page-repeat.jpg') repeat-y;
	
				}

#contentcontainer	{float: left; width: 600px;}
				
#content 		{
				width: 590px;
				float: left; 
				text-align: justify;
				font-size: 16px;
				padding: 0px 0px 0px 0px;
				font-size: 14px; 
			
				}

#content a		{color: #15A5A4; font-weight: bold; }

#content a:hover	{color: #051F38; }

#leftside		{width: 290px; height: 285px; float: left;}

#bottomleft		{background: url('images/nav-bottom.jpg') no-repeat;
				height: 35px;
				width: 290px;
				float: left;
				}
				
#navright		{background: url('images/nav-right.jpg') no-repeat;
				height: 285px;
				width: 86px;
				float: left;
				}
				
#footer			{width: 1024px; height: 410px; background: url('images/footer.jpg') no-repeat;}


/* NAVIGATION MENU */

#nav	{width: 290px; 
		height: 250px;
		overflow: hidden; 
			
		}
#nav li {display: inline;}
#nav li a {background-image:url('images/nav-full.jpg'); width: 290px; height: 50px; display: block; text-indent: -9999px; float: left; }
#nav li a.about {background-position:0px 0px}
#nav li a:hover.about {background-position:-290px 0px}
#nav li a.portfolio {background-position:0px -300px;}
#nav li a:hover.portfolio {background-position:-290px -50px;}
#nav li a.testimonials {background-position:0px -600px;}
#nav li a:hover.testimonials {background-position:-290px -100px;}
#nav li a.blog {background-position:0px -900px;}
#nav li a:hover.blog {background-position:-290px -150px;}
#nav li a.contact {background-position:0px -1200px;}
#nav li a:hover.contact {background-position:-290px -200px;}

body#About #nav ul li a.about {background-position:-290px 0px}
body#Portfolio #nav ul li a.portfolio {background-position:-290px -50px;}
body#Tutorials #nav ul li a.testimonials {background-position:-290px -100px;}
body#Blog #nav ul li a.blog {background-position:-290px -150px;}
body#Contact #nav ul li a.contact {background-position:-290px -200px;}
									

/*  BASIC TEXT ADJUSTMENTS */		
											
h1			{font-size:28px; font-weight: normal; color: #3E3E3E; letter-spacing:-1px; padding: 0px 0px 20px 0px}  /*  */

h2			{font-size:28px; height: 45px; padding: 0px 0px 10px 0px; margin: 0; font-weight: normal; color: #051F38; letter-spacing: -2px; }  /*  */

h3			{font-size:20px; font-weight: bold; color: #093921; padding: 5px 0 5px 0;  letter-spacing: -1px; }  /*  */

h4			{font-size:18px; font-weight: bold; color: #FFFFFF; padding-bottom: 10px; letter-spacing: -1.2px;} /*  */

h5			{font-size:24px; font-weight: normal; color: #FFFFFF; padding: 10px; margin-bottom: 20px; background-color: #08381F; letter-spacing: -1px;} /*  */

h6			{font-size:14px; font-weight: bold; color: #331200; padding-bottom: 1px;}  /* */



/*  LINK ADJUSTMENTS */	


#portfoliolinks {padding: 10px 20px 20px 20px;}
#portfoliolinks  a {color: #0E2034; padding: 5px 5px 5px 30px; font-weight: normal; font-size: 22px; letter-spacing: -1px; background: url('images/arrow.gif') no-repeat center left;}
#portfoliolinks a:hover {color: #0E2034; background: url('images/arrow-over.gif') no-repeat center left; }


#extranavcontainer {padding: 10px 0px 0px 50px;}
#extranav {padding: 10px 20px 20px 20px;}
#extranav  a {color: #0E2034; padding: 5px 5px 5px 30px; font-weight: normal; font-size: 18px; letter-spacing: -1px; background: url('images/arrow.gif') no-repeat center left; }
#extranav a:hover {color: #0E2034; background: url('images/arrow-over.gif') no-repeat center left; }

#welcomeleft {float: left; width: 300px;  }
.welcomecontent {padding: 0px 10px 0px 10px; height: 250px; background: url('images/welcomeleftbg.jpg') no-repeat center left; color: #FFFFFF; font-size: 18px; letter-spacing: -.5px;}
.welcometext {padding: 40px 50px 0px 20px; }
#welcomeright {width: 250px; float: right; padding: 0 0px 0 0; font-size: 14px; }

.spacer {padding:20px; float: right;}

.spacer a { background-image:url('images/top.jpg'); width: 94px; height: 34px; display: block;}

.spacer a:hover {background-image:url('images/top-over.jpg')}



.sites  {float: left; }

.sites a { width: 331px; height: 202px; display: block; border: 5px solid transparent; }

.sites a:hover {border: 5px solid #0FA9A9;}

.headerbg	{height: 45px; padding: 0px 0px 5px 25px; font-weight: normal; color: #FFFFFF; background: url('images/headerbg.jpg') no-repeat; }

.sitename {letter-spacing: -2px; font-size: 26px;}

.sitedescription {font-size: 12px}

.description {float: right; width: 240px;}

.visitthesite a { background-image:url('images/visitthesite.jpg'); width: 196px; height: 35px; display: block;}

.visitthesite a:hover {background-image:url('images/visitthesiteover.jpg')}


.enlargeimage a { background-image:url('images/enlargeimage.jpg'); width: 195px; height: 50px; display: block;}

.enlargeimage a:hover {background-image:url('images/enlargeimage-over.jpg')}

.logodescription {float: right; width: 240px; padding-top: 75px; }
				
.normal ul		{list-style:none; 				
				font-size:10px;
				font-weight:bold;
				text-decoration: none; 
				padding-left: 10px;
				list-style:none;
				width:200px;
				}
				
.normal li		{list-style:none;
				line-height:20px;
				padding: 3px 0px 3px 35px;
				border-bottom: solid #C6D7E9 1px; 
				background-image: url(images/bullet-off.jpg);
				background-repeat: no-repeat;
				background-position: 0.5em;
				display:block;
				width:200px;
				color:#051F38;
				font-weight: bold;
				font-size: 12px;
 }

 
.basiclist ul	{list-style: disc;
				
				}
				
.basiclist li		{list-style: circle;
				text-indent: 20px; 
				padding: 5px; 
				list-style-position: inside; 
				color: #051F38;
				font-size: 16px;
				}			
.samplecontainer {min-height: 360px; }

.logocontainer {min-height: 280px; }
				
#footercontainer	{padding: 0px 0px 0px 350px;
					font-size:16px;
					font-weight:bold;
					text-decoration: none; 
					}

#footerlinkscontainer 	{padding: 45px 0px 0px 10px}

#footercontainer ul		{list-style:none;
						width:200px;}
				
#footercontainer li		{list-style:none;}

#footercontainer li a		{
						line-height:20px;
						letter-spacing: -1px;
						display:block;
						width:200px;
						color:#16A4A3;
						background: url(images/bullet-footer.jpg) no-repeat;
						background-position: center left; 
						text-indent: 20px;
						padding: 3px;
						
						}

#footercontainer li a:hover 	{
							
							color:#FFFFFF;

							}
				
.footerlinks			{
						float: left; 
						width: 200px; 
						padding: 10px 15px 0px 5px; 
						_padding: 10px 5px 0px 5px; 
						}
						
				
.footerlinks1			{
						float: left; 
						width: 200px; 
						padding: 10px 15px 0px 5px; 
						_padding: 10px 5px 0px 5px; 
						}

.post-date{
float: left;
display: inline;
padding: 0 10px 0 0;
background: url(images/datebg.jpg) no-repeat;
height: 66px;
width: 70px;
}

.month 	{color: #FFFFFF; padding: 0px 0px 0px 18px; font-size: 18px; letter-spacing: -1px;}

.day 	{color: #FFFFFF; padding: 3px 0px 0px 18px; font-size: 28px; letter-spacing: -1px; font-weight: bold;}


.blogheader	{float: left; padding: 0px 20px 0px 0px; }

#blogheadercontainer {padding: 0px 0px 20px 60px;}

#commentscontainer {width: 600px}

#twitter_update_list li 	{margin-bottom: 20px; }

#latestnews	{font-size: 14px; text-align: justify;}

.featured {width: 250px; height: 150px; padding: 0px 0 10px 0 }

.featured a { width: 250px; height: 150px; display: block; border: 5px solid transparent; }

.featured a:hover {border: 5px solid #0FA9A9;}

.break	{background: url(images/break.gif) no-repeat; width: 300px; height: 23px; padding: 10px 0 10px 0 }

.break2	{background: url(images/break2.gif) no-repeat center center; width: 250px; height: 19px; padding: 10px 0px 10px 0px }


.break3	{background: url(images/break3.gif) no-repeat center center; width: 210px; height: 19px; padding: 0px 0px 0px 0px }

.notactive	{height: 45px; padding: 0px 0px 5px 25px; font-weight: normal; color: #FFFFFF; background: url('images/notactive.jpg') no-repeat; }



.downloadpdf a { background-image:url('images/downloadpdf.jpg'); width: 195px; height: 37px; display: block;}

.downloadpdf a:hover {background-image:url('images/downloadpdf.jpg')}

.about-photo	{float: left; width: 250px; }

#testimonials 	{padding: 0px 0px 0px 25px; font-size: 12px; text-align: left; }

.about-description 	{float: left; width: 340px; }

#past-post-links {width: 560px; }


#past-post-links a:hover img,
#past-post-links a:active img  	{opacity:.7; filter:alpha(opacity=70)}

.comment-author {font-size: 18px;font-weight: bold; color: #093921; letter-spacing: -1px; text-transform: uppercase; }