/* --------------------------------------------------
BetterExerciseNFitness.com v1.0 - Design by Brian Schreder @ Better Exercise N Fitness
CSS Validator:  http://jigsaw.w3.org/css-validator/
Check:  http://jigsaw.w3.org/css-validator/validator?uri=http://betterexercisenfitness.com/
-------------------------------------------------- */

/* -------------------- GENERAL -------------------- */
/*  .Global { width: 100%; height: 100%; min-width: 800px; 
     background-color: #9fbdd0;  } */
/* html { font-size: 10px; min-width: 950px; margin: 0px auto; padding: 10px; }  */

/*
html { background-color: #7da7d8; min-width: 1000px; margin: 0px auto; padding: 10px; }

body { font-family: Arial, Verdana, Helvetica;  font-size: 10px; min-width: 900px;
       background: #7da7d8 url(images/bg.jpg) repeat-y top center; text-align: center; }
*/
body { font-family: Arial, Verdana, Helvetica;  font-size: 10px; min-width: 900px; text-align: center; }

.container { width: 900px; clear: both; margin: 0px; text-align:left;
	         font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; /* Lucida Grande for the Macs, Tahoma for the PCs */
	         font-size: 10pt; color: #000000;}

.textarea { font-size: 10pt; font-family: Arial; }
.textareapadded { font-size: 10pt; font-family: Arial; padding-right: 10pt; padding-left: 10pt; }

a, a:link { text-decoration: none; color: #0072bc; }
a:hover { text-decoration: underline; color: #003471; }

hr { border: none; border-top: 1px solid #ccc; }

/* -------------------- HEADER -------------------- */
#header  { margin: 20px 10px 0px 10px; background: #004477; height: 75px; }
#header h1  { font-family: Georgia, Tahoma, Verdana;  margin: 0px; padding: 20px; text-align:left;
    color: #c2c2c2; font-size: 32px; font-weight: normal; font-style: italic;  clear: both; }
#header h1 a, #header h1 a:link { color: #c2c2c2; }
#header h1 a:hover { color: #c2c2c2; text-decoration: none; }

#description  { font-family: Georgia, Tahoma, Verdana;  color: #c2c2c2; font-size: 12px; 
                margin: 10px 0px 0px 10px; padding: 0px; clear: both; text-align:left; }

#feed { text-align: right; margin: 0px 0px 10px 0px; font-size: 90%; }

/* -------------------- SEARCH -------------------- */
#searchform { height: 25px; line-height: 25px; padding: 0px 5px 20px 0px; margin: 0px; }
#searchform #s { font-size: 8pt; width: 160px; }
#searchform #submit { font-size: 8pt; }

input { color: #000000; border: 1px solid #284151; font-size: 10pt; padding: 3px; }
input#s { font-family: Arial, Verdana; color: #222; border: 1px solid #ccc; background: #fdc689; }

#searchbox { float: right; margin-top: -55px; margin-right: 10px; }
#searchbutton { margin-left: 3px; padding: 2px; }
#searchbox:searchcomments { color: #c2c2c2; }

.searchresult { margin-bottom: 20px; }
.searchresult a { font-weight: bold; }
.searchresult span.text { clear: both; display: block; margin: 3px 0px; }
.searchresult span.type { display: block; }
.searchresult span.url { color: #0072bc; }

.searchpage ul.paging{ list-style-type: none; margin:0px; margin-bottom: 20px; padding:0px;}
.searchpage ul.paging li{ display: inline; border: 1px solid gray; 
                          background: #f1f1f1; margin-right: 5px; }
.searchpage ul.paging li a { padding: 5px 8px; }
.searchpage ul.paging li.active { background: #f1f1f1; border: 1px solid black; }

/* -------------------- POST -------------------- */
h1 { font-family: Georgia, Verdana; font-weight: normal; font-size: 32px;
	 color: #000000; margin-bottom: 10px; }
h2 { color: #000000; font-size: 20px; font-family: Georgia, Verdana; 
     font-weight: normal; margin-bottom: 5px; }
h3 { color: #000000; font-size: 16px; font-family: Georgia, Verdana; margin-bottom: 5px; }
img.wp-smiley { border: 0px; padding: 0px; }
img { border: none; padding: 5px; }

#content { /* min-width: 362px; */ float: left; width: 600px; min-height:450pt; margin-left: 10px;
	       /* margin-right: 200px; */ /* line-height: 1.6em;  */ padding: 0px 10px 10px 10px; }
#content .postheader { text-decoration: none; }
/* #content .postheader:hover { color: #9d0a0e;  }  */
#content .posttext {padding: 2px 10px 2px 10px;/* font-size: 0.8em;  */ }
div .posttext {padding: 2px 10px 2px 10px;/* font-size: 0.8em;  */ }
#content .author { float: left; color:#666; }
#content .pubDate { float: right; color:#666; }
#content .postfooter { margin-top: 8px; border-bottom: 1px solid #DDDDDD; border-top: 1px solid #DDDDDD; }

.post { min-width: 542px; float: left; color: #000; margin: 5px auto; padding: 10px; text-align: left; }
.posthead { position: relative; clear: left; padding-bottom: 10px; }
.posthead h2 a { color: #f1f1f1; }
.posthead h2 a:hover { color: #f7941d; text-decoration: none; }

.postauthor { padding: 0px 0px 0 0px; margin: 0px; font-size: 10px; color:#666; }
.postdate { margin: 0px; position: absolute; top: 0px; left: 0px; text-align: center; padding: 0px 10px 6px 10px;}
.postdate small { font-size: 9px; color:#666; }

.navigation { width: 510px; float: left; color: #666; padding: 5px 6px 10px; }
.relatedposts { width: 520px; float: left; color: #666; margin: 5px auto; padding: 0 5px 5px 5px; }

.button { padding: 2px; }

/* -------------------- MENU -------------------- */
#menu { background: url(images/nav.jpg) no-repeat top center; height: 28px; 
        margin: 5px 10px 5px 10px; padding: 7px 5px 5px 5px; }
#menu a.apmlfilter { float:right; margin-right: 10px; 
	                 background:url(../../pics/apml.png) no-repeat left 1px; padding-left:16px }
#menu a.sharethisbutton { vertical-align: middle; padding-left:30px; }	                 
#menu ul { list-style: none; margin: 0px; padding: 0px; float: left; }
#menu ul li { display:inline; float: left !important; }
/* #menu ul li a.feed img { margin-right: 3px; margin-bottom: -2px; }  */
#menu ul li a, #menu ul li a:link, 
    #menu ul li a:visited { border-left: 0; color: #f1f1f1; float: left; 
                            display: block; text-decoration: none; padding: 0px 10px; }
#menu ul li a:hover, #menu ul li a:active { color: #f7941d; text-decoration: none; }

/* CONTENT ELEMENTS */


/*-------------------  Widgets  -------------------*/
.widgetzone{ padding: 0px; /* background: none; */ }
.widgetzone .clear{ clear: left; }
div.widget{ background: #FDFBEC; border: 1px solid Gray; text-align: left;
	        padding: 10px 15px; margin-bottom: 10px; z-index: 1; min-width: 1px; }
div.widget .content{ line-height: 16px; color: #666666; }
div.widget h4{ font-size: 15px; border-bottom: 1px solid Gray; padding-bottom: 5px; margin: 0;
	           margin-bottom: 5px; z-index: 0; color: #000000; letter-spacing: 1px; }
div.widget a.edit{ font-size: 10px; font-weight: normal; float: right; z-index: 1; }
div.widget a.move{ font-size: 10px; font-weight: normal; float: right; z-index: 1; }
div.widget a.delete{ font-weight: bold; color: #000000; float: right;
	                 margin-left: 5px; z-index: 1; text-decoration: none; }
div.widget a.delete:hover{ color: black; }

.widgetzone .widget ul { list-style-type: none; margin: 0px;
	                     padding: 0px; text-transform: capitalize; }
.widgetzone .widget ul li { margin-bottom: 3px; }
.widgetzone div#moveWidgetToContainer { text-align: right; margin: 3px; }
.widgetzone div.search { background: none; border: none; padding-left: 10px; }
.widgetzone img.rssButton { margin-right: 3px; }

/* SIDEBAR ELEMENTS */
/* #sidebar { float: right; width: 22%; max-width: 175px;
	       padding-left:10px; padding-right:10px; display: inline; }  */
#sidebar { float: right; width: 250px;
	       padding-left:10px; padding-right:10px; display: inline; }
#sidebar p { padding-bottom: 10px; border-bottom: 1px solid #DDDDDD; }
#sidebar ul { margin-left: 0px; padding-left: 0px; list-style-type: none; text-transform: capitalize; }
#sidebar a img { border: none; margin-right: 3px; }

#blogroll ul { margin-left: 0px; padding-left: 0px; list-style-type: none; }
#blogroll a img { border: none; margin-right: 3px; }
/* Beware the ugly tag */
#ctl00_ctl02_ulBlogroll ul { margin-left: 8px; padding-left: 8px; list-style-type: none; }

/* MONTHLIST ELEMENTS */
ul#monthList{ font-weight: bold; }
ul#monthList ul li{ margin-left: 20px; font-weight: normal; }
ul#monthList li.year{ cursor: pointer; }
ul#monthList ul{ display: none; }
ul#monthList ul.open{ display: block; }

/* FOOTER ELEMENTS */
#footer { margin-top: 20px; clear: both; padding: 0px 5px 0px 5px; text-align: center; }
#footer p { color: #000000; /* padding: 5px;  */ text-align: center; }

/* POST ELEMENTS */
#relatedPosts a { display: block; margin-top: 5px; margin-left: 10px; }

.comment { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD;
	       padding-top: 10px; margin-bottom: 10px; padding-bottom: 35px; }
.comment .date { text-align: right; margin: 0px; padding: 3px 0px; }
.comment .author { margin: 0px; text-align: left; padding-top: 3px; margin: 10px 0px 10px 0px; }
.self { background-color: #F5F5F5; }
.comment .gravatar { float: right; margin: 5px 5px 5px 5px; }
.comment .gravatar img { height: 80px; width: 80px; }
.comment .content { min-height: 85px; margin: 5px 0px 0px 5px; }
.commentForm { padding: 5px; }
.commentForm label { float: left; display: block; width: 80px; }
.commentForm input { width: 345px; }
.commentForm textarea { width: 100%; height: 150px; }
#commentPreview{display:none; clear:both;	min-height: 150px; }

/*-------------------  Archive  --------------------*/
#archive { padding: 10px; }
#archive a{ color: #F70; }
#archive h1 { margin: 0px; padding-bottom: 9px; }
#archive h2 { border-bottom: 1px solid silver; padding-bottom: 4px; font-size: 12px; margin-bottom: 10px; }
#archive h2 img { margin-right: 3px; }
#archive ul { list-style-type: square; margin: 0px 10px; padding: 10px; }
#archive ul li { margin-right: 20px; }
#archive table{ width: 100%; border-collapse: collapse; }
#archive table td, #archive table th{ text-align:left; }
#archive table td{ text-align:left; border-bottom: 1px solid #D8D8D8; padding: 2px 0px; }
#archive .date{ width: 70px; }
#archive .comments{ /*width: 70px;*/ text-align: center; }
#archive .rating{ /*width: 70px;*/ text-align: center; }

/*-------------------  Tag cloud  --------------------*/
.tagcloud { margin-bottom: 10px; white-space: normal; }
.tagcloud li { display: inline; }
.tagcloud a { margin-right: 3px; display: inline; }
.tagcloud a.biggest { font-size: 15px; }
.tagcloud a.big { font-size: 13px; }
.tagcloud a.medium { font-size: 11px; }
.tagcloud a.small { font-size: 10px; }
.tagcloud a.smallest { font-size: 9px; }

/*-------------------  Star rater  -------------------*/
.rating p { display: inline; position: relative; top: 14px; left: 55px; }

.star-rating { position: relative; width: 125px; height: 25px; overflow: hidden;
	           list-style: none; margin: 0px; padding: 0px; background-position: left top; }
.star-rating li { display: inline; }
.star-rating a, .star-rating .current-rating {
	position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px;
	line-height: 25px; outline: none; overflow: hidden; border: none; }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus { background-position: left bottom; }
.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5; }
.star-rating a.three-stars { width: 60%; z-index: 4; }
.star-rating a.four-stars { width: 80%; z-index: 3; }
.star-rating a.five-stars { width: 100%; z-index: 2; }
.star-rating .current-rating { z-index: 1; background-position: left center; }

/* smaller star */
.small-star { width: 50px; height: 10px; }
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, 
   .small-star .current-rating { background-image: url(../../pics/star_small.gif);
	                             line-height: 10px; height: 10px;  }

/*------------------  Contact page  --------------------*/
#contact { background: white; padding: 10px; }
#contact h1 { margin-top: 0px; }
#contact label { display: block; padding-top: 5px; }
#contact input.field { width: 200px; }
#contact textarea { display: block; overflow: auto; width: 75%; height: 150px; margin: 0px; }

/* code styles for CodeFormatter Extension*/
.csharpcode, .csharpcode pre  { font-size: small; color: black; background-color: #ffffff;
	            font-family: Consolas, "Courier New", Courier, Monospace; /*white-space: pre;*/ }
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt   { background-color: #f4f4f4; width: 100%; margin: 0em; }
.csharpcode .lnum { color: #606060; }

/*------------------  Syntax highlighter  -------------------*/
.code { font-size: 12px; color: black; font-family: Consolas, "Courier New", Courier, Monospace;
	    background-color: #F1F1F1; line-height: normal; }
.code p{ padding: 5px; }
.code .rem { color: #008000; }
.code .kwrd { color: #0000ff; }
.code .str { color: #006080; }
.code .op { color: #0000c0; }
.code .preproc { color: #0000ff; }
.code .asp { background-color: #ffff00; }
.code .html { color: #800000; }
.code .attr { color: #ff0000; }
.code .alt {	background-color: #f4f4f4; }
.code .lnum { color: #606060;}

/*------------------- XFN tags ---------------------*/
div.post .text a[rel] { padding-right:11px; background-repeat: no-repeat;
	                    background-position: right center;  }
div.post .text a[rel="me"] { background-image:url('../../pics/xfn/me.gif'); }

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .text a[rel~="contact"] ,
div.post .text a[rel~="acquaintance"],
div.post .entexttry a[rel~="friend"] { background-image:url('../../pics/xfn/contact.gif'); }

/*-------- [ Normal contacts youve met ]--*/
div.post .text a[rel~="contact"][rel~="met"] ,
div.post .text a[rel~="acquaintance"][rel~="met"] ,
div.post .text a[rel~="friend"][rel~="met"] { background-image:url('../../pics/xfn/contactMet.gif'); }

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .text a[rel~="colleague"] ,
div.post .text a[rel~="co-worker"] { background-image:url('../../pics/xfn/colleague.gif'); }
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .text a[rel~="colleague"][rel~="met"] ,
div.post .text a[rel~="co-worker"][rel~="met"] { background-image:url('../../pics/xfn/colleagueMet.gif'); }

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .text a[rel~="muse"] ,
div.post .text a[rel~="crush"] ,  
div.post .text a[rel~="date"] ,
a[rel~="sweetheart"] { background-image:url('../../pics/xfn/sweet.gif'); }

/*-------- [ ...and if youve met them thats even better ]--*/
div.post .text a[rel~="muse"][rel~="met"] ,
div.post .text a[rel~="crush"][rel~="met"] ,  
div.post .text a[rel~="date"][rel~="met"] ,
div.post .text a[rel~="sweetheart"][rel~="met"] { background-image:url('../../pics/xfn/sweetMet.gif'); }