/*------------------------------------------------------------------------



Theme Name:    PatrickJMT Version 2.1



Theme URI:     http://patrickjmt.com



Description:   Just Math Tutorials



Version:       2.1



Author:        Jonathan Butterworth



Author URI:    http://thedesignshaman.com



------------------------------------------------------------------------*/







/* main */







html { color: #333; background-color: #171717 !important; }



html .clear { padding-top: 2em; }







/* anchors */







a { color: #28a; }







/* paragraphs */







p.compact { line-height: 1.2em; }







/* font modifications */







h1, h2, h3, #brief a, .posttop .date, .button, .buttond { font-family: Myriad Pro, Trebuchet MS, Arial, Sans-Serif; }



h1, h2, h3, h4, #brief a { letter-spacing: -1px; font-weight: 800; }







/* top */



#shop-bar {height: 30px; background-color: #f7f7f7; border-bottom: 1px solid #ccc;}



#top { height: 70px; background: transparent url('img/banner_repeat.jpg') repeat-x top; padding-bottom: 10px; }



#logo {margin-top: 1px;}



#nav { list-style: none; padding: 0px; margin: 0px; }



#nav li { float: left; }



#nav li a { display: inline-block; height: 70px; line-height: 70px; font-weight: 800; color: #333333; padding: 0px 22px; text-shadow: rgba(0,0,0,0.1) 0px -1px 1px; }



#nav li a:hover, #nav li.current_page_item a { color: #666666; }



.thinkwell {}



.thinkwell a {background-image: url("img/thinkwell-button.png"); float: right; height: 40px; margin-top: 15px; text-indent: -99999px; width: 120px;}



.thinkwell a:hover {}



#nav-shop { list-style: none; padding: 0px; margin: 0px; }



#nav-shop li { float: left; }



#nav-shop li a { display: inline-block; font-weight: 800; color: #333333; padding: 0px 22px; text-shadow: rgba(0,0,0,0.1) 0px -1px 1px; margin-top: 3px;}



#nav-shop li a:hover, #nav li.current_page_item a { color: #666666; }



/* intro */







#intro { position: relative; height: 190px; z-index: 100; }



#intro .clear { padding: 0px; }







#brief {margin-top: 10px;}



#brief h1, #brief h2 { color: #000000; margin-bottom: 20px; }



#brief h1 { font-size: 45px; white-space: nowrap; text-shadow: rgba(0,0,0,0.1) 3px 5px 5px; }



#brief h2 { font-size: 22px; line-height: 30px; font-weight: 400; }







#brief a.signup, #brief a.more { display: block; float: left; height: 58px; line-height: 54px; width: 230px; text-indent: -20px; background: transparent url('img/brief_bg.png') no-repeat right center; text-align: center; color: #3d3c3c; font-weight: 800; font-size: 24px; text-shadow: White 0px 1px 0px; }



#brief a.signup { background-position: left center; text-indent: -35px; }



#brief a:hover { color: #222; }



#brief a:active { color: #444; }



.fb-root1 {float: right; width: 50px;}



.gcode {float: right; width: 50px;}



.likebuttons {display:inline; float: right; margin-top: -40px;}



.likebuttons-side {margin: 40px 150px 40px 0; display:inline; float: left;}







#slides img { position: absolute; height: 171px; width: 349px; visibility: hidden; margin-left: 50px;}



#slides img.active { visibility: visible; z-index: 999; }



#slides img.pre-active { z-index: 998; }







/* path */







#path { height: 40px; line-height: 40px; width: 940px; margin: 0px auto; background: transparent url('img/path_bg.png') no-repeat left top; text-indent: 2em; color: #eee; }



#path a { color: White; font-weight: 800; }



#path h1 { font-size: 1em; display: inline; font-weight: 400; letter-spacing: 0px; }







/* content */







#content { background: #f7f7f7 url('img/content_bg.png') repeat-x top; }







#content .container_12 { padding-top: 3em; }



#content p.compact { color: #555; }







#index #content .container_12 { padding-top: 20px; }



#index #content .text { width: 360px; }







a.list {padding:0 0 0 17px; background-image: url("img/arrow.png"); background-position: 0 2px;}



/* book promo */



#book-promo {

width: 400px;

height: 200px;

margin: 0 auto;

}



#book-promo .bpleft {float: left;}



#book-promo .bpright {float: right; margin-top: 40px;}



.bp {text-align: center;}



#book-promo .button {

width: 100px;

margin: 0 auto;

padding: 8px 30px;

color: #3d3c3c;

}



