/*
Theme Name: J&J Sheet Metal
Theme URI: http://www.jjsm.com
Description: A 2011 website update for a New York based sheet metal company
Author: DivStrong Productions
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:Arial, Helvetica, sans-serif;
}
body {
	line-height: 1;
	background:url(images/headerbgext.jpg) top repeat-x;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {color:#0e5b44;}
a:hover {text-decoration:none;}
a img {
	border: none;
}

/* =Layout
-------------------------------------------------------------- */

#account {overflow:hidden; }
#account form {clear:both;}
#account img {float:right;}
#account h1 {margin-bottom:10px; color:#0e5b44;}
#account ul {float:left; width:400px; margin:0 0 15px 5px;}
#account ul label {display:block; margin-bottom:5px; font-weight:bold; font-size:14px; background:#eee; padding:8px;}
#account ul li {display:block; margin-bottom:20px; font-size:14px;}
#account ul li p {width:300px; font-size:12px; line-height:16px; margin-top:5px;}
#account p {line-height:22px; font-size:14px; margin:0 0 20px 0; width:620px;}
#account ul a {font-size:12px; cursor:pointer;}
#account ul a:hover {color:#000;}
#account input.field {border:1px solid #ccc; padding:3px; width:250px;}
#account textarea {border:1px solid #ccc; padding:3px; width:385px; height:150px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#account input.button {background:url(images/buttonlg.png) no-repeat; display:block; height:40px; width:135px; cursor:pointer; color:#ffc; text-align:center; text-decoration:none; font-weight:bold; border:0; clear:both;}
#account input.button:hover {color:#efaa33;}
#accountside {overflow:hidden; background:#efefef; border:1px solid #ccc;}
#account select {cursor:pointer;}
#account #options { float:right; width:240px; margin:0 15px 0 0;}

#accountside h2 {text-align:center; padding:10px; background:#fff; color:#0e5b44; border-bottom:4px solid #0e5b44;}
#accountside p {margin:10px 15px; font-style:italic; text-align:center;}
#accountside form {margin:0 15px 15px 15px; text-align:center;}
#accountside input.button {background:url(images/buttonlg.png) no-repeat; display:block; height:40px; width:135px; cursor:pointer; color:#ffc; text-align:center; text-decoration:none; margin:10px auto 0 auto; font-weight:bold; border:0; clear:both;}
#accountside input.button:hover {color:#efaa33;}

#account #days {}
#account #days h3 {font-size:14px; margin-bottom:5px; font-weight:bold;}
#account #days div {height:140px; width:200px; overflow-y:scroll; font-size:13px; border:1px solid #ccc; margin-bottom:15px;}
#account #days input {cursor:pointer;}
#account #days span {display:block; margin:0 5px 0 0;}
#account #days span label {padding-left:5px;}

#account #subjects {}
#account #subjects h3 {font-size:14px; margin-bottom:5px; font-weight:bold;}
#account #subjects div {height:560px; width:200px; overflow-y:scroll; font-size:13px; border:1px solid #ccc;}
#account #subjects input {cursor:pointer;}
#account #subjects span {display:block; margin:0 5px 0 0;}
#account #subjects span label {padding-left:5px;}

#account #grades { margin-bottom:15px; width:200px;}
#account #grades h3 {font-size:14px; margin-bottom:5px; font-weight:bold;}
#account #grades div {height:100px; overflow-y:scroll; font-size:13px; border:1px solid #ccc;}
#account #grades input {cursor:pointer;}
#account #grades span {display:block; margin:0 5px 0 0;}
#account #grades span label {padding-left:5px;}

#become {overflow:hidden; background:#efefef; border:1px solid #ccc;}
#become h2 {text-align:right; padding:10px; background:#fff; color:#0e5b44; border-bottom:4px solid #0e5b44;}
#become h2 span {display:block; font-size:12px; text-transform:uppercase; color:#000; font-weight:bold;}
#become h4 {margin:0 15px 5px 15px; font-size:15px; color:#222; font-weight:bold;}
#become img {float:right; margin:15px; max-width:270px;}
#become p {font-size:14px; line-height:18px; margin:0 15px 10px 15px;}
#become ul {overflow:hidden; margin:15px;}
#become ul li {display:block; margin-bottom:12px; font-size:14px;}
#become ul span strong {color:#0e5b44;}
#become label {display:block; font-weight:bold; margin:0 0 10px 0;}
#become input.button {background:url(images/find.png) no-repeat; display:block; float:right; height:30px; width:54px; cursor:pointer; color:#ffc; text-align:center; text-decoration:none; border:0; font-weight:bold;}
#become input.button:hover {color:#efaa33;}
#become input.field {padding:5px; width:195px; border:1px solid #999;}
#become input.radio {cursor:pointer;}

