/*
Theme Name: Swag For Good
Description: Branded design for the Swag For Good website.
Version: 1
Author: Mike Carson
Author URI: http://www.mikecarsoncreative.com/
Tags: red, fixed width, two columns

	This theme was designed and built by Mike Carson,
	whose website you will find at http://www.mikecarsoncreative.com/

*/


body { background-image: url('/wp-content/themes/s4g/images/bg.jpg');
			 background-repeat: repeat;
			 background-position: top right;
			 background-attachment: fixed;
			 background-color: #ffffff;
			 padding-top: 0px;
			 padding-left: 0px;
			 padding-right: 0px;
			 padding-bottom: 0px;
			 margin-top: 10px;
			 margin-left: 15px;
			 margin-right: 15px;
			 margin-bottom: 20px; }
			 
a:link, a:visited { color: #0000cc;
										text-decoration: none; }
a:hover, a:active { color: #0000cc;
										text-decoration: underline; }
					
a img { border: none; }					
					
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto; }

img.alignright {
	align: right;
	padding: 0px;
	margin-top: 3px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	display: inline; }

img.alignleft {
	align: left;
	padding: 0px;
	margin-top: 3px;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	display: inline; }

.alignright { float: right; }

.alignleft { float: left; }

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px; }
			 
			 			 
/* HEADER STYLES */
			 
.contact { align: top right;
					 font-family: verdana, arial;
					 font-size: 9pt;
					 font-weight: normal;
					 text-align: right;
					 padding-top: 0px;
					 padding-left: 0px;
					 padding-right: 0px;
					 padding-bottom: 60px;
					 margin-top: 0px;
					 margin-left: 0px;
					 margin-right: 0px;
					 margin-bottom: 0px; }
.contact a:link, .contact a:visited
				 { font-family: verdana, arial;
					 font-size: 9pt;
					 font-weight: normal;
					 color: #333333;
					 text-decoration: none; }

.contact a:hover, .contact a:active
				 { font-family: verdana, arial;
					 font-size: 9pt;
					 font-weight: normal;
					 color: #0000cc;
					 text-decoration: underline; }				
					 
#topnav { background-image: url('/wp-content/themes/s4g/images/dividerbar.png');
			 				background-repeat: no-repeat;
			 				background-position: bottom left;
							padding-top: 0px;
							padding-left: 8px;
							padding-right: 0px;
							padding-bottom: 4px;
							margin-top: 0px;
							margin-left: 0px;
							margin-right: 0px;
							margin-bottom: 0px;
							text-align: left; }
							
#topnav ol, #topnav ul { padding-top: 0px;
						 						 padding-left: 0px;
						 						 padding-right: 0px;
						 						 padding-bottom: 0px;
						 						 margin-top: 0px;
						 						 margin-left: 0px;
						 						 margin-right: 0px;
						 						 margin-bottom: 0px;
						  					 list-style-type: none;
												 list-style-image: none; }
#topnav li { display: inline;
						 line-height: 35px;
						 padding-top: 0px;
						 padding-left: 0px;
						 padding-right: 20px;
						 padding-bottom: 0px;
						 margin-top: 0px;
						 margin-left: 0px;
						 margin-right: 0px;
						 margin-bottom: 0px; }
#topnav li a:link, #topnav li a:visited
				 { font-family: verdana, arial;
					 font-size: 10pt;
					 font-weight: bold;
					 color: #ff0000;
					 text-decoration: none;
					 background-image: url('/wp-content/themes/s4g/images/blkbag.png');
					 background-repeat: no-repeat;
					 background-position: left center;
					 padding-top: 7px;
					 padding-left: 20px;
					 padding-right: 0px;
					 padding-bottom: 6px;
					 margin-top: 0px;
					 margin-left: 0px;
					 margin-right: 0px;
					 margin-bottom: 0px; }					 
#topnav li a:hover, #topnav li a:active
				 { font-family: verdana, arial;
					 font-size: 10pt;
					 font-weight: bold;
					 color: #ff0000;
					 text-decoration: underline;
					 background-image: url('/wp-content/themes/s4g/images/redbag.png');
					 background-repeat: no-repeat;
					 background-position: left;
					 padding-top: 7px;
					 padding-left: 20px;
					 padding-right: 0px;
					 padding-bottom: 6px;
					 margin-top: 0px;
					 margin-left: 0px;
					 margin-right: 0px;
					 margin-bottom: 0px; }

/* SIDEBAR STYLES */

.submenu { width: 170px;
					 max-width: 170px;
					 float: right;
					 margin-top: 20px;
					 margin-left: 0px;
					 margin-right: 0px;
					 margin-bottom: 20px;
					 padding-top: 0px;
					 padding-left: 0px;
					 padding-right: 0px;
					 padding-bottom: 0px; }					 
					 
.submenu #header { max-width: 170px;
					 				 padding-top: 0px;
								   padding-left: 0px;
					 				 padding-right: 0px;
					 				 padding-bottom: 0px;
									 margin: 0px;
									 font-family: arial, tahoma;
									 font-size: 11pt;
									 font-weight: bold;
									 color: #ffffff;
									 text-align: left;
					 				 border-style: solid;
					 				 border-color: #cc0000;
					 				 border-top-width: 0px;
					 				 border-left-width: 0px;
								 	 border-right-width: 0px;
					 				 border-bottom-width: 4px; }
					 
.submenu #body {  max-width: 170px;
								  align: center;
					 				margin-top: 0px;
					 				margin-left: 0px;
					 				margin-right: 0px;
					 				margin-bottom: 0px;
					 				padding-top: 2px;
								  padding-left: 0px;
					 				padding-right: 0px;
					 				padding-bottom: 2px;
					 				border-style: solid;
					 				border-color: #999999;
					 				border-top-width: 0px;
					 				border-left-width: 0px;
								 	border-right-width: 0px;
					 				border-bottom-width: 0px;
									background-image: url('');
			 				 		background-repeat: repeat;
			 				 		background-position: top left; }
