/*FONT FAMILY==========================================================*/
body, td, th {font-family: Arial, Helvetica, sans-serif;}


/*-------uncomment & customize to use different fonts for different page elements
h2 { font-family: Times }
h3 { font-family: Courier }
h4 { font-family: Trebuchet }
p { font-family: Helvetica }
---------*/
 

/*FONT SIZE============================================================*/
h1 { font-size: 225%; } /* - header or special effects */
h2 { font-size: 120%; text-align: justify; display: inline; } /* content headings */
h3 { font-size: 120%; font-weight:lighter } /* content sub-headings */
h4 { font-size: 100%; } /* list headings, same size as (p) */
/*h5 { font-size: 50%; border-bottom:2px dotted #000000;} this works???? */

p, ul, ol, td { font-size: 100%; }

ul ul { font-size: 100%; } /*- only necessary if the ul size is not 100%  */
td p { font-size: 100%; }


/*WIDGETBOX==============================================================*/
#widgetbox {margin-left:20px; margin-right:10px; width:240px; padding:0px}
#widgetbox p {margin: 0px 0px 0px 0px}
#widgetbox ul {list-style: none; margin: 0;padding: 0}
#widgetbox ul li {padding: 5px; border: solid #000000 2px; margin-top:0px; background-color: #FFFFE5;}
#widgetbox ul li ul li {padding-left: 0px; border:none; padding:0px; margin:0px}

#widgetbox li {margin-bottom:15px}
#widgetbox h2 {background: #FFFFE5; margin: 0 0 40px 0px; padding-top: 5px; padding-botton: 5px; border-bottom:2px dotted #0066cc;}


/*FONT COLORS==========================================*/
/*color scheme info only - change live data after the body tag

lead  color: 	#0066cc  blue	h1, h2, h3
second color:	#88bb22	 green	seperation lines, some links
highlight 1:	#9966cc	 purple	non used matching color if highlighting something
highlight 2:	#990000	 red	non used matching color if highlighting something

Active, Hover   #CE0000 wine red
background 1:	#eeeeff	light 	lead elements
background 2:	#f7f7ff	light 	lightest bg
box underline:	#cccccc	light grey
---------------------*/


