/*____________________________________________________
  Tags
  ____________________________________________________
*/

body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	min-height: 100%;
	font-size: 14px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	background: #202020;
	color: #000000;
	line-height: 1.5;	
}

a:link, a:visited{
	color: #690;
	text-decoration: none;
	text-transform: none;
}

a:hover{
	color: #360;
	background-color: #9CC200;
}

img{
	border: 0px;
}
/*____________________________________________________
  Divs
  ____________________________________________________
*/

/* This div wraps around all the other divs */
#wrapper { position: relative; width: 900px; margin: 0 auto; padding: 0; height: auto; background: #202020; }

/* for the header area of the site */
#header {
	position: relative;
	margin: 0 auto;
	margin-top: 15px;
	padding-top: 0px;
	width: 1000px;
	height: 100px;
}

/* used if you need a seperate div for the background */
#headerBg {}

/* used if you need a seperate div for logos and things like that */
#headerElements {
	position:absolute;
	top: 25px;
	left: 0px;
	width: 315px;
	height: 69px;
	background: url(snappages_logo_blog.png) top left no-repeat;
	cursor: hand;
	}

/* used for positioning the main navigation */
#navigation { position: relative; padding: 20px; margin: 0; margin-left: auto; margin-right: auto; width: 900px; }

/* used to style the actual main navigation links */
#headerLinks {
	position: relative;
	top: 10px;
	left: 290px;
	height: 55px;
	width: 600px;
	text-align: left;
	padding-left: 20px;
	padding-top: 16px;
	font-size: 15px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background: URL(nav_bg.png) no-repeat;
	text-shadow: 0 -1px 0 #000;
}

#header ul{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	}
	
#header ul li {
	list-style: none;
	display: inline;
	margin-right: 0px;
	margin-left: -4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-top: 10px;
	
}

#header ul .new{
	padding-right: 24px;
	background: url(/images/newLink.gif) top right no-repeat;
}
#header ul .first{
	border-left: none;	
}
#header ul .last{
	border-right: none;	
}

#header a:link, #header a:visited{
	color:#FFFFFF;
}

#header a:hover{ 
	color:#9FF200;
	border-bottom: none;
	background: none;
}
/* the drop down navigation that appears when you rollover the main navigation */
#secondaryNav { background: #FFF; }
#secondaryNav ul{ list-style: none; margin: 0; padding: 0; overflow: visible; }
#secondaryNav ul li {}
#secondaryNav a:link, #secondaryNav a:visited { text-decoration: none; display: block; padding: 2px; padding-left: 15px; padding-right: 15px; }
#secondaryNav a:hover{ color:#FFFFFF; background: #99CC00; }

#container {
 	margin-left: auto;
    margin-right: auto;
    width: 940px;
    padding-bottom: 0px;
    padding-top: 30px;
	background-color: #FFFFFF;
	background: url(bgTop.png) no-repeat center top;
}

#content{
	height: 100%;
	width: 900px;
    text-align:left;
	padding-left: 36px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-top: 10px;
	background: url(bgMid.png) repeat-y left top;
}

#footer {
	position: relative;
	margin: 0 auto;
    text-align: center;
	width: 940px;
	padding-top: 50px;
	clear: left;
	bottom: 0;
	color: #999999;
	font-size: 85%;
	text-align: center;
	background:URL(bgBottom.png) no-repeat;
}

/* for positioning the flash billboards on the page */
#billboard { float:left; margin-left: -14px; padding-bottom: 30px; }

/* for positioning the footer information on the page */


/* for styling the footer navigation links */
#footer a:link, #footer a:visited { font-style: normal; font-weight: normal; margin-right: 14px; }
#footer a:hover{}
#footerLinks { padding-bottom: 5px; }
#footerLinks ul{ list-style: none; margin: 0; padding: 0; padding-bottom: 3px; overflow: visible; }
#footerLinks ul li { list-style: none; display: inline; margin-right: 0px; margin-left: 0px; padding: 0px; padding-left: 10px; border-right: #999 solid 1px; }
#footerLinks ul li.first{ border-left: none; }
#footerLinks ul li.last{ border-right: none; }
#footerLinks ul li a.selected{}
#footerLinks a:link, #footerLinks a:visited {}
#footerLinks a:hover{}



#footer a:link, #footer a:visited{
	color:#999999;
}

#footer a:hover{ 
	color:#9FF200;
	background: none;
}

/*____________________________________________________
  Columns
  ____________________________________________________
*/

/* Columns are controlled by a seperate style sheet and and we highly recommend that you don't modify them.
   This is because there are different types of page layouts that are set by the user so the columns need to
   react accordingly. For instance in a two column layout #column1 needs to be a different width then if it
   were in a three column layout. If you simply try to adjust the styles, the page layouts won't funciton properly */

/*____________________________________________________
  Headings
  ____________________________________________________
*/
#pageTitle{}
.h1 {}
.h2 {}
.h3 {}
.h4 {}

/*____________________________________________________
  Blog Classes
  ____________________________________________________
*/
/* the blog post title */
.blogHeading { font-size: 25px; font-weight: bold; font-family:Century Gothic, Arial, Helvetica, sans-serif;line-height: 27px;text-transform:uppercase;}
.blogHeading a:link, .blogHeading a:visited { color:#000;text-transform:uppercase;}
.blogHeading a:hover{color:#360;}

/* the date the blog post was published */
.blogDate { float: left; font-size: 13px; line-height: 120%; color: #999; text-transform: uppercase; margin-top:-10px; width:250px;}

.blogDate a:link, .blogDate a:visited { text-transform: uppercase; }

/* items that appear on the side of the blog page ex: recent posts, tags, catagories... */
.blogSide { margin-left: 15px; margin-bottom: 20px; width:234px;padding-right:11px;}

.blogSideHeading { font-size:16px;font-weight: bold; background:URL(headingBg.png) no-repeat; color:#FFF;padding:7px;padding-left:10px; width:230px; margin-left:-1px; text-shadow: 0 -1px 0 #000;}

.blogSide a:link, .blogSide a:visited { color:#99CC00; font-weight:normal; }

.blogSideList { padding-bottom: 3px; margin-left: 10px; line-height: 120%; margin-bottom: 5px; color:#FFF;}
/* post comment */
.comment{}

/* comment that is a reply to another comment */
.commentReply{}

/* the name of the person that left the comment */
.commentHeader{}

/* Indicates that a comment was left by the websites admin */
.adminCommentHeader{}

/* the comment text */
.commentBody{}

/* displays how many comments a blog post has */
.blogCommentCount { margin-top:-2px; }

/* the title "Comments" that shows up at the bottom of the post */
.commentTitle{}

/* the link to add a comment */
.commentLink{}

/* displayed when linking to "next posts" */
.rightArrow {}

/* displayed when linking to "previous posts" */
.leftArrow {}

/* displayed on the "add comment" button */
.plusSign {}

/* the icon for categories */
.folderIcon {}

/* the icon for tags */
.tagIcon {}

/* signifies a comment as a reply */
.replyLink{}



/*____________________________________________________
  Form Elements
  ____________________________________________________
*/

form { display: inline; margin: 0; }

/* displays if a field is required after form validation occurs*/
.req {}

/* displays a field before validation occurs*/
.formInput {}

/* the input field for the search box */	
.searchInput {}

/* the small search button that appears right next to the search box */		
.searchButton{}

/*____________________________________________________
  Misc Classes
  ____________________________________________________
*/
/* the page divider */
.divider { width: 100%; border-bottom: 1px dashed #CCC; margin-bottom: 20px; }