/* multi column lists */







.columns { 



margin-right: 0;



/* the proper rules ready for future */ 



column-count: 3; 



column-gap: 20px; 







/* Moz/Firefox rules */ 



-moz-column-count: 3; 



-moz-column-gap: 20px; 







/* Safari & Chrome rules */ 



-webkit-column-count: 3; 



-webkit-column-gap: 20px; 



} 











/* newsline */







#newsline { height: 55px; overflow: hidden; background-image: url('img/newsline_bg.png'); margin-bottom: 2em; }



#newsline p { color: #666; margin-left: 7em; margin-top: 0.4em; line-height: 56px; }



#newsline a { color: #666 !important; }



#newsline strong { margin-right: 0.5em; }







/* footer */







#foot { padding-top: 4em; background-color: #171717; color: #888; border-top: solid 1px black; }







#foot a, #foot h4 { color: White; }



#foot p strong { font-weight: 400; color: White; }







/* footer formatting */







#foot .formatted p { line-height: 1.2em; }



#foot .formatted a:after { content: " »"; }



#foot .formatted ol, #foot .formatted ul { list-style: none; margin: 0px; }







/* portfolio */







#folio .item { width: 300px; background: url('img/item_bg.png') no-repeat; }



#folio .item:hover { background-position: top right; }







#folio .item img { display: block; width: 266px; height: 150px; margin: 18px 17px 30px 17px; }



#folio .item img:hover { opacity: 0.8; }







#folio .item p, #folio .item h4 { margin: 17px; color: #666; letter-spacing: 0px; }



#folio .item h4 a { color: #666 !important; font-weight: 800; }







#folio #filter { display: none; }



#folio #filter .placeholder { background-color: #eee; padding: 1.5em; }







#folio #filter a { margin-left: 0.5em; text-transform: uppercase; color: Black; }



#folio #filter a.active { font-size: 1.5em; }







/* post */







.post, .postbody { background: White url('img/post_bg.png') repeat-y center; }



.post { margin-bottom: 2.5em; }







.posttop, .postfoot { background: url('img/post_bg.png') no-repeat left top; clear: both; }



.posttop { height: 3.5em; position: relative; }



.postfoot { height: 2em; background-position: right bottom; }







.postbody { margin: 0px 42px; }



.postbody h2 { margin-bottom: 1em; }



