/* Project: Dan Clay Blog

*  Copyright 2010 All Rights Reserved.

*  Structure of this document:

* 1) GLOBAL 2) LAYOUT 3) STYLES 4) NAVIGATION 



/* ***GLOBAL*** */



/*Initialize the browser's CSS Except for table structure*/

	@import url(reset.css);

	

	body {background: #0053b9 url(../images/back-container.jpg) repeat-y center; font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #363535; width:100%; }

	

	strong {font-weight: bold }

		

	h1 {font-size:38px; color: #004f87 }

	

	h2 {font-size:20px; color: #68bf0a }

	

	p { margin-bottom: 23px }

	

	a:link {text-decoration: none; color: #3183dc; outline; none }

	

	a:visited {color: #153e83; text-decoration: none; outline; none}

	

	a:hover {color: #4380e6}

	

	a:active {color: #4380e6}



/* ***END GLOBAL*** */







/* ***LAYOUT*** */



#shadow, #header, #outershell, #container, #shadow-bottom, #footer, .guarantee, .signup, .testimonials {margin: 0 auto }



#shadow {width: 100%; display: table; background: url(../images/back-body.gif) repeat-x center top; position:relative; }

#wrapper  {position: relative; background:transparent url(../images/back-shadow.jpg) no-repeat center top; }

#outershell  {width: 855px; position: relative; }



#container {width: 855px; background: transparent; padding: 55px 0 0; min-height: 357px; _height: 357px }



#content {padding: 0}



#left-col { padding: 0 0 0 9px; width: 600px }



#header {height: 205px }



#logo { position: absolute; top: 30px; left: 40px; text-indent: -99999px  }



#logo a { width: 275px; height: 125px; display: block; outline: none }



#shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 70px; width: 100% }



#optinbox { position: absolute; top: 230px; right: 35px; width: 266px }



#signupbox { background: url(../images/back-optin.jpg) no-repeat; height: 380px }



#signupbox form { position: absolute; top: 236px; right: 30px; border: none; width: 210px }

* html body #signupbox form { right: 37px }



#signupbox .textfield { background: transparent ; border: none; color: #010101; width: 190px; height: 20px; font-size: 11px; padding: 7px 10px 3px; }



.optin-submit {display:block; height:46px; margin: 6px -1px; text-indent:-9999px; width:213px;}



#video { margin: 0 10px 50px 0 }



#video-frame { background-color: #dedede; padding: 16px; width: 527px }



.testimonials { background-color: #84aed0; width: 887px }



.testimonials-frametop { background: url(../images/bak-testimonial-top.gif) no-repeat; width: 887px; height: 15px }



.testimonials-framebottom { background: url(../images/bak-testimonial-bottom.gif) no-repeat; width: 887px; height: 15px; clear: both }



.testimonials-left { width: 410px; padding: 60px 25px 35px; float: left; color: #353535 }



.testimonials-right { float: right; padding: 10px 30px 0 0 }



#footer { width: 855px; min-height: 211px; _height: 211px; background: url(../images/back-footer-shadow.gif) repeat-y center bottom; font-size: 11px; position: relative }



#footer-shadow {background: url(../images/back-footer.jpg) no-repeat center top }



#footer p {margin:0 }

#footer .footer-content {margin: 0 auto;  padding: 15px 50px 0; color: #fff; font-size: 12px; text-align:center }



#footer .footer-content strong {color: #fff }

#footer li {color: #FFF; float: left }

#copyright { position: absolute; bottom: 5px; margin: 0 auto; width: 833px; text-align: right; }

a#attribution:link, a#attribution:visited {color: #666 !important; background:none !important}

/* ***STYLES*** */

#left-col h1 { text-align:center; line-height: 38px }



#left-col h2 { text-align:center; font-style: italic; padding: 20px 0 35px 0px }



.recover {clear: both }



.guarantee, .signup {position: relative; margin-left:26px; margin-bottom: 35px; padding:25px 77px 25px 290px; width: 520px; height: 277px; color: #fff; font-size: 14px; background: url(../images/bak-guaranteed.jpg) no-repeat center top }



.signup { padding: 25px 380px 20px 60px; width: 447px; height: 282px; background: url(../images/bak-signup.jpg) no-repeat center top }



.guarantee p, .signup p { margin-bottom: 15px }



.guarantee a, .guarantee a:visited, .signup a, .signup a:visited { color: #04bde8 }



h1.quote, span.name { color: #002f55; font-size: 48px; padding-top: 25px }



h1.headline-blue24 { color: #04bde8; font-size: 24px; padding: 0; margin-bottom: 15px }



span.name { font-size: 30px }



span.text24 { font-size: 24px }



.trainer-name { font-size: 24px; float: left }



.trainer-email, .trainer-email a, .trainer-email a:visited { color: #04bde8; float: right; padding-top: 5px }



.leftalign {float: left }



.wide-col {clear: both; margin: 0 auto; width: 777px }



.txtcenter { text-align: center }



.container-body-med {margin:0 auto; width:550px }

	

ul.youwill li {font-size:16px; margin-left:30px }



/* ***END STYLES*** */









/* *** NAVIGATION *** */

#globalnav { position: absolute; width: 790px; padding-right:10px; top: 191px; right: 27px; height: 32px; color: #fff; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align: right; z-index: 100; background: url(../images/back-globalnav.gif) repeat-x }



#globalnav ul { float:left; margin:8px 0 0 10px }



#globalnav ul li.last, #footer ul li.last { border: none }		



#globalnav ul li { display: inline; padding: 4px 10px; background: url(../images/globalnav-divider.gif) no-repeat right center }



#globalnav a:link, #globalnav a:visited { color: #fff; font-weight:bold }



#sidebar a:link, #sidebar a:visited {font-weight: bold; color: #3c3b3b; font-size: 12px }



#footer ul { padding-bottom: 35px; display: block; list-style: none; width: 401px }



#footer ul li { padding: 0 5px; background:transparent url(../images/divider-footer-links.gif) no-repeat scroll right 5px;  height: 14px; margin: 0 0 8px 0 }



#footer a:link, #footer a:visited {color: #FFF; text-decoration: none; font-size: 12px; font-weight:normal !important }


#footer a:active, #footer a:hover {text-decoration: underline }



a.post-edit-link:link, a.post-edit-link:visited {font-size: 12px !important; color: #0c7ac7 }

.post h1 a:link, .post h1 a:visited {color: #0c7ac7; text-decoration: none; font-size: 26px; font-weight: normal; outline: none  }

.post a:link, .post a:visited { font-weight: bold  }

.editpost a:link, .editpost a:visited, .editpost a:hover {font-size:12px !important}

/* ***END NAVIGATION*** */





/* Start Blog */

#leftcontent {width:475px; padding: 0 0 0 40px; float:left; }

.post {border-bottom:1px solid #AAAAAA;float:left;margin-bottom:30px;padding-bottom:10px;width:100%;position:relative;}

#leftcontent .post h1 {color:#3f6ce0;}

#leftcontent h1 {font-size:24px; margin:0;padding:0;}

#login {background: transparent url(../images/login.png) repeat-x scroll 0 0; position: absolute; top: 0px; width: 100%; height: 20px; color: #e1e1e1; font-size: 11px }

#login ul {list-style: none; float: left; margin: 4px 0 0 10px }

#login li {float: left; margin-right: 15px }

#login li.dot {padding-left: 12px; background: url(../images/whitedot.png) no-repeat 0 2px; }

#login a:link, #login a:visited {color: #e1e1e1; font-size: 11px }



#content #sidebar {width: 281px; margin: 503px 30px 22px 0px;*margin-right:15px; float:right; }

/*#sidebar h2 {background: url(../images/back-sidebar-title.gif) no-repeat left top; padding: 0 0 6px 46px; color: #444; font-size: 18px; margin-bottom: 14px; width: 235px; text-align: right;color: #696969; font-family: verdana; font-size:22px; }

#sidebar ul {list-style: none; margin: 0 0 35px 0; width: 265px; list-style-position:inside; }

#sidebar li {background: url(../images/back-sidebar-link.gif) no-repeat left bottom; min-height: 28px; padding: 5px 0 0; margin: 0 0 8px 19px  }

*/

#sidebar h2 {background: url(../images/back-sidebar-title.gif) no-repeat left center; padding: 8px 39px 0 23px; color: #444; font-size: 18px; color:#fff;margin:0 0 12px;min-height:43px; _height:43px; width:210px; letter-spacing:0.02em; font-weight: normal }

#sidebar div ul {list-style-image:url(../images/icon-file.gif);margin:0 0 30px 35px;}

#sidebar div li {background: url(../images/back-sidebar-item.gif) repeat-x left bottom; width:203px; margin: 0 0 7px 0; padding: 3px 0 }

* html #sidebar li {padding: 5px 0 0 6px; margin: 0  }

*+html #sidebar li {padding: 5px 0 0 6px; margin: 0  }



#shadow #header-search {display: inline; width: 130px; right: 25px; top: 7px; margin: 0;  }

#shadow #header-search form {display: inline}

#shadow #header-search #s {border: 1px solid #666; background: #333; width: 120px; font-size: 11px; color: #ccc; margin:6px 13px 0 0; padding:2px 5px; }



.entry_title { margin: 0 0 10px;min-height:75px;}



.datemeta {float: left; width: 74px; height: 74px; text-align: right; background: url(../images/back-meta.gif) repeat-x }

#leftcontent .date {font-size: 36px; line-height: 48px; display: block; color: #fff; text-align: center; font-weight:bold }

.month-year {font-size: 11px; line-height: 26px; display: block; color: #fff; text-align: center; padding: 2px 0; font-weight: bold }

.entry_content {clear: both; margin: 15px 0 0 0; font-size: 12px; color: #4a4a4a }

.entry {clear: both; padding: 15px 0 0}

#leftcontent h1 {float: left; margin: 0px 0 0 13px; width: 370px; font-size: 28px; padding: 0px 15px 0 0 }

.editpost {display:block}



.comments-box {padding:0px 10px 0 15px; font-size:12px;}



/*.comments-box {background: url(../images/back-comment-bubble.jpg) no-repeat;display:block;height: 80px; padding:20px 10px 0 28px;position:absolute;width:98px; top:-5px; right: 0; }*/

*+html body .comments-box {margin-top: -60px}

* html body .comments-box {margin-top: -60px}

.comments-box a:link, .comments-box a:visited, .comments-box a:hover, .comments-box a:active {font-size:12px; color: #3C3B3B; font-weight:normal;}

.comment-feet {font-size:15px }

.posts {clear: both; padding: 10px 0 0 20px }

.side-widget {margin: 0 0 20px 0 }



.tag_cloud_widget {padding: 0 25px 0 10px;}



#content .tag_cloud_widget a:link, #content .tag_cloud_widget a:visited, #content .tag_cloud_widget a:active {font-weight:normal;}



#respond, .commentlist , #comments {margin: 0 0 0 14px }

#shadow .catheader {float: none }

.videome {margin: 0 0 0 20px}

.comment {border-bottom: 1px solid #ddd; margin: 0 0 9px 0 }

.comment p {margin-bottom: 5px }

#commentform #submit {background:#444 ;border:#333 #000 #000 #333;border-style:solid;border-width:1px;color:#fff;cursor:pointer;font-size:11px;padding:3px 6px;}

#comment {width:455px;background:#FFFFFF url(../images/textfield.gif) repeat-x center top;border:1px solid #a6a6a6;padding:2px 1px }

.postmetadata {background:#e8e8e8 none repeat scroll 0 0;border:1px dotted #aaa;padding:5px 10px;margin-top:15px}

.alignleft {float: left}

.alignright {float: right}

.aligncenter {text-align: center}

.post ul, .post ol {margin: 0 0 20px 40px }

.commentlist {list-style: none }

.commentlist li {lmargin:15px 0 3px;padding:5px 10px 3px }

.commentlist .alt {background-color:#ededed ;border-bottom:1px solid #ddd ;border-top:1px solid #ddd }

.commentlist p {margin:10px 5px 10px 0 }

.formfield {background:#fff url(images/textfield.gif) repeat-x center top; border:1px solid #a6a6a6;padding:2px 1px }

.comment-author, .comment-author a, .fn {font-weight: bold }

.postmeta {margin: 20px 0 0}



#am {display:none }

.readmore {display:block; margin:15px 0 }

/* End Blog */