@import url("productpage.css");
/*

Theme Name: WordPress Theme Customization
Theme URI: http://www.tentonbooks.com
Description: A great starting point for customizing your own WordPress theme.
Version: 1
Author: Geoff Blake
Author URI: http://www.tentonbooks.com

	Light Gray: #E6E6E6
	Ten Ton Green: #7AB32E
	Yellow: #FFFFCC

*/

/*////////// RESET //////////*/

* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
html, body { height: 100%; }
body { font-size: 11px; font-family: Verdana, sans-serif; color: #000; background: #E6E6E6; }
ul { list-style: square inside; }
ol { list-style: decimal inside; }
a { outline: none; text-decoration: none; color: #000; }
a img { border: none; }
img { }
table { border-collapse: collapse; }
#sidebar ul { list-style: none; }
#sidebar li { list-style: none; }

/*////////// UTILITY //////////*/

.floatLeft { float: left; margin-right: 5px;}
.floatRight { float: right; margin-left: 5px; }
.clear { clear: both; }
.button { border: 1px solid #272727; background: #7AB32E; padding: 2px 8px; color: white; margin: 5px 0px 5px 5px; font-weight: bold; text-decoration: none;}
.button:hover { color: #000; text-decoration: none;}
.field, .mc_input { padding: 3px; margin-right: -5px; border: 1px solid #000; background: #E6E6E6; }

/*////////// STRUCTURE //////////*/
#master { width: 960px; margin: 0px auto -250px; min-height: 100%; height: auto !important; height: 100%; border-left: 1px solid black; border-right: 1px solid black; padding: 5px; background: white;}
#push { height: 250px; }
#header { height: 80px; border: 1px solid black; overflow: hidden; clear: both;}
#menu { height: 19px; border: 1px solid black; margin-top: -1px; overflow: hidden;}
#menu ul li { display: inline; }
#main { width: 700px; float: left; min-height: 500px; margin-top: 5px;}
#sidebar {width: 253px; min-height: 2000px; float: right; }
#footer {margin-top: 5px; height: 100px; text-align: center; font-size: 9px; border-top: solid 1px #E6E6E6; padding-top: 5px;} 

/*header*/
h1.logo, p.logo {text-indent: -9999px;}
.logo {margin-top: -20px;}
#Community {height: 30px; border: 1px solid #000000; margin-top: 5px; overflow: hidden;}
#headerlogin {float: left; margin-top: 15px; background: #FFFFCC; border: 1px dashed #666; padding: 5px; margin-bottom: 5px;}
#headerlogin li {display: inline;}
#headerlogin a {text-decoration: underline; }
#search {float: right; margin: 10px 0px 0px 1px;}
#login {float: left; background: red;}
#header img {margin-top: 10px;}
#testimonial1 {font-style: italic; width: 690px; float: left; margin-left: 3px; margin-top: 7px; color: #333;}
#testimonial2 {font-style: italic; width: 690px; border:1px dashed #666666; background: #FFFFCC; padding: 5px; margin-bottom: 5px; color: #333;}
#testimonial1 a, #testimonial2 a, #testimonial3 a, #testimonial4 a {color: #333;}
#testimonial3 {font-style: italic; border:1px dashed #666666; background: #FFFFCC; padding: 5px; margin: 5px 0px; color: #333;}
#testimonial4 {font-style: italic; border:1px dashed #666666; background: #FFFFCC; padding: 5px; margin: 5px 0px; color: #333;}


/*index product area*/
#ProductTop { height: 280px; width: 695px; border: 1px solid #000000; padding: 5px 0px 0px 5px; margin-bottom: 5px; overflow: hidden; }
.Shop {height: 430px; width: 131px; float: left; margin-top: 5px; }
.ShopBorder {border-left-width: 1px; border-left-style: dashed; border-left-color: #E6E6E6;}
#Shop .Shop h1, #ProductTop .TopProductBox h1, .Product h1 {color: #000000; font-size: 12px; text-align: left; padding-left: 5px; margin-top: -70px; line-height: 12px; padding-top: 70px;}
#Shop .Shop h2, #ProductTop .TopProductBox h2 { color: #7AB32E; padding-left: 5px; font-size: 11px; line-height: 12px; text-align: left; }
#Shop .Shop li {color: #000000; font-size: 9px; list-style-type: disc; list-style-position: outside; margin-left: 10px; margin-bottom: 5px; }
.ShopBig {font-size: 15px; display: block; }
#Shop h1 a { color: #000000; }
.TopProductBox {height: 300px; width: 170px; float: left; border-left-width: 1px; border-left-style: dashed; border-left-color: #CCC; padding-left: 3px; padding-top: 5px; }
.TopProductSpacer {	margin-top: 10px; margin-bottom: 10px; }
.TopProductBox-NoBorder { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#ProductTop p {	text-align: left; font-size: 11px; padding-left: 5px; padding-right: 5px; margin-bottom: 2px; margin-top: 2px; }
#ProductTop a, .Product h1 a {	text-decoration: none; }
#Share { height: 35px; width: 700px; }

.Product { float:left; height:390px; padding-left:1px; padding-top: 30px; margin-top: 10px; width:170px; border-top: dashed 1px #666;}
.post .Product img {border: none; }

/*post*/
.post { min-height: 200px; border: 1px solid #000; margin-right: -2px; margin-bottom: 5px; padding: 0px 5px 5px 5px; line-height: 18px;}
.post h2 { text-align: left; border-bottom: 1px solid #000; background-image: url(http://www.tentonbooks.com/images/BG_Gradient.jpg); margin: 0px -5px 5px -5px; padding: 0px 5px 0px 5px; font-size: 14px; }
.post a {text-decoration: underline; }
.post p a input.button {text-decoration: none; }
.post h2 a {text-decoration: none; }
.date {font-size: 9px; color: #999; margin-bottom: 5px;}
.postmetadata {font-size: 9px; color: #999; margin-top: 10px; text-align: right;}
.postmetadata a {color: #7AB32E;}
.post p {margin-bottom: 10px;}
.micro {font-size: 9px;}
.micro a {text-decoration: underline;}
#post-3 {min-height: 500px;}
#post-3 ul { list-style: none;}
.post img {border: solid 1px #E6E6E6;}
.entry img.floatLeft {margin-right: 5px;}
.entry img.floatRight {margin-left: 5px;}
img.noborder {border: none;}
.List_Subtext {margin-left: 10px;}
.post ol {text-indent: -20px; margin-left: 20px;}
#disqus_thread h3 { background-image: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#disqus_thread { border: 1px solid #000; padding: 5px; margin-top: 5px; width: 690px;}
#main ul {list-style: disc outside; margin-left: 20px; }
#main li {margin-bottom: 5px; line-height: 18px;}

/*sidebar*/
#Brand { border: 1px solid #000; margin-left: 0px; overflow: hidden; height: 270px;}
#WorkTogether {	margin-top: 5px; padding-bottom: 5px; }
#SidebarVideo {	height: 190px; border: 1px solid #000; overflow: hidden; background-color: #000; margin-bottom: 5px;}
#Videos { width: 122px; border: 1px solid #000; float: left; overflow: hidden; }
#Articles { width: 122px; border: 1px solid #000; margin-left: 5px; float: left; overflow: hidden; margin-bottom: 5px;}
#TenTonTV {	height: 220px; border: 1px solid #000; overflow: hidden;clear: both; margin-bottom: 5px;}
#Twitter { width: 251px; height: 385px; background-color: #ccc; border: 1px solid #000; overflow: hidden; margin-top: 5px;}
.welcomeback {font-size: 14px; font-weight: bold;}
.heya {font-style: italic; margin: -5px 0px -10px 0px;}
.widgettitle { font-size: 14px; margin: 5px 0px 5px 0px;}
ul.login li {margin-bottom: 5px;}
#TenTonTV h1, #VideosArticles h1, #random-posts-widget h2, #Shop h1.Title { background-image:url("http://www.tentonbooks.com/images/BG_Gradient.jpg"); border-bottom:1px solid #000; font-size:11px; padding-left:5px;
text-align:left; }
#TenTonTV p, #VideosArticles p {border-top:1px dashed #CCC; font-size:9px; padding-left:5px; }
#Shop { border:1px solid #000; height:490px; margin-top:5px; width:251px;}
.twtr-widget h3 {background-image: none;}
.mailchimpSF_display_widget {background: #FFFFCC; border: 1px dashed #666; margin-bottom: 5px; padding: 5px;}
#random-posts-widget {border: solid 1px #000; }
#random-posts-widget li {margin-bottom: 5px; padding: 0px 5px;}
#random-posts-widget h2 { margin-top: 0px;}
#ws_plugin__s2member_pro_login_widget-3 {background:none repeat scroll 0 0 #FFFFCC; border:1px dashed #666666; margin-bottom:5px; margin-top: 5px; min-height:125px; padding:5px;}

/*footer*/
#footer a {text-decoration: underline;}
#flickr { width: 314px; background: red; float: left; border: 1px solid #000;}
#resources { width: 314px; background: green; float: left; margin-left: 5px; border: 1px solid #000;}

/*individual pages*/
#Partner-WorkedIn {	background-color: #e6e6e6; padding: 5px; float: right; margin-left: 10px; border: 1px dashed #999; width: 201px; }
#Partner-ChapterSponsor { background-color: #e6e6e6; float: left; border: 1px dashed #999; padding: 5px; margin-right: 10px; width: 112px; }
.Partner-img  { border: 1px solid #000; }
.Partner-Caption { font-size: 9px; margin-bottom: 0px; margin-bottom: 5px; }

/*category & search pages*/
.category h3 { border: 1px solid #000; background-image: url(http://www.tentonbooks.com/images/BG_Gradient.jpg); margin: 0px 0px 5px 0px; padding: 0px 5px 0px 5px; font-size: 14px; width: 690px;}
.ArchiveParagraph { border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; margin: -5px 0px 5px 0px; padding: 5px 5px 10px 5px; width: 690px;}
.category h2 {background: none; border: none; font-weight: normal; padding-top: 10px; text-decoration: underline;}
.search .post, .category .post {min-height: 50px;}


/*////////// ONLINE TRAINING //////////*/
/*get your training online page*/
.subscription {background:#FFFFCC; border:1px dashed #666; margin-top:20px; margin-bottom:20px; padding:5px; width: 300px; float: left; }
.subscription h1 {font-size: 13px; margin: -10px 0px 15px 5px;}
.subscription p {margin-top: 15px;}
.subscription img {margin-top: -30px; margin-left: 3px;}

/*sign up page*/
.paypalform .s2member-pro-paypal-form-description-div {font-family: Verdana, sans-serif; font-size: 11px;}
.paypalform input {padding: 3px; margin-right: -5px; border: 1px solid #000; background: #E6E6E6;}
.paypalform .s2member-pro-paypal-form-section-title {font-family: Verdana, sans-serif; border-bottom: dashed 1px #666; margin-left: 3px; padding-bottom: 0px;}
#s2member-pro-paypal-checkout-submit.s2member-pro-paypal-checkout-submit {border: none; background: none;}
#s2member-pro-paypal-checkout-submit.s2member-pro-paypal-checkout-submit {border: 1px solid #272727; background: #7AB32E; padding: 2px 8px; color: white; margin: 5px 0px 5px 5px; font-weight: bold;}

/*profile page*/
.info {float: left; width: 385px; margin: 10px 0px 10px 15px;}
.manage {background: #FFFFCC; border: 1px dashed #666; margin: 10px 0px 10px 10px; padding: 10px; width: 250px; float: left;}

/*training summary page*/
.summary {height: 380px; margin-bottom: 10px;}
.summaryboxart, img.lesson {float: left; margin: 0px 10px;}
.summaryinfo {padding-top: 35px; margin-left: 10px; }
.summaryinfo h4 {font-size: 14px; margin-bottom: -10px;}
h2.categoryname {border: none; background-image: none;}
.img.lesson {margin-left: 45px;}

/*individual course's main page*/
.CourseOutline-Column li {margin-bottom: 8px; padding-left: 5px; margin-left: 5px; text-indent: 0px !important; list-style-position: outside;}
.CourseOutline-Column li a:hover, .CourseOutline-Column li a:visited {color: #666;}
#bonuslessons, #resources {background: #FFFFCC; border: 1px dashed #666; padding: 5px; margin: 20px 0px; text-transform: none; width: 300px; }
#bonuslessons h1 { margin-top: 0px; }
#resources h2 {background-image: none; border: none;}
.CourseOutline-Column img.noborder {margin-left: 40px; margin-top: 20px;}

/*course's individual lessons*/
#lesson { width: 958px; float: left; min-height: 500px; margin-top: 5px; padding: -5px 0px 0px -5px;}
#lessonnavigation {background: #FFFFCC; border: 1px dashed #666; padding: 5px; width: 500px; margin: 5px auto 0px auto; text-align: center; width: 935px; margin-bottom: 10px;}
#footer_lessons {margin-top: 5px; height: 100px; }
#lesson #disqus_thread {width: 937px; border: none;}
#lesson .yarp {visibility: hidden;}
#lessonnavigation li {list-style: none; display: inline; }

#ws-plugin--s2member-profile-email { border: 1px solid #272727; background: #7AB32E; padding: 2px 8px; color: white; margin: 5px 0px 5px 5px; font-weight: bold;}


/*widget after users login*/
.ws-plugin--s2member-pro-login-widget-profile-summary-name {font-style: italic; margin-bottom: 20px;}

#ws-plugin--s2member-profile-email { border: 1px solid #272727; background: #7AB32E; padding: 2px 8px; color: white; margin: 5px 0px 5px 5px; font-weight: bold;}

#username { width: 165px; }
#password { width: 165px; margin-left: 4px;}
#button { width: 100px; margin: 0px 0px 0px 25px;}
.ws-plugin--s2member-pro-login-widget-remember-me {float: left; }
#remember {margin-top: 5px; margin-left: 15px;}
.ws-plugin--s2member-pro-login-widget-username {margin-top: 10px;}
.ws-plugin--s2member-pro-login-widget-lost-password {text-align: right; margin-top: 5px;}
#ws_plugin__s2member_pro_login_widget-3 h2.widgettitle {text-decoration: none; margin-top: 0px; font-weight: bold;}
#ws_plugin__s2member_pro_login_widget-3 a {text-decoration: underline;}