.submenu #body ol, .submenu #body ul { margin: 0;
						  					 							 padding: 0;
						  					 							 list-style-type: none;
												 							 list-style-image: none; }
												 
.submenu #body li { max-width: 170px;
										padding-top: 0px;
										padding-left: 0px;
										padding-right: 0px;
										padding-bottom: 0px;
										margin-top: 2px;
										margin-left: 8px;
										margin-right: 8px;
										margin-bottom: 10px;
									  font-family: arial, tahoma;
									  font-size: 10pt;
										font-weight: normal;
									  color: #0000cc;
									  text-align: left;
					 					border-style: solid;
					 					border-color: #333333;
					 					border-top-width: 0px;
					 					border-left-width: 0px;
								 		border-right-width: 0px;
					 					border-bottom-width: 1px; }

.submenu #body li a:link, #body li a:visited
				 { display: block;
				 	 font-weight: bold;
					 color: #000000;
					 text-decoration: none;
					 background-image: url('/wp-content/themes/s4g/images/bullet_off.png');
					 background-repeat: no-repeat;
					 background-position: center left;
					 padding-top: 4px;
					 padding-left: 24px;
					 padding-right: 0px;
					 padding-bottom: 4px;
					 margin-top: 0px;
					 margin-left: 0px;
					 margin-right: 0px;
					 margin-bottom: 0px; }					 
.submenu #body li a:hover, .submenu #body li a:active
				 { display: block;
				 	 font-weight: bold;
					 color: #ff0000;
					 text-decoration: underline;
					 background-image: url('/wp-content/themes/s4g/images/bullet_on.png');
					 background-repeat: no-repeat;
					 background-position: center left;
					 padding-top: 4px;
					 padding-left: 24px;
					 padding-right: 0px;
					 padding-bottom: 4px;
					 margin-top: 0px;
					 margin-left: 0px;
					 margin-right: 0px;
					 margin-bottom: 0px; }
					 
					 
/* MAIN CONTENT STYLES */

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

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	color: #666666;
	padding-top: 4px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	-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 {
	color: #666666;
	font-size: 10px;
	line-height: 17px;
	padding: 2px 0 4px 2px;
	margin: 0;
}
	/* End captions */
	
.contenttop { align: left;
						  width: 660px;
						  height: 29px;
						  background-image: url('/wp-content/themes/s4g/images/contenttop.png');
			 			  background-repeat: no-repeat;
						  background-position: bottom left;
			 			  padding-top: 0px;
			 			  padding-left: 0px;
			 			  padding-right: 0px;
			 			  padding-bottom: 0px;
			 			  margin-top: 0px;
			 			  margin-left: 0px;
			 			  margin-right: 0px;
			 			  margin-bottom: 0px; }
							 
.contentarea { align: top left;
							 position: relative;
						 	 max-width: 660px;
						 	 height: 100%;
						 	 background-image: url('/wp-content/themes/s4g/images/contentbg.png');
			 				 background-repeat: repeat-y;
							 background-position: top left;
			 				 padding-top: 1px;
			 				 padding-left: 25px;
			 				 padding-right: 25px;
			 				 padding-bottom: 1px;
			 				 margin-top: 0px;
			 				 margin-left: 0px;
			 				 margin-right: 0px;
			 				 margin-bottom: 0px; }							 
.contentarea p { font-family: arial;
								 font-size: 11pt;
								 color: #333333;
								 text-align: left; }
.contentarea h1 { font-family: arial;
								  font-size: 18pt;
									font-weight: bold;
								  color: #cc0000;
								  text-align: center; }
.contentarea h2 { font-family: arial;
								  font-size: 14pt;
									font-weight: bold;
								  color: #333333;
								  text-align: center; }
.contentarea h2 a:link, .contentarea h2 a:visited
								{ color: #333333;
								  text-decoration: underline; }
.contentarea h2 a:hover, .contentarea h2 a:active
								{ color: #ff0000;
								  text-decoration: underline; }									
.contentarea h3 { font-family: arial;
								  font-size: 12pt;
									font-weight: bold;
								  color: #333333;
								  text-align: left; }							 
.contentarea img { max-width: 500px;
						 			 border-style: solid;
				 		 			 border-color: #666666;
				 		 			 border-width: 2px;}								 
							 
.contentbottom { align: left;
						 		 width: 660px;
						 		 height: 29;
								 background-image: url('/wp-content/themes/s4g/images/contentbottom.png');
			 				 	 background-repeat: no-repeat;
			 				 	 padding-top: 0px;
			 				 	 padding-left: 0px;
			 				 	 padding-right: 0px;
			 				 	 padding-bottom: 0px;
			 				 	 margin-top: 0px;
			 				 	 margin-left: 0px;
			 				 	 margin-right: 0px;
			 				 	 margin-bottom: 0px; }
							
/* FOOTER STYLES */
														 
.footer { font-family: verdana, arial;
					font-size: 8pt;
					font-weight: normal;
					color: #666666;
					align: center;
					text-align: center;
			 		padding-top: 0px;
			 		padding-left: 0px;
			 		padding-right: 0px;
			 		padding-bottom: 0px;
			 		margin-top: 4px;
			 		margin-left: 0px;
			 		margin-right: 0px;
			 		margin-bottom: 0px; }
			 
.footer a:link, .footer a:visited { color: #cc0000;
																		text-decoration: none; }

.footer a:hover, .footer a:active { color: #cc0000;
																		text-decoration: underline; }