#breadcrumb {font-size:11px; margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:5px;}
#breadcrumb a {text-decoration:none; color:#0e5b44;}
#breadcrumb a:hover {text-decoration:underline; color:#222;}

#comments {}
#main #comments ol {margin:10px 0 0 0; padding:0;}
#main #comments ol li {display:block; background:#eee; padding:10px; margin:0 0 15px 0; float:left;}

#contact {margin:0; padding:0;}
#main #contact ul {overflow:hidden; margin:0;}
#main #contact ul li {display:block; margin-bottom:12px; font-size:14px;}
#contact ul span strong {color:#0e5b44;}
#contact label {display:block; font-weight:bold; margin:0 0 5px 0;}
#contact input.button {display:block; width:100px; margin:10px auto 0 auto; padding:5px; font-weight:bold; cursor:pointer;}
#contact input.field {padding:4px; width:250px; border:1px solid #ccc;}
#contact input.button {float:right;}
#contact textarea {width:610px; height:150px; border:1px solid #ccc;}
#main div.entry-meta {font-style:12px !important; font-style:italic; margin-bottom:10px;}

#content {width:980px; margin:0 auto; overflow:hidden; padding:15px 0;}
#content img.tutor {float:right; border:1px solid #ccc;}

#directory {width:500px; border:4px solid #000; background:#fff; padding:15px; overflow:hidden;}
#directory button {float:right; cursor:pointer;}
#directory h2 {margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:5px; color:#0e5b44;}
#directory p {margin:0 0 15px 0; font-size:14px; line-height:18px;}

#error {background:#b2100e; color:#fff; font-size:17px; text-align:center; padding:10px; margin:0 auto 10px auto; display:block; clear:both;}

#notice {background:#ffc; font-size:17px; text-align:center; padding:10px; margin:0 auto 10px auto; display:block; clear:both;}

#featured {height:250px; padding:15px 0;}

#findtutor { float:left; width:640px;}
#findtutor table {margin:0 auto; width:100%;}
#findtutor table th {text-align:left; color:#999; border-bottom:1px solid #ccc; padding:10px; font-size:14px; font-weight:bold;}
#findtutor table th.center {text-align:center;}
#findtutor table td {padding:12px 8px; font-size:16px; vertical-align:middle;}
#findtutor table tr.odd {background:#efefef;}
#findtutor table img {height:75px; border:1px solid #ccc;}
#findtutor table a {color:#360; font-weight:bold; text-decoration:none;}
#findtutor table a:hover {color:#222;}
#findtutor table a.button {background:url(images/buttonlg.png) no-repeat; display:block; height:40px; width:135px; cursor:pointer; color:#ffc; text-align:center; text-decoration:none; font-weight:bold; padding:12px 0 0 0; clear:both; margin:12px auto 0 auto;}
#findtutor table a.button:hover {color:#efaa33;}
#findtutor div.intro h1 {font-size:28px; font-weight:bold; color:#0e5b44; margin-bottom:5px;}
#findtutor div.intro p {font-size:15px; line-height:20px; margin-bottom:15px;}

#filters {float:right; border:1px solid #ccc; width:300px;}
#filters h2 {text-align:center; padding:10px; background:#fff; color:#0e5b44; border-bottom:4px solid #0e5b44;}

#filters #subjects {margin:15px;}
#filters #subjects h3 {font-size:14px; margin-bottom:5px; font-weight:bold;}
#filters #subjects div {height:400px; width:270px; overflow-y:scroll; font-size:13px; border:1px solid #ccc;}
#filters #subjects input {cursor:pointer;}
#filters #subjects span {display:block; margin:0 5px 0 0;}
#filters #subjects span label {padding-left:5px;}