body {color: #000000}
a:active, a:link, a:visited {color: #0066cc}

h1, h2, h3, h1 a:link, h2 a:link, h3 a:link, h1 a:visited, h2 a:visited, h3 a:visited {color: #0066cc}

ul li a:link, ul li a:visited {color: #0066cc}

p a:link, p a:visited {color: #0066cc}

p.postmetadata a:link, p.postmetadata a:visited {color: #0066CC}

#footer p a:link, #footer p a:visited {color: #0066CC}

a:hover {color: #CE0000}
ul li a:hover {color: #CE0000}
p a:hover {color: #CE0000}
h1 a:hover {color: #CE0000}
h2 a:hover {color: #CE0000}
h3 a:hover {color: #CE0000}
h4 a:hover {color: #CE0000}
h5 a:hover {color: #CE0000}
p.postmetadata a:hover {color: #CE0000}
#footer p a:hover {color: #CE0000}


/*-------uncomment & customize items below if you want to add colors 
h2, h2 a:link, h2 a:visited { #990000 }
h3, h3 a:link, h3 a:visited { #9966cc }
---------*/


/*LINK STYLE other than color================================================*/
a:link, a:visited {text-decoration:none }
p a:link, p a:visited {text-decoration:none } /* orphan text remains undecorated */

a:hover {text-decoration:none }
h1 a:hover {text-decoration:none }

#footer p a:link, #footer p a:visited {text-decoration: none}
#footer p a:hover {text-decoration: none}


/*MARGINS, BORDERS AND PADDING for elements (not for containers)================*/
body {margin:0px; padding: 0px;}
ul, ol {list-style: outside}

#sidebar ul, #sidebar ol {margin-left: 0;	
padding-left: 0; list-style-type: none; padding-right:7px;}

h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0}
h2, h2 a:link, h2 a:visited, h2 a:hover {margin-top:0}
h3, h3 a:link, h3 a:visited, h3 a:hover {margin-top:0}
h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0}

a img {border: 0px solid #0066cc}


/*MULTI-USE TAGS=====================================================*/
.center {text-align: center;}
.alignleft {text-align: left;}
.alignright {text-align: right;}

.left {float:left;}

.bg1 {background: #ffff99}
.bg2 {background: #f7f7ff}

.border1 {border: solid 2px #000000;}


/*IMAGE TAGS=========================================================*/
/*make images float left if they have no other tags (like 'right')=======*/
img {margin:0px 5px 0px 0px; text-align:center;}

/*make images float right by adding 'class="right" inside the image tag)======*/
img.right {float: right; margin: 0px 0px 0px 5px}

header img {border: none; text-align:center;}


/* DIV FRAMING =========================================================
un-comment the next few lines and you will see colored borders around the main elements on your site - this helps you to identify which DIV you need to change if you want to change the layout (e.g. make the page or the sidebar wider)=====================================================================*/

/*
#page {border: 3px solid green;}
#header {border: 3px solid red; text-align:center;}

#sidebar{border: 3px solid aqua;}
#comments {border: 3px solid black;}
.commentlist {border: 3px solid yellow;}
*/


#content {padding-right: 25px;}


/* change the color or the width of the line below the header & left of the sidebar*/
#header {border-bottom: 0px solid #000000; text-align:center;}
#sidebar {border-left: 0px solid #88bb22;}


/* BODY TAG=====================================================*/
body {text-align:center; background-color:#FFFF99;}


/* BEGIN DIVS and other layout stuff=============================================
this is the tricky bit - change your layout - make sure you back-up before changing 
=============================================*/

#page {margin:auto; margin-top:20px; width: 850px; text-align:left;}
#header {width: 448px; text-align:center;}
#content {padding-left: 10px; padding-right: 0px; margin: 5px 5px 5px 5px; border: 0px solid #000000;}

.narrowcolumn {float: left; padding: 0 0 20px 45px; margin: 0px 0 0; width: 535px;}
.narrowcolumn {text-align: center;}

.postmetadata {vertical-align: middle; text-align: center; margin: 0;}

.widecolumn {float: left; padding: 0 0 20px 45px; margin: 0px 0 0; width: 840px;}


/* navigation refers to 'next link' on previous post (not needed if you do pages only)*/
.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 10px;}


/* sidebar is main element on right side of page which contains all navigation links*/
#sidebar{position:relative; float:left; padding: 0px 0 0px 0; width: 240px; margin-top: 10px; margin-left: 0px;}
		
#sidebar form {margin: 0;}
#sidebar #searchform #s {width: 90px; padding: 1px;}
#sidebar #searchsubmit {padding: 0px;}


/* style of the headers within the sidebar*/
.sb_header {background: #FFFFE5; margin: 0 0 20px 5px;	padding-top: 5px; border-top: 1px solid #000000; border-bottom: 1px solid #000000;}

.sb_header h5 {margin: 0 0 2px 0px; }
			
.post {margin: 5px 5px 15px 5px; padding: 10px; text-align: left; display:block; clear:both; border:2px solid #000000; background-color: #FFFFE5;}
	
.postmetadata ul, .postmetadata li 
{display: inline; list-style-type: none; list-style-image: none;}

.blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
		
.blockquote cite {margin: 5px 0 0; display: block;}

#footer 
{border-top: 1px solid #cccccc;	padding: 0; margin: 20px 0 0 0;	clear:both; width: 850px;}
		
#footer p {margin: 0; padding: 5px 10px; text-align: center;}

#comments {clear:left;}

.commentlist {padding: 0; text-align: left; margin-left: 0;}
	
.commentlist li {margin: 15px 0 5px; padding: 5px 10px 5px; list-style: none;}
	
.commentlist p {margin: 10px 5px 10px 0;}
	
.commentlist p {text-transform: none;}

#commentform p {margin: 5px 0;}
#commentform input {width: 170px; padding: 5px;	margin: 5px 5px 0px 0;}
#commentform textarea {width: 500px; padding: 0px;}
#commentform #submit {margin: 0; float: right;}

.commentmetadata {margin: 0; display: block;}

.nocomments {text-align: center; margin: 0; padding: 0;}

#searchform {margin: 10px auto;	padding: 5px 3px; text-align: center;}

.entry form {text-align:center;}

select {width: 130px;}

.alt {background-color: #FFFFE5; border: 1px solid #ddd; margin: 0; padding: 10px;}

.date {text-align: left; margin: 0; padding 0; font-size: 75%; color: #CE0000}

.code {
     width: 475px; 
     height: auto; 
     background-color: #fafad2; 
     color: #000000; 
     font-size: 12px; 
     text-align: left; 
     border: 1px dashed #000000; 
     overflow: auto;
     padding: 6px 3px 6px 3px;
     white-space: normal;
}




/*  
Theme Name: Maple Swingers
Theme URL: http://www.mapleswingers.com/
Description: Widget ready, customizable CMS theme with commented template files.
Version: 0308
Author: Open Source
Author URL: http://www.wordpress.com/
*/