/*  

Theme Name: 4th of July
Description: A festive holiday theme for the 4th of July
Version: 1.0
Author: Mark Huetsch

This theme is released under Creative Commons Attribution-Share Alike 3.0 License. 

*/


body { 
  background-color: white;
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  padding: 0px; 
  margin: 0px; 
  color:#35383d;
  height: 100%;
}

html { padding: 0; margin: 0; height: 100%;}

a:link { text-decoration: none; color : #b2121c; border: 0px; }
a:active { text-decoration: underline; color : #b2121c; border: 0px; }
a:visited { text-decoration: none; color : #2672f1; border: 0px; }
a:hover	{ text-decoration: underline; color : #2672f1; border: 0px;} 
a:focus { outline: none;}


h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif;}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #acb5ab; border-right:0px solid #acb5ab; border-top:1px dotted #acb5ab; border-bottom:0px solid #acb5ab; height : 1px;  }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Header { background: url(images/HeaderBkg.png) no-repeat left bottom; width: 750px; padding: 0px; margin: 0 auto; position:relative; height: 130px;}
.Header { width: 750px; padding: 0px; margin: 0 auto; position:relative; height: 100px;}
.Header a { color: #003a9f; }
.Header a:visited { color: #003a9f; }
.Header a:hover { text-decoration: none; color: #003a9f; }

			
.Header h1 { padding: 0; margin: 0; position: absolute; z-index: 100; top: 45px; left: 140px; }
.Header h1 a { display: block; font: normal 38px/38px "Georgia", "Times New Roman", "Times", sans-serif; padding: 0; 	text-decoration: none; color: #003a9f; margin: 0; }
.Header small.shadow { display: block; position: absolute; z-index: 90; top: 47px; left: 142px; font: normal 38px/38px "Georgia", "Times New Roman", "Times", sans-serif; color: #333333; color: #fff; }
.Header small.desc { display: block; position: absolute; top: 90px; left: 142px; font: normal 16px/16px "Georgia", "Times New Roman", "Times", sans-serif; color: #333333; z-index: 2; }


.SubHeader { width: 100%; background: #fff; text-align: center; background-image: url(images/FlagStripe.png); background-repeat: repeat-x; height: 60px; }

/* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*
.Menu { background: #eab70e; padding: 5px 30px 7px 30px}
.Menu { background: #e69e38; padding: 5px 30px 7px 30px}
*/

.Menu { background-image: url(images/Menu.png); background-repeat: no-repeat; background-position: center; height: 60px; z-index: 1; padding-right: 30px; }

@-moz-document url-prefix() {
.Menu { background-image: url(images/IEMenu.png); background-repeat: no-repeat; background-position: center; height: 60px; z-index: 1; padding-right: 30px; }
}
.Menu em { display: none; margin: 0; padding: 0; line-height: 0px;}
.Menu ul { padding: 0px; margin: 0px; display: inline;}
.Menu li { padding: 0px; margin: 0px; list-style-type: none; display: inline; font-size: 10px; font-weight: bold; }

.Menu li a { color: #333333; padding: 0px 4px; margin: 0px; position: relative; top: 26px;}
.Menu li a { font-size: 11px; color: #333333; padding: 0px 4px; margin-right: 0px; position: relative; top: 56px; z-index: 10;}

.Menu li a:visited { color: gray;}
.Menu li a:hover { color: #c69641; text-decoration: none;}

.Menu ul ul {}
.Menu ul ul li { font-weight: normal; }


/* BG +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#BG { min-height: 100%; margin-bottom: -21px; position: relative; }

/* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.CON { width: 750px; padding: 0px; text-align: center; margin-left: auto; margin-right: auto; position: relative; clear: both; }

/* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.SCP { background: #fff url(images/ShadowBkg.png) repeat-y; float: left; padding: 30px; position: relative; width: 460px; }
.SCP h2 { background: url(images/PostDotted.gif) repeat-x left bottom; padding: 0px 0px 10px 0px; margin: 0px 0px 5px 0px; font-size: 22px; font-weight: normal;}
.SCP h3 { padding: 5px 0px; margin: 0px 0px 5px 0px; font-size: 14px; font-weight: bold;}
.SCP p { font-size: 11px; line-height: 1.4em; color:#333;}
.SCP ol { padding: 10px 0px 10px 25px; margin: 0px; }
.SCP ol li { padding: 1px 0px 1px 0px; font-size: 11px; line-height: 15px; color:#63565f; }
.SCP ul { padding: 10px 0px; margin: 0px; }
.SCP ul li { padding: 1px 0px 1px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#666; }
.SCP blockquote { padding: 5px 0px; margin: 0px; color:#993366; font-style: italic; border-top: dashed 1px #999; border-bottom: dashed 1px #999; }
.SCP blockquote p { font-size: 11px; padding: 2px 0px; margin: 2px 0px; line-height: 15px; color:#666; }
.SCP blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#666; }
.SCP a { text-decoration: underline;}

.SC { background: #fff url(images/ShadowBkg.png) repeat-y; float: left; padding: 30px 30px 30px 30px; position: relative; width: 460px; display: inline-block; clear: both; }
.ContentBottom { background: #fff url(images/ContentBottom.png) no-repeat; float: left; position: relative; width: 530px; display: inline-block; margin-bottom: 20px; padding-bottom: 20px; }

/* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR { font-size: 11px; width: 220px; color:#ccffff; padding: 25px 0px 0px 0px; position: relative; float: right; text-align: left;}
.SR { font-size: 11px; width: 220px; color:#ccffff; padding: 25px 0px 0px 0px; position: relative; float: right; display: inline-block; text-align: left;}
.SR h2 { background: url(images/SRH2Dotted.png) repeat-x left bottom; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; font-size: 16px; text-transform: uppercase; font-weight: normal; color:#333;}
.SR ul { padding: 0px; margin: 0px;}
.SR li { font-size: 11px; padding: 4px 0px 4px 20px; margin: 0px; list-style-type: none; background: url(images/GoldStar.png) no-repeat left top;}

.SR a { color: #b2121c; }
.SR a:visited { color: #717171; }
.SR a:hover { color: #b2121c; }

/* Ribbons ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR .Flag { position: absolute; top: -160px; background: url(images/USFlag.png) no-repeat left top; width: 140px; height: 134px; right: 632px; z-index: 10;}

.SR .Stars { position: absolute; top: -187px; background: url(images/Stars.png) no-repeat left top; width: 167px; height: 153px; right: 590px; z-index: 10;}
.SR .Hat { position: absolute; top: -160px; background: url(images/SamHat.png) no-repeat left top; width: 95px; height: 94px; right: 204px; z-index: 10;}

.SR .Ribbons { position: absolute; top: -180px; background: url(images/Ribbons.png) no-repeat left top; width: 140px; height: 376px; right: -112px; z-index: 10;}

@-moz-document url-prefix() {
.SR .Ribbons { position: absolute; top: -180px; background: url(images/Ribbons.png) no-repeat left top; width: 140px; height: 376px; right: -112px; z-index: 10;}
}

/* Syndicate +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Syn { position: absolute; top: -100px; right: 40px; }
.Syn ul { margin: 0px; padding: 0px; }
.Syn li { background: url(images/RSSIco.gif) no-repeat left center; margin: 0px 0px 0px 5px; padding: 2px 0px 2px 14px; list-style-type: none; font-size: 9px; font-weight: bold; display: inline; }
.Syn li a { color:#333333; text-decoration: none;}
.Syn li a:visited { color:#666666; text-decoration: none;}
.Syn li a:hover { color:#333333; text-decoration: none;}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.SR .Search { position: absolute; top: -133px; right: 32px; width: 170px; padding: 75px 15px 0px 15px; height: 135px; z-index: 40;}
.SR .Search form { padding: 0px; background-color: white;}
.SR .Search input { border: none; font-size: 11px;}
.SR .Search input.key { background: none; margin-left: 5px; border: none; padding: 4px; width: 120px; color:#444;} 
.SR .Search input.search { width: 30px; height: 30px; background: url(./images/SearchButton3.png) no-repeat; }
.SR .Search .bt { padding: 0px; margin: 0px 0px 0px 0px; top: 73px; background: none; position: absolute; right: 18px; }

.SR .widget { background: #ffffcc url(images/widgetBottom.gif) no-repeat bottom; padding: 35px 15px 20px 15px; margin-bottom: 10px; position: relative;}
.SR .widget { background: #ffffff url(images/widgetBottom.png) no-repeat bottom; padding: 35px 15px 20px 15px; margin-bottom: 10px; position: relative;}
/**/ * html .SR .widgetTop { left: -15px;} /* */ 
.SR .widgetTop { background: url(images/widgetTop.png) no-repeat left top; width: 220px; height: 35px; position: absolute; top: 0px; left: 0px;}

.SR .widget_categories { color: black; }
.SR .widget_categories .children ul { margin: 2px 0px 0px 0px; padding: 0px; list-style-type: none; }
.SR .widget_categories .children li { margin: 0px; padding: 0px; list-style-type: none; border-bottom: none; font-size: 10px; background: none; }

.SR .widget_tag_cloud { font-family: "Trebuchet MS"; line-height: 18px;}

.SR .widget_calendar table { width: 100%;}
.SR .widget_calendar table td { text-align: center; padding: 3px; }
.SR .widget_calendar caption { background: #006600; padding: 3px 0px;}
.SR .widget_calendar #today { background: #006600;}

.SR .widget_search #s { width: 160px; border: solid 1px #000; padding: 3px; margin-bottom: 5px;}

.pagetitle { font-size: 24px;color:#000; font-weight: normal; text-transform: uppercase;}

/* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Post {	position: relative; clear: left; text-align: left;}

.PostHead {}
.PostHead h2 { font-size: 24px; line-height: 24px; letter-spacing: 0px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; color:#416f2e;}
.PostHead h2 a { color: #01539f; text-decoration: none;}
.PostHead h2 a:visited { color: #cc0000; text-decoration: none;}
.PostHead h2 a:hover { color:#cc0000; text-decoration: none;}

.PostHead h3 { font-size: 22px; line-height: 22px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; color:#000033;}
.PostHead h3 a { color: #01539f; text-decoration: none;}
.PostHead h3 a:visited { color: #cc0000; text-decoration: none;}
.PostHead h3 a:hover { color:#cc0000; text-decoration: none;}

.PostAC { padding: 0px 0px 7px 0px; margin: 0px; font-size: 9px; color:#666666; font-weight: bold; display: block; background: url(images/PostDotted.gif) repeat-x bottom; }
.PostTime { padding: 5px 0px 0px 0px; margin: 0px; font-size: 10px; color:#666666; display: block;}

.PostHead small a { color:#666666; text-decoration: underline;}
.PostHead small a:visited { color:#666666; text-decoration: underline;}
.PostHead small a:hover { color:#666666; text-decoration: underline;}

.PostContent { padding-right: 15px; margin: 0px; font-size: 12px; line-height: 1.4em ; color:#333; clear:both;}
.PostContent p { font-size: 12px; line-height: 1.4em; color:#333;}
.PostContent p strong { color: #b2121c;}
.PostContent h3 { color: #01539f;}

/**/ * html .PostContent p img {} /* */ 
.PostContent p img { max-width: 445px;}
.PostContent p img { width:expression(this.width > 445 ? "445px" : this.width); }
.PostContent img { margin: 0px 5px 5px 0px; float: left;}

.PostContent ol { padding: 5px 0px 5px 25px; margin: 0px; }
.PostContent ol li { padding: 1px 0px 1px 0px; font-size: 11px; line-height: 15px; color:#63565f; }
.PostContent ul { padding: 5px 0px; margin: 0px; }
.PostContent ul li { padding: 1px 0px 1px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#666; }
.PostContent blockquote { padding: 5px 0px; margin: 0px; color:#993366; font-style: italic; border-top: dashed 1px #b7b7b7; border-bottom: dashed 1px #b7b7b7; }
.PostContent blockquote p { font-size: 11px; padding: 2px 0px; margin: 2px 1px; line-height: 15px; color:#666; }
.PostContent blockquote li { padding: 1px 0px 1px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#666; }
.PostContent a { text-decoration: underline;}

.PostDet { padding: 0px; margin: 0px;}
.PostDet li { padding: 1px 5px 1px 14px; margin: 0px; font-size: 10px; font-weight: bold; list-style-type: none; display: inline; }

.PostDet li a { color:#926928; text-decoration: none;}
.PostDet li a:visited { color:#926928; text-decoration: none;}
.PostDet li a:hover { color:#e69e38; text-decoration: none;}

.PostDet .Comm { background: url(images/PostCommIco.gif) no-repeat left center;}
.PostDet .Tags { background: url(images/PostTag.gif) no-repeat left center;}
.PostDet .Edit { background: url(images/PostEdit.gif) no-repeat left center;}

.Note { font-size: 10px; line-height: 13px; background: #f5f5f5; padding: 10px; display: block; color:#787d85;}
.Note a { text-decoration: underline; color: #787d85;}
.Note a:visited { text-decoration: underline; color: #787d85;}
.Note a:hover { text-decoration: underline; color: #787d85;}

/* Navigation +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Nav { font-size: 11px; background: url(images/PostDotted.gif) repeat-x top; padding: 15px 0px 0px 0px; color:#868d90; position: relative;}
.Nav a { padding: 1px 6px 1px 4px; border-right: solid 1px #868d90; font-size: 11px;}
.Nav a:visited { padding: 1px 6px 1px 4px; border-right: solid 1px #868d90;}
.Nav a:hover { padding: 1px 6px 1px 4px; border-right: solid 1px #868d90; text-decoration: none;}
.Nav span { padding: 1px 6px 1px 0px; border-right: solid 1px #868d90; }
.Nav .on { padding: 1px 6px 1px 4px; border-right: solid 1px #868d90; font-size: 11px; }


/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Comments { margin: 20px 0px 0px 0px; position: relative; text-align: left;}
.Comments h3 { font-size: 18px; font-weight: normal; margin: 0px 0px 5px 0px; padding: 10px 0px; color:#182b3c; background: url(images/PostDotted.gif) repeat-x bottom; text-transform: uppercase;}

/* Comments List  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.List ol { padding: 0px; margin: 0px;}
.List li { position: relative; padding: 10px 0px; margin: 10px 0px; list-style-type: none; background: url(images/PostDotted.gif) repeat-x bottom; }

/**/ * html .List .LGrav { right: 30px;} /* */ 
.List .LGrav { position: absolute; right: 0px; top: 10px;}
.List .LGrav img { border: solid 1px #ccc; padding: 2px; background: #fff;}

.List .LUsr { margin: 0px; padding: 0px; font-size: 9px; line-height: 11px; color: #666666; font-weight: bold; }
.List .LUsr a { color:#666666; text-decoration: none;}
.List .LUsr strong { font: normal 16px/18px "Georgia", "Times New Roman", "Times", sans-serif; }
.List .LUsr strong a { color:#416f2e; text-decoration: none;}

/*
.List .LCon { margin: 0px; padding: 0px; font-size: 11px; line-height: 15px; display: block; color:#523041;}
.List .LCon p { margin: 0px; padding: 5px 0px; font-size: 11px; line-height: 15px; color:#523041;}
*/

.List .Author { background: #fff; }



/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Form {  padding: 0px; position: relative; margin: 0px; text-align: left; }
.Form form { margin: 0px; padding: 0px;}
.Form a { text-decoration: underline;}
.Form p { padding: 0px 0px 2px 0px; margin: 0px; color:#333; }
.Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}
.Form p small { font-size: 11px; display: block; padding: 3px 0px;}
.Form .TextField { color:#333333; background: #f6f6f6; border: solid 1px #e3e3e3; padding: 4px; font-size: 12px; display: block;}
.Form .TextArea { color:#333333; background: #f6f6f6; border: solid 1px #e3e3e3; padding: 4px; font-size: 12px;}
.Form input.SubmitComment { width: 99px; height: 43px; background: url(images/Post.png) no-repeat; margin-top: 8px; margin-top: 4px;}
.Form input.SubmitComment:hover { background: url(images/Post.png) no-repeat 0 -43px; margin-top: 8px; margin-top: 4px;}
.Form input.SubmitCommentIE { width: 99px; height: 43px; background: url(images/Post.png) no-repeat 0 -43px;  margin-top: 8px; margin-top: 4px;}

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.Footer { width: 100%; height: 20px; position: relative; color: #555555; border-top: 1px solid #a1a1a1; text-align: center; } 
.Footer p { font-size: 10px; color:#416f2e; padding: 0px; margin: 0px; }
.Footer p { font-size: 10px; color: black; padding: 0px; margin: 0px; }
.Footer a { color:#416f2e; text-decoration: underline;}
.Footer a:visited { color:#396586; text-decoration: underline;}
.Footer a:hover { color:#396586; text-decoration: underline;}

/*global/universal image classes */
img.alignleft, img.left { float: left; }
img.alignright, img.right { float: right; }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

/*—:[ image captioning ]:—*/
.wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
.wp-caption.alignleft { float: left; }
.wp-caption.alignright { float: right; }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }

/*global/universal image classes */

.clearfooter {
  clear: both;
}