/*
Theme Name: Membership Template
Description: The default theme
Version: 1.0
Author: Marcus Wickes
Author URI: http://jungledsales.com
*/

a { outline: none }
body { font: 12px/14px Arial, Helvetica, sans-serif; color: #333; text-align: center; margin: 0 auto; padding: 0; background-color: #4BAAC8; }
#header { background: #4caac7 url('images/topback.jpg') top left repeat-x; height: 130px; width: 100%; }
#headercontent { width: 900px; background: url('images/topbackcontent.jpg') no-repeat top left; height: 130px; margin: 0 auto; padding: 0; }
#logo { float: left; width: 597; height: 116px; padding: 10px 0 0 20px; }

#topright { float: right; padding: 0; margin: 0; }
#topright ul { list-style: none; padding: 20px 0 0 0; margin: 0; }
#topright li { padding: 0; display: block; float: left; }
#topright li.memberlogin a, #topright li.memberlogin a:link, #topright li.memberlogin a:visited, #topright li.logout a, #topright li.logout a:link, #topright li.logout a:visited, #topright li.help a, #topright li.help a:link, #topright li.help a:visited { display: block; }
#topright li.memberlogin a:hover img, #topright li.logout a:hover img, #topright li.help a:hover img { width: 100%; height: 100%; border: 0; }
#topright li.memberlogin a:hover img, #topright li.logout a:hover img, #topright li.help a:hover img { visibility: hidden; }
#topright li.memberlogin { height: 41px; width: 167px; background: url('images/member-login-on.png') no-repeat; }
#topright li.logout { width: 127px; height: 39px; background: url('images/logout-on.png') no-repeat; }
#topright li.help { width: 124px; height: 39px; background: url('images/help-on.png') no-repeat; }

#topmenu { height: 50px; width: 100%; background-color: #eee; border-top: solid 1px #fff; border-bottom: solid 1px #ddd; margin: 0 auto; padding: 0; }
#menucontent { background-color: #eee; width: 900px; height: 50px; margin: 0 auto; padding: 0; }
#menu { font: bold 14px/14px Arial, Helvetica, sans-serif; color: #666; margin: 0; padding: 0; }
#menu ul { list-style: none; text-align: left; float: left; height: 50px; padding: 0; margin: 0; }
#menu li { display: block; list-style: none; float: left; padding: 18px 14px; height: auto; }
#menu li a { float: left; color: #666; text-decoration: none; }
#menu li a:hover { text-decoration: none; color: #333; border-bottom: 1px dotted #333; }
#menuform { display: block; width: 290px; float: right; height: 50px; margin: 0; padding: 0; }
#menuform #button { float: right; }
#menuform .field { width: 244px; float: left; }

#wrapper { width: 100%; background-color: #fff; padding: 0; margin: 0; }
#page { width: 900px; margin: 0 auto; padding: 10px 0 20px 0; background-color: #fff; height: auto; overflow: hidden; }
#frontpage1 { width: 900px; margin: 0 auto; padding: 0 0 20px 0; background-color: #fff; height: auto; overflow: hidden; }
#content { margin: 0 auto; padding: 0 10px 10px 10px; height: auto; overflow: hidden; float: right; }

.narrowcolumn { float: right; padding: 0 0 20px 5px; margin: 0; width: 650px; }
.narrow { padding: 0 0 20px 5px; margin: 0 auto; width: 800px;  }
.widecolumn { padding: 10px 0 20px 0; margin: 0; width: 880px; }
.post { margin: 0; text-align: left; }
.post hr { display: block; }
.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
.widecolumn .attachment { text-align: center; margin: 5px 0px;}
.postmetadata { clear: both;}

#sidebar{ padding: 0 0 10px 0; width: 230px; float: left; text-align: left; }
#sidebar h2 { font: bold 16px/16px 'Lucida Grande', Verdana, Sans-Serif; background: url('images/navheader.jpg') top left no-repeat; width: 214px; height: 44px; color: #fff; padding: 12px 0 0 10px; }
#sidebar form { margin: 0; }

.clear { clear: both;}

#footer { padding: 0; margin: 0; width: 100%; height: 132px; background: #4caac7 url('images/footerback.jpg') top left repeat-x; color: #fff; }
#footercontent { margin: 0 auto; width: 900px; height: 132px; background: url('images/footerbackcontent.jpg') top left no-repeat; }
#footer p { margin: 0; padding: 26px 0; text-align: center; color: #fff; }
#footer a { color: #fff; }
#footer a:hover { text-decoration: none; }
#footercontent span.fine { font: 10px/13px Arial, Helvetica, sans-serif; }

#frontpage { font: normal 14px/18px Arial, Helvetica, sans-serif; color: #000; }
#frontpage h1 { font: bold 30px/35px Georgia, "Times New Roman", Times, serif; color: #dc0000; margin: 0 auto; text-align: center; }
#frontpage h2 { font: bold 18px/24px Verdana, Geneva, sans-serif; color: #000; margin: 0; text-align: left; padding-bottom: 5px; padding-top: 5px; }
#frontpage h3 { font: bold 14px/18px Verdana, Geneva, sans-serif; color: #000; margin: 20px auto 0; text-align: center; }
#frontpage h4 { font: bold 22px/28px Georgia, "Times New Roman", Times, serif; color: #dc0000; margin: 0 auto; text-align: center;  padding-top: 15px; padding-bottom: 5px; }
#graybtn { background: url('images/graybtn.jpg') bottom left repeat-x; padding: 20px 5px 5px 5px; font: bold 18px/18px Verdana, Geneva, sans-serif; border: 6px double #dedede; height: 34px; width: 400px; margin: 20px auto 0; text-align: center; }

#getkit { background: url('images/getkit.jpg') top left no-repeat; padding: 110px 10px 50px 25px; margin: 0; width: 237px; height: 340px; }
#getkit p { font: bold 13px/15px Arial, Helvetica, sans-serif; padding: 0 0 0 5px; }
#getkit .italic { font: normal 11px/13px Georgia, "Times New Roman", Times, serif; font-style: italic; }
#getkit ul, #continuebtn ul { list-style: none; padding: 0; margin: 0 auto; }
#getkit li.getkitbtn a, #getkit li.getkitbtn a:link, #getkit li.getkitbtn a:visited, #signupbox li.continuebtn a, #signupbox li.continuebtn a:link, #signupbox li.continuebtn a:visited { display: block; }
#getkit li.getkitbtn a:hover img, #signupbox li.continuebtn a:hover img { width: 100%; height: 100%; border: 0; }
#getkit li.getkitbtn a:hover img, #signupbox li.continuebtn a:hover img { visibility: hidden; }
#getkit li.getkitbtn { height: 106px; width: 240px; background: url('images/getkitbtnon.png') no-repeat; }
#signupbox li.continuebtn { height: 121px; width: 240px; background: url('images/continue-on.png') no-repeat; margin: 0 auto; text-align: center; }
#center { margin: 0 auto; text-align: center; }
.blue2 { color: #006699; }

#timer { margin: 20px auto; text-align: center; }
.txtbox { border: 0px solid #696969; padding: 4px; margin: 0; font-size: 24px; font-weight: bold; text-align: center; width: 150px; }

#whitecontainertop { background: url('images/whitecontainertop.jpg') top left; width: 799px; height: 52px; margin: 0 auto; padding: 0; }
#whitecontainerbottom { background: url('images/whitecontainerbottom.jpg') top left; width: 799px; height: 57px; margin: 0 auto; padding: 0; }
#whitecontainer { border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3; height: auto; width: 734px; margin: 0 auto; padding: 0 20px 15px 20px; text-align: left; }
#whitecontainer ul { list-style: none; }
#whitecontainer li { background: url('images/check-bullet.jpg') 0 10px no-repeat; padding-left: 40px; font: normal: 18px/24px Arial, Helvetica, sans-serif; padding-top: 10px; padding-bottom: 5px; margin: 0 0 0 -20px; }

#quiz { background: url('images/quiz.jpg') top left no-repeat; margin: 5px auto; width: 797px; height: 367px; font: 14px/18px "Courier New", Courier, monospace; }
#quiz ul { list-style: none; padding-top: 80px; margin: 0; padding-left: 30px; }
#quiz li { background: url('images/x-bullet.jpg') 0 0 no-repeat; padding: 2px 0 10px 30px; margin: 0; }

#news { float: right; padding: 10px 0 10px 10px; width: 265px; clear: both; }
#newsboxtop { background: url('images/heardthenews.jpg') top left no-repeat; width: 253px; height: 69px; padding: 0; margin: 0; }
#newsbox { width: 227px; padding: 12px; border-top: 1px solid #188eb3; border-left: 1px solid #188eb3; border-right: 1px solid #188eb3; border-bottom: 5px solid #188eb3; background-color: #F4FAFF; font: 13px/15px Arial, Helvetica, sans-serif; }
#newsbox span { font-weight: bold; color: #dc0000; }
#newsbox img.quote { float: left; padding: 5px 10px 3px 0; width: 21px; height: 16px; }
#newsbox img.source { float: right; padding: 6px 0 10px 0; }
#largenewstop { background: url('images/surface.jpg') top left no-repeat; width: 592px; height: 54px; padding: 0; margin: 0 auto; }
#largenewsbox { width: 566px; padding: 12px 12px 0 12px; border-top: 1px solid #188eb3; border-left: 1px solid #188eb3; border-right: 1px solid #188eb3; border-bottom: 5px solid #188eb3; background-color: #F4FAFF; font: 17px/22px Arial, Helvetica, sans-serif; margin: 0 auto; }
#largenewsbox img.quote { float: left; padding: 5px 15px 6px 0; width: 33px; height: 25px; }
#largenewsbox img.source { float: right; padding: 10px 0 0 0; }

#infobox { width: 566px; padding: 12px 12px 0 12px; border-top: 5px solid #188eb3; border-left: 1px solid #188eb3; border-right: 1px solid #188eb3; border-bottom: 5px solid #188eb3; background-color: #F4FAFF; font: 17px/22px Arial, Helvetica, sans-serif; margin: 30px 0 10px 0;  }

#signupbox { width: 700px; padding: 10px 30px 30px 30px; margin: 20px auto 40px; border: 5px dashed #d90000; background-color: #ffc; }
#checks ul, #signupbox ul { list-style: none; padding: 0; margin: 0; }
#checks li { background: url('images/check-bullet-lrg.gif') 0 50% no-repeat; padding-left: 50px; font: 15px/18px Arial, Helvetica, sans-serif; padding-top: 15px; margin: 0; }
#checks li span { font: bold 26px/26px Impact, Verdana, Geneva, sans-serif; color: #E60000; padding-right: 5px; }
#terms { font: normal 10px/12px Arial, Helvetica, sans-serif; color: #666; padding-top: 5px; }

.backtotop { background: url('images/backtotop.gif') top left no-repeat; padding-left: 20px; text-align: center; margin: 0 auto; }
.lighthighlight { background-color: #ffc; }
.highlight { background-color: #ff0; }
.red { color: #fd0000; }

#leftsales { float: left; width: 610px; padding-right: 5px; }
#rightsales { float: right; width: 265px; }

.white { width: 100%; padding: 10px; }
.gray { width: 100%; padding: 10px; background-color: #efefef; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

#video { padding-left: 60px; height: auto; overflow: hidden; background: url('images/video-icon.png') top left no-repeat; }
#video h3 {  }

.thread-alt { background-color: #f8f8f8;}
.thread-even { background-color: white;}
.depth-1 {border: 1px solid #ddd;}
.even, .alt { border-left: 1px solid #ddd;}

small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
h1, h2 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; }
h1 { font-size: 4em; text-align: center; }
h2 { font-size: 1.6em; }
h2.pagetitle { font-size: 1.6em; }
h3 { font: bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; padding: 0; margin: 0; }
h2, h3 { color: #333; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }

.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist li ul li { font-size: 1em;}
.commentlist li { font-weight: bold;}
.commentlist li .avatar {  float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps{ font-size: 0.9em; letter-spacing: .07em; }
a, h2 a:hover, h3 a:hover { color: #06c; }
h2 a:hover, h3 a:hover { text-decoration: none; border-bottom: 2px dotted #06c; }
a:hover { color: #147; text-decoration: underline; }

.linklove { display: none; }

h2.pagetitle { margin-top: 30px; text-align: center;}
h3.comments { padding: 0; margin: 40px auto 20px ; }

p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
/* End Images */


/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; }
#respond:after { 	content: ".";      display: block;      height: 0;      clear: both;      visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li {  margin-right: -5px; margin-left: 10px;}
.commentlist p { margin: 10px 5px 10px 0;}
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */


/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -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 { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}
/* End captions */