#filters #grades { margin:15px;}
#filters #grades h3 {font-size:14px; margin-bottom:5px; font-weight:bold;}
#filters #grades div {height:100px; width:270px; overflow-y:scroll; font-size:13px; border:1px solid #ccc;}
#filters #grades input {cursor:pointer;}
#filters #grades span {display:block; margin:0 5px 0 0;}
#filters #grades span label {padding-left:5px;}
#filters input.button {background:url(images/buttonlg.png) no-repeat; display:block; height:40px; width:135px; cursor:pointer; color:#ffc; text-align:center; text-decoration:none; font-weight:bold; padding:0 0 0 0; clear:both; margin:12px auto 15px auto; border:0;}
#filters input.button:hover {color:#efaa33;}


#footwrap {clear:both; overflow:hidden; color:#000;}
#footer {width:980px; margin:0 auto; overflow:hidden; padding:15px 0; clear:both; min-height:150px; border-top:1px solid #ccc; padding-top:10px;}
#footer #footlogo {float:left;}
#footer #footlinks {float:right; text-align:right;}
#footer p {font-size:13px; line-height:17px; margin:0 5px 0 0; color:#999;}
#footer p a {color:#0e5b44; text-decoration:none;}
#footer p a:hover {color:#222;}
#footer ul {margin-bottom:25px;}
#footer ul li {display:inline; list-style-type:none; border-left:1px solid #aaa; padding:0 8px; font-size:11px;}
#footer ul li.first {border:0;}
#footer ul a {color:#0e5b44; text-decoration:none; font-size:12px;}
#footer ul a:hover {color:#222;}

#headerwrap {overflow:hidden; background:url(images/headerbg.jpg) top center no-repeat;}
#header {overflow:hidden; width:980px; margin:0 auto;}
#header #logo {float:left; margin:40px 0 25px 0;}
#header #topsearch {float:right; text-align:right; margin:72px 0 0 0; color:#fff;}
#header #topsearch strong {color:#fff; font-size:22px; font-weight:normal; text-align:left; padding-top:2px; margin:0px 5px 0 0;}
#header #topsearch ul li {display:block; float:left;}
#header #topsearch ul {overflow:hidden;}
#header #topsearch ul input.field {padding:4px 5px; border:2px solid #000;}
#header #topsearch ul input.button { text-align:center; cursor:pointer; width:54px; height:30px; background:url(images/find.png) no-repeat; border:0; cursor:pointer; color:#ffc; font-weight:bold;}
#header #topsearch ul input.button:hover {color:#efaa33;}
#header #topsearch ul select {padding:3px 5px; cursor:pointer; border:2px solid #000;}

#home {}
#home #intro h2 {font-size:24px; font-weight:bold; margin-bottom:10px;}
#home #intro p {line-height:22px; margin:0 0 15px 0;}

#home h1 {font-size:35px; font-weight:bold; color:#0e5b44; margin:25px 0; text-align:center;}
#home ul {overflow:hidden; margin-bottom:25px;}
#home ul li {display:block; float:left; list-style-type:none; padding:5px; margin:5px;}
#home ul li img {width:140px; height:120px;}
#home ul li a {border:1px solid #ccc; display:block;}
#home ul li a:hover {border:1px solid #0e5b44;}

#logged {color:#fff; font-size:12px; text-align:right; position:absolute; width:980px;}
#logged ul {color:#fff; margin:6px 5px 0 0;}
#logged ul a {color:#ffc; padding-left:5px;}
#logged ul a:hover {color:#fff; text-decoration:none;}
#logged ul li {display:inline; list-style-type:none;}

#main {float:left; width:620px;}
#main h1 {font-size:26px; font-weight:bold; color:#0e5b44; margin-bottom:10px;}
#main h2 {font-size:19px; font-weight:bold; color:#222; margin-bottom:10px; line-height:26px;}
#main p {font-size:15px; line-height:20px; margin-bottom:15px;}
#main ul, #main ol {margin:0 0 15px 25px;}
#main ul li {list-style-type:disc; padding:0 0 10px 0; font-size:15px;}
#main ol li {list-style-type:decimal; padding:0 0 10px 0; font-size:15px; line-height:20px;}
#main strong {color:#0e5b44;}
#main div.blurb {border:1px solid #ccc; padding:15px; margin-bottom:15px;}
#main div.blurb h2 {margin-bottom:5px;}
#main div.blurb h3 {font-size:13px; margin-bottom:10px; font-style:italic;}