.postbody h2 a { font-weight: 800; color: #333; }







.postinfo { color: #999; }



.postinfo strong, .postinfo a, .postinfo a:hover { font-weight: 800; color: #333; }







.postmeta { background: #f7f7f7 url('img/postmeta_bg.png') repeat-x top; overflow: hidden; height: 5em; }



.postmeta .left, .postmeta .right { margin: 1.5em 0.5em; padding-left: 2em; background: url('img/postmeta_sprites.png') no-repeat left top; white-space: nowrap; }



.postmeta .right { background-position: left bottom; }



.postmeta strong { margin: 0px 0.5em; }



.postmeta a { color: #666; }



.postmeta a:hover { color: #333; }







.postmeta2 { background: url("img/postmeta_bg.png") repeat-x scroll center bottom #F7F7F7; padding-bottom: 10px;}



.postmeta2 .left, .postmeta2 .right { margin: 1.5em 0.5em; padding-left: 2em; background: url('img/postmeta_sprites.png') no-repeat left top; white-space: nowrap; }



.postmeta2 .right { background-position: left bottom; }



.postmeta2 strong { margin: 0px 0.5em; }



.postmeta2 a { color: #666; }



.postmeta2 a:hover { color: #333; }







#content .postmeta2 li {border: 0px; line-height: 18px; font-size: 14px;}







/* wide page */







#widepage .post, #widepage .postbody, #widepage .posttop, #widepage .postfoot { background-image: url('img/widepage_bg.png'); }







/* post label */







.posttop label { position: absolute; top: 40px; left: -53px; width: 57px; height: 100px; background: url('img/label_bg.png'); }



.posttop strong { position: absolute; text-shadow: rgba(0,0,0,0.2) 0px 1px 1px; }



.posttop .date { color: White; font-size: 34px; letter-spacing: -2px; top: 11px; width: 57px; text-align: center; }



.posttop .month { color: #999; font-size: 15px; letter-spacing: 4px; top: 36px; left: 13px; font-weight: 400; }



.posttop .comments { color: White; top: 73px; left: 28px; letter-spacing: -1px; width: 22px; text-align: center; }







/* inside post */







.postbody p span { background-color: #ffe; }



.postbody img { border: 0px; padding: 10px; }



.postbody a:hover img { border-color: #ddd; }



.postbody img.filled { width: 516px; }



.postbody blockquote { background: url('img/blockquote_bg.png') no-repeat left 0.5em; }



.postbody blockquote p { margin: 0px; }







/* post discussion */







#thread { list-style: none; margin: 1em; padding: 0px; }



#thread li div.comment-body { height: 1% /*ie fix*/; z-index: 1; position: relative; border: solid 1px #ddd; background-color: #fdfdfd; margin: 3em 0px 4em 0px; padding: 1em 28px 0em 28px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }



#thread li.bypostauthor div.comment-body { background-color: #fff; border-color: #ccc; }







#thread ul.children { margin-right: 0px; margin-left: 0px; padding-left: 2em; border-left: solid 1px #ddd; opacity: 0.9; }



#thread ul.children li.comment { list-style: none; }







#thread li div.comment-author { font-style: italic; height: 42px; line-height: 42px; }



#thread li div.comment-author img { position: absolute; height: 40px; width: 40px; right: 20px; bottom: 0px; margin-bottom: -20px; }



#thread li div.comment-author cite { font-size: 1.2em; }







#thread li div.comment-meta, #thread li div.reply { position: absolute; z-index: 9; right: 73px; bottom: 0px; margin-bottom: -25px; }



#thread li div.comment-meta a, #thread li div.reply a { color: #666; font-size: 0.8em; font-style: italic; text-shadow: #000 0 0 0; }



#thread li div.reply { right: 26px; margin-bottom: -40px; }







/* sidebar */







#sidebar { width: 270px; float: right; color: #666; padding-bottom: 1em; }



#sidebar h4 { margin-top: 1em; letter-spacing: 0px; }



#sidebar ul { margin: 0px; padding: 0px; list-style: none; }



#sidebar li a { height: 2.5em; color: #666; padding-left: 18px; white-space: nowrap; line-height: 36px; display: block; background: url('img/sidebar_bg.png') no-repeat center bottom; }



#sidebar li a:hover { background-position: center top; }







/* form elements */







.button { padding: 5px; border: solid 1px #ccc; background: url('img/button_bg.png') repeat-x top; font-size: 1em; cursor: pointer; text-align: center; color: #3d3c3c; font-weight: 800; text-shadow: White 0px 1px 0px; }



.button:hover { color: #222; }



.button:active { color: #444; }







.buttond {



    padding: 5px 10px;



	margin: 2px;



    font-size: 1em;



	text-align: center;



	text-shadow: 0 1px 1px #333333;



	-webkit-box-shadow: 0 0 3px #CCCCCC;



	-moz-box-shadow: 0 0 3px #CCCCCC;



	box-shadow: 0 0 3px #CCCCCC;



    -webkit-border-radius: 3px;



	-moz-border-radius: 3px;



	border-radius: 3px;



    display: inline;



    cursor: pointer;



	/* Default blue style */



	color: #f3f3f3;



	font-weight: 800;



	text-shadow: 0 0 1px #000;



	border: 1px solid #009AEF;



	background-color: #59C8EF;



	background-image: -moz-linear-gradient(top, #59C8EF, #00A5DF);



    background-image: -webkit-gradient(linear, left top, left bottom, from(#59C8EF), to(#00A5DF));



	background-image: -webkit-linear-gradient(#59C8EF, #00A5DF);



    background-image: -o-linear-gradient(#59C8EF, #00A5DF);



    background-image: linear-gradient(top, #59C8EF, #00A5DF);



    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59C8EF', endColorstr='#00A5DF');



}







.input { padding: 5px; border: solid 1px #ccc; border-top-color: #bbb; border-left-color: #bbb; background-color: #f7f7f7; }



input { padding: 5px; border: solid 1px #ccc; border-top-color: #bbb; border-left-color: #bbb; background-color: #f7f7f7;}



textarea { padding: 5px; border: solid 1px #ccc; border-top-color: #bbb; border-left-color: #bbb; background-color: #f7f7f7; }



.input:hover { border-color: #bbb; }



.input:focus { border-color: #abc; background-color: #f0f7ff !important; }



.input.correct { border-color: #6b9; background-color: #f7fff7 !important; }



.input.incorrect { border-color: #b69; background-color: #fff7ff !important; }



.input.iefix { height: 24px !iefix; }



.comment-form-comment label {float: left; width: 100%;}

.comment-form-comment textarea {float: left;}



.form-submit {

float: left;

width: 100%;

margin-top: 10px;

}





#contact { vertical-align: top; }



#commentform { vertical-align: top; margin: 1em; margin-top: 3em; padding: 0px; }



#commentform .input { background-color: #fdfdfd; }



#commentform span.small { color: #666; }







#cancel-comment-reply-link { margin-left: 2em; }







/* pagination */







.pagination { margin-bottom: 1.5em; }



.pagination a { width: 30px; display: inline-block; margin-left: 5px; }



.pagination a.current { background-image: none; }







/* image align by WP classes */







img.alignright { float: right; }



img.alignleft { float: left; }







/* dropdowns */







#nav, #nav ul { list-style: none; padding: 0px; margin: 0px 0px 0px; }







#nav li { float: left; position: relative; z-index: 998; }



#nav li a { display: inline-block; white-space: nowrap; }







#nav ul { display: none; position: absolute; left: 0px; }



#nav ul li { float: none; }



#nav ul li a { width: 10em; }



#nav ul ul { top: 0px; left: 10em; }







#nav li:hover > ul { display: block; }







#nav ul { top: 80px; }



#top { z-index: 990; }







#nav ul { background-color: #171717; }



#nav ul li a { height: 50px; line-height: 50px; background-image: none !important; }



#nav ul li a:hover, #nav ul li.current_page_item a { background-color: #222; }







#content ul { margin-left: 0px;}



#content li {list-style: none; font-size: 12px; line-height: 15px;}







#content li.arrow {padding: 0 0 3px 17px; background-image: url("img/arrow.png"); background-position: 0 2px; overflow: hidden; height: 18px; line-height: 18px;}







/* subject menu */







#content ul#main-nav {margin:0 auto 20px;}







#main-nav {



	width: 960px;



	height: 50px;



	position: relative;



	list-style: none;



	padding: 0;



	margin:0 auto 20px;



        text-align: center;



}



 



#main-nav .main-nav-item a {



	display: inline;



	margin-right: 5px;



	background-color: #48707a;



	-webkit-border-top-left-radius: 5px;



	-webkit-border-top-right-radius: 5px;



	-moz-border-radius-topleft: 5px;



	-moz-border-radius-topright: 5px;



	border-top-left-radius: 5px;



	border-top-right-radius: 5px;



	-webkit-border-bottom-left-radius: 5px;



	-webkit-border-bottom-right-radius: 5px;



	-moz-border-radius-bottomleft: 5px;



	-moz-border-radius-bottomright: 5px;



	border-bottom-left-radius: 5px;



	border-bottom-right-radius: 5px;



}



 



#main-nav .main-nav-tab {



	float: left;



	width: 140px;



	height: 30px;



	padding: 10px;



	line-height: 30px;



	text-align: center;



	color: #FFF;



	text-decoration: none;



	font-size: 18px;



	text-shadow: none;



}







#main-nav .main-nav-item a:hover {



	background-color: #3388BB;



	color: #fff;



	-webkit-border-top-left-radius: 5px;



	-webkit-border-top-right-radius: 5px;



	-moz-border-radius-topleft: 5px;



	-moz-border-radius-topright: 5px;



	border-top-left-radius: 5px;



	border-top-right-radius: 5px;



	}







 



#main-nav .main-nav-item-active .main-nav-tab {



	background-color: #FFF;



	color: #f60;



	-webkit-border-top-left-radius: 5px;



	-webkit-border-top-right-radius: 5px;



	-moz-border-radius-topleft: 5px;



	-moz-border-radius-topright: 5px;



	border-top-left-radius: 5px;



	border-top-right-radius: 5px;



}



 



#main-nav .main-nav-dd {



	position: absolute;



	top: 50px;



	left: 0;



	margin: 0;



	padding: 0;



	background-color: #fff;



	border-bottom: 3px solid #6db4ea;



	display: none;



}



 



#main-nav .main-nav-item-active .main-nav-dd {



	display: block;



}



 



#main-nav .main-nav-dd-column {



	width: 120px;



	padding: 15px 20px 8px;



	display: table-cell;



	border-left: 1px solid #ddd;



	*float: left;



	*border-left: 0;



}



 



#main-nav .main-nav-dd-column:first-child {



	border-left: 0;



}



 



#main-nav .main-nav-dd h3 {



	font-size: 14px;



	color: #86c6d7;



}



 



#main-nav .main-nav-dd a {



	color: #777;



	text-decoration: none;



}



 



#main-nav .main-nav-dd a:hover {



	color: #86c6d7;



	text-decoration: underline;



}



 



#main-nav .main-nav-dd ul {



	list-style: none;



	padding: 0;



}



 



#main-nav .main-nav-dd hr {



	border: 1px dotted #ddd;



}











#arithmetic, #calculus, #differential-equations, #discrete-math, #linear-algebra, #probability-statistics, #trigonometry, #misc {



	padding-top: 55px;







}







#message a



{



	/* display: block before hiding */



	display: block;



	display: none;



 



	/* link is above all other elements */



	z-index: 999; 



 



	/* link doesn't hide text behind it */



	opacity: .8;



 



	/* link stays at same place on page */



	position: fixed;



 



	/* link goes at the bottom of the page */



	top: 100%;



	margin-top: -80px; /* = height + preferred bottom margin */



 



	/* link is centered */



	bottom: 20px;



        right: 20px;



 



	/* make it big and easy to see (size, style to preferences) */



	width: 100px;



	line-height: 48px;



	height: 48px;



	padding: 10px;



	font-size: 24px;



	text-align: center;



	color: #fff;



}







#navi {



	height: 50px;



}







#menu {



	text-align: center;



	margin: 0 auto;



	padding: 10px 0;



}







.default {



	width: 960px;



	height: 50px;



}







.fixed {



	position: fixed;



	top: -5px;



	left: 0;



	width: 100%;



        background-color: #ffffff;



	border-bottom: 1px solid #666666;



	



	box-shadow: 0 0 10px #222;



	-webkit-box-shadow: 0 0 10px #222;



	-moz-box-shadow: 0 0 10px #222;



}







.form-wrapper {



	width: 450px;



	padding: 8px;



	margin: 10px auto;



	overflow: hidden;



	border-width: 1px;



	border-style: solid;



	border-color: #dedede #bababa #aaa #bababa;



	-moz-border-radius: 10px;



	-webkit-border-radius: 10px;



	border-radius: 10px;    



	background-color: #f6f6f6;



}







.form-wrapper #search {



	width: 330px;



	height: 20px;



	padding: 10px 5px;



	float: left;    



	font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';



	border: 1px solid #ccc;



	-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;



	-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;



	box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;



	-moz-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;      



}







.form-wrapper #search:focus {



	outline: 0; 



	border-color: #aaa;



	-moz-box-shadow: 0 1px 1px #bbb inset;



	-webkit-box-shadow: 0 1px 1px #bbb inset;



	box-shadow: 0 1px 1px #bbb inset;  



}







.form-wrapper #search::-webkit-input-placeholder {



   color: #999;



   font-weight: normal;



}







.form-wrapper #search:-moz-placeholder {



	color: #999;



	font-weight: normal;



}







.form-wrapper #search:-ms-input-placeholder {



        color: #999;



        font-weight: normal;



} 







.form-wrapper #submit {



	float: right;    



	border: 1px solid #00748f;



	height: 42px;



	width: 100px;



	padding: 0;



	cursor: pointer;



	font: bold 15px Arial, Helvetica;



	color: #fafafa;



	text-transform: uppercase;    



	background-color: #0483a0;



	background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));



	background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);



	background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);



	background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);



	background-image: -o-linear-gradient(top, #31b2c3, #0483a0);



	background-image: linear-gradient(top, #31b2c3, #0483a0);



	-moz-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;      



	text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);



	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;



	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;



	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;



}



  



.form-wrapper #submit:hover,



.form-wrapper #submit:focus {		



	background-color: #31b2c3;



	background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));



	background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);



	background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);



	background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);



	background-image: -o-linear-gradient(top, #0483a0, #31b2c3);



	background-image: linear-gradient(top, #0483a0, #31b2c3);



}	



  



.form-wrapper #submit:active {



	outline: 0;    



	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;



	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;



	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;    



}



  



.form-wrapper #submit::-moz-focus-inner {



	border: 0;



}