/* 
Theme Name: SODT
Theme URL: http://mk2dev.com/
Description: Studio One Dance Theatre Theme.
Author: mk2 development + Andiamo Creative
Author URI: http://andiamocreative.com
Version: 1

*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

body{
  margin: 0 auto 5px auto;
  width: 900px;
  height: auto;
  font: 12px "Century Gothic", Arial, Helvetica; line-height: 18px;
  color: #fff;
  background: url(images/bg-dance-theater.jpg) no-repeat;
}
body.sop{background:url(images/bg-production.jpg) no-repeat;}

/* GENERAL CLASSES */
.hidden{display:none;}

/* TEXT */
h2 {font-size:36px; color:#F90; font-weight:normal; line-height:40px;}
h3 {font-size:24px; color:#EF6A20; font-weight:normal; line-height:30px; margin:30px 0 10px 0;}
h4 {font-size:18px; color:#FFF; font-weight:normal; line-height:26px; margin:20px 0 0 0;}
h5 {font-size:16px; color:#FFF; font-weight:normal; line-height:20px; margin:20px 0 0 0;}
h6 {font-size:18px; color:#FFF; font-weight:normal; line-height:36px; margin:10px 0px 40px 0;}


.sop h2, .sop h3, .sop h6 {color:yellow;}

p {font-size:13px; line-height:22px; margin:0 0 26px 0;}
strong {font-weight:bold;}

ul {list-style:disc; margin:5px 0; padding:0;}
li {margin-left:40px; padding:5px 0;}

#content a:link, #content a:visited, #footer a:link, #footer a:visited
{color:#fff; text-decoration:none; border-bottom:1px solid #f90; padding-bottom:1px;}

#content a:hover, #content a:active, #footer a:hover, #footer a:active
{color:#f90; text-decoration:none; border-bottom:1px solid #f90; padding-bottom:1px;}



/* TOP */
#topTitle{display:none;}

#topNav ul{list-style:none; position:relative; margin:0 0 0 -70px; padding:0; height:24px;}
#topNav li{float:left; margin:0 0 0 67px; padding:0;}
#topNav li a{color:#fff; text-transform:uppercase; display:block; padding:4px 0; text-decoration:none;}
#topNav li a:hover {color:#EF6A20; }

#topBar {position:relative; clear:both; height:200px; padding:20px 0;}
#topBar #main-logo{padding-top:20px;}
#topBar #sub-logo{padding-top:20px; padding-right:20px; float:right;}

/* Current page link style*/
#page-studio .studio,
#page-classes .classes,
#page-after-school-program .after-school-program,
#page-calendar .calendar,
#page-gallery .gallery,
#page-contact .contact,
#page-home .home
{font-weight:bold;}


/* CONTENT */
#content {position:relative; width:620px;}
#content .intro{font-size:17px; line-height:30px; padding-bottom:30px;}
#content .left-col{position:relative; margin-right:25px; float:left; width:270px;}
#content .right-col{position:relative; float:right; width:270px;}
#content .left-col h3, #content .right-col h3{margin:5px 0; line-height:24px;}

#content form {margin-top:35px;}
#content form label {float:left; font-size:14px;}
#content form span input {float:left; margin:-20px 0 0 170px;}

#content form .wpcf7-form-control-wrap{clear:both;}
#content form .wpcf7-form-control-wrap label{float:none;}
#content form .wpcf7-form-control-wrap span input{float:none; margin:0;}
#content form .wpcf7-list-item {display:block; clear:left; padding-left:20px;}
#content form .wpcf7-list-item label {font-size:12px;}

.ngg-galleryoverview {margin-top:30px !important; clear:none !important;}

#container{}
.post{}
.postmeta{}
.postnavigation{}



/* SIDEBAR */
#sidebar{position:relative; width:225px; float:right; background:url(images/dkpurple.png); margin:0 0 0 20px; padding:25px 15px 30px 25px;}
.sop #sidebar{background: url(images/dkblue.png);}

#sidebar h2 {font-size:30px; font-weight:normal; line-height:30px; margin:0px; 0; 0; 0;}
#sidebar strong {margin:0px 0 3px 0;}
#sidebar ul{list-style:none;}
#sidebar li {margin:0; padding:0;}

#sidebar ul ul li {margin:0; padding:0;}
#sidebar ul ul li a, #sidebar ul li a {display:block; width:90%; padding:5px 10px 5px 0;}
#sidebar ul ul li a:hover, #sidebar ul li a:hover {background:url(images/dkpurple.png); border-right:2px solid #EF6A20;}

#sidebar a:link, #sidebar a:visited{color:#fff; text-decoration:none;}
#sidebar a:visited, #sidebar a:hover{color:#fff; text-decoration:none;}

#sidebar #searchform{}

#sidebar .current_page_item { font-weight:bold; }


/* COMMENTS */
#comments
.comments_navigation{}
.comments_navigation{}
.comments_reply{}
.comments_text{}
.comments_meta{}



/* FOOTER */
#footer{position:relative; clear:both; padding:20px 0 0 0; margin:0;}