#navwrap {overflow:hidden; background:#015b41 url(images/navbg.jpg)top repeat-x; border-top:2px solid #ccc;}
#nav {width:980px; margin:0 auto; overflow:hidden;}
#nav ul {float:left; margin:15px 0; width:850px;}
#nav ul li {display:inline; list-style-type:none; border-left:1px solid #aaa; font-size:12px;}
#nav ul li.current_page_item a {color:#ffc;}
#nav ul li.none {border:0;}
#nav ul a {color:#fff; text-decoration:none; font-size:16px; padding:0 12px; font-weight:bold; line-height:26px;}
#nav ul .page-item-2 {border:0;}
#nav ul .page-item-2 a {padding-left:0;}
#nav ul a:hover {color:#ffffcc;}
#nav #search {float:right; background:url(images/searchbg.jpg) no-repeat; height:40px; width:267px; overflow:hidden; margin:15px 0 0 0;}
#nav #search input.button {display:block; cursor:pointer; border:0; background:url(images/go.png) no-repeat; width:37px; height:27px; float:right; margin:7px 10px 0 0;}
#nav #search input.field {padding:4px; border:1px solid #222; color:#aaa; float:left; display:block; width:195px; margin:7px 0 0 10px;}
#nav #social {float:right; overflow:hidden; width:130px; margin:12px 0 0 0;}
#nav #social img {float:right; margin-left:5px; max-height:20px;}

#notlogged {margin:3px 0 0 0; position:absolute;}
#notlogged a {color:#ffc; padding-left:5px; font-size:12px; text-decoration:none;}
#notlogged a:hover {color:#fff; text-decoration:underline;}

#onlinepayments {overflow:hidden; background:#efefef; border:1px solid #ccc;}
#onlinepayments h2 {text-align:right; padding:10px; background:#fff; color:#0e5b44; border-bottom:4px solid #0e5b44; margin-bottom:10px;}
#onlinepayments h2 span {display:block; font-size:12px; text-transform:uppercase; color:#000; font-weight:bold;}
#onlinepayments h3 {margin:0 0 5px 0; font-size:15px; color:#222; font-weight:bold;}
#onlinepayments p {font-size:14px; line-height:18px; margin:0 15px 10px 15px;}
#onlinepayments ul {margin:0 0 15px 15px;}
#onlinepayments ul li {font-size:14px; list-style-type:disc; padding:0 0 10px 0; line-height:18px;}

#promote ul {margin:0 0 15px 0;}
#promote ul li {list-style-type:none;}
#promote ul label {font-weight:bold; position:absolute;}
#promote ul input.button {margin-left:150px; cursor:pointer;}
#promote ul input.field {margin-left:150px; padding:3px; border:1px solid #ccc; width:200px;}

#register fieldset {margin:0 0 15px 0; border:1px solid #ccc;}
#register legend {background:#eee; font-weight:bold; padding:10px; margin:0 5px;}
#register ul {margin:10px 0 0 15px;}
#register ul label {font-weight:bold; position:absolute;}
#register ul li {list-style-type:none;}
#register ul input {margin-left:125px; padding:3px;}
#register ul select {margin-left:125px; padding:3px; cursor:pointer;}
#register ul input.button {background:url(images/buttonlg.png) no-repeat; display:block; height:40px; width:135px; cursor:pointer; color:#ffc; text-align:center; text-decoration:none; font-weight:bold; padding:0 0 0 0; clear:both; border:0;}
#register ul input.button:hover {color:#efaa33;}
#register input.apply {background:url(images/find.png) no-repeat; display:inline-block; height:30px; width:54px; cursor:pointer; color:#ffc; text-align:center; text-decoration:none; border:0; font-weight:bold; margin:0;}
#register input.apply:hover {color:#efaa33;}

#register ul span.price {margin:0 0 0 125px; padding:0;}
#register ul  .total {color:#0e5b44; font-weight:bold; font-size:24px;}

#request {padding-top:20px;}
#request h2 {margin-bottom:15px; color:#0e5b44;}
#request legend {background:#eee; font-weight:bold; padding:10px; margin:0 5px;}
#request ul {margin:10px 0 0 5px; clear:both;}
#request ul label {font-weight:bold; position:absolute; padding:2px 0 0 0;}
#request ul label.block {display:block; position:static; margin-bottom:10px;}
#request ul li {list-style-type:none;}
#request ul input.field {margin-left:190px; padding:3px; width:200px; border:1px solid #ccc;}
#request ul select {margin-left:190px; padding:3px; cursor:pointer; border:1px solid #ccc;}
#request ul input.button {background:url(images/buttonlg.png) no-repeat; display:block; height:40px; width:135px; cursor:pointer; color:#ffc; text-align:center; text-decoration:none; font-weight:bold; margin:0 0 0 190px; padding:0; clear:both; border:0;}
#request ul input.button:hover {color:#efaa33;}
#request ul span.price {margin-left:190px;}
#request ul textarea {display:block; height:125px; width:540px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; border:1px solid #ccc;}

#sidebar {float:right; width:300px; margin-bottom:15px;}
#sidebar li {display:block; overflow:hidden;}
#sidebar h3 {display:block; color:#222; padding:10px; font-size:16px;}
#sidebar #recent h4 a {color:#000; display:block; margin:10px 10px 5px 10px; text-decoration:none; font-weight:bold; font-size:17px;}
#sidebar #recent p {font-size:14px; margin:0 10px 10px 10px; line-height:18px;}

#success {background:#360; color:#fff; font-size:17px; line-height:24px; text-align:center; padding:10px; margin:10px auto;}

#randomtutor {overflow:hidden; background:#efefef; border:1px solid #ccc;}
#randomtutor h2 {text-align:right; padding:10px; background:#fff; color:#0e5b44; border-bottom:4px solid #0e5b44;}
#randomtutor h2 span {display:block; font-size:12px; text-transform:uppercase; color:#000; font-weight:bold; padding-top:3px;}
#randomtutor img {float:right; margin:15px; max-width:270px;}
#randomtutor a.button {background:url(images/buttonlg.png) no-repeat; display:block; height:40px; width:135px; cursor:pointer; color:#ffc; text-align:center; text-decoration:none; font-weight:bold; padding:10px 0 0 0; margin:0 auto 10px auto; clear:both;}
#randomtutor a.button:hover {color:#efaa33;}
#randomtutor p {font-size:14px; line-height:18px;}
#randomtutor ul {float:left; width:240px; margin:15px 0 15px 15px;}
#randomtutor ul li {display:block; margin-bottom:15px;}
#randomtutor ul label {font-weight:bold; display:block; font-size:14px; margin-bottom:3px;}

#theater {width:980px; margin:0 auto; overflow:hidden;}
#theater div.panes div {overflow:hidden;}
#theater div.panes img {float:right;}
#theater div.left {float:left; width:645px; margin:15px 0; background:#ffc; border:1px solid #ccc;}
#theater div.left h1 {font-size:28px; margin:15px;}
#theater div.left p {line-height:20px; margin:0 15px 15px 15px;}
#theater div.left a.button {display:block; margin:0 0 0 350px; background:#0e5b44; color:#fff; padding:10px 20px; cursor:pointer; text-align:right; text-decoration:none;}
#theater div.left a.button:hover {background:#222; color:#ffc;}

#tutor {overflow:hidden;}
#tutor img {float:right; border:1px solid #ccc;}
#tutor h1 {margin-bottom:15px; color:#0e5b44;}
#tutor div.wrap {float:left; width:600px; overflow:hidden;}
#tutor ul label {display:block; margin-bottom:5px; font-weight:bold;}
#tutor ul li {display:block; margin-bottom:15px;}
#tutor p {line-height:22px;}
#tutor a.button {background:url(images/buttonxlg.png) no-repeat; display:block; height:40px; width:200px; cursor:pointer; color:#ffc; text-align:center; text-decoration:none; font-weight:bold; padding:12px 0 0 0; clear:both;}
#tutor a.button:hover {color:#efaa33;}

#townteach {width:500px; border:4px solid #000; background:#fff; padding:15px; overflow:hidden;}
#townteach button {float:right; cursor:pointer;}
#townteach h2 {margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:5px; color:#0e5b44;}
#townteach p {margin:0 0 15px 0; font-size:14px; line-height:18px;}

#tutoring {width:500px; border:4px solid #000; background:#fff; padding:15px; overflow:hidden;}
#tutoring button {float:right; cursor:pointer;}
#tutoring h2 {margin-bottom:10px; border-bottom:1px solid #ccc; padding-bottom:5px; color:#0e5b44;}
#tutoring p {margin:0 0 15px 0; font-size:14px; line-height:18px;}

ul.tabs {display:none;}