/*
Theme Name: Zouk Nation custom
Description:
Author: Cyrus Collier
*/


/* Reset */

* { margin: 0; padding: 0; }

img, fieldset { border: 0; max-width: 100%; }

a { outline: 0; }


/* Utility Styles */

.clear { clear: both; }



/*Global Elements*/

body { font: 14px "Gill Sans","Helvetica","Arial",sans-serif; background-color: #9e9fa1; color: #ffffff; letter-spacing: 1px; }

#WrapperTop { margin: 0 auto; width: 963px; padding-top: 9px; background: url(images/wrapper_top.png) no-repeat 0px -14px;  }
#WrapperBottom {width: 963px; padding-bottom: 23px; background: url(images/wrapper_bottom.png) no-repeat bottom; }
#WrapperMiddle { width: 929px; background: url(images/wrapper_middle.png) repeat-y; padding: 16px 17px 0; position: relative; }
#Banner { background-color: #000000; width: 921px; padding: 2px 2px 0; margin: 2px 2px 0; }
#Content { background-color: #000000; width: 907px; padding: 9px; margin: 0 2px 2px; } 

a { color: #ffffff; text-decoration: none; border: none; }

a:focus, a:active { outline: 0; }
/*a:hover { text-decoration: underline; }*/
a.active, a.active:hover, .active a { cursor: default; text-decoration: none; }
a.more {float: right; margin: 5px 12px 0; }
ul { list-style-type: none; }

h2 { font-size: 1.28em; font-weight: normal; }
h3 { font-size: 1.14em; font-weight: normal; }
h4, h5 { font-size: 1em; font-weight: normal; }

p { margin-bottom: 10px; }

fieldset { border: 0; }

/* Navigation Bars */

.nav { background-color: #000000; padding: 4px; }
.nav ul { height: 27px; padding: 1px 0; border-left: 1px solid #000000; background: url(images/mainnav.png) repeat-x #000000; outline: 1px solid #5b5b5b; }
.nav ul.short {  border-right: 1px solid #000000; }
.nav li { float: left; height: 27px; line-height: 27px; border-right: 1px solid #161616; }
.nav a { display: block; line-height: 27px; text-align: center; font-size: 1.14em; padding: 0 10px; border-right: 1px solid #5b5b5b; }
.nav a:hover { background-repeat: repeat-x; }

/* Main Navigation Bar */

#MainNav { width: 919px; margin: 2px; padding: 3px; }
#MainNav ul { width: 917px; }
#MainNav a:hover { color: #a60629; }

/*Sub Navigation/Search Bar */

#SubNav { width: 100%; height: 40px; background: url(images/subnav.png) repeat-x; }
#DanceButton, #MusicButton { display: block; text-decoration: none; float: left; width: 111px; height: 31px; line-height: 31px; text-align: center; background: url(images/button_sections.png) no-repeat left center; margin: 5px; }
#DanceButton:hover, #DanceButton.active { background-position: left top; }
#MusicButton:hover, #MusicButton.active { background-position: left bottom; }

#TextSize { float: right; margin: 0 12px; padding-top: 8px; }
#TextSize #Normal { font-size: 1em; }
#TextSize #Large { font-size: 1.25em; }
#TextSize #Largest { font-size: 1.5em; }
#TextSize p { margin: 0 10px 3px 0; float: left; }
#TextSize form { float: right; }
#TextSize fieldset { float: left; padding-top: 2px; }
#TextSize input { display: block; float: left; }
#TextSize #Submit { height: 22px; margin-left: 8px; margin-top: -1px; }

/* Primary Content */

#Quote { width: 225px; height: 234px; border-top: 4px solid #a60629; border-bottom: 4px solid #a60629; background: url(images/photo_homepage.jpg) no-repeat; padding: 12px 425px 12px 20px; margin-bottom: 9px; font: italic 13px "Arial",sans-serif; }
#Quote blockquote { text-indent: -.5em; line-height: 1.75em; margin: 5px 0; }
#Quote p { float: right; text-indent: -.75em; font-size: .78em; width: 170px; margin: 0 10px; }


.contentboxhalf { float: left; line-height: 1.75em; width: 301px; padding: 15px; margin: 0 9px 9px 0px; background: url(images/contentbox_half.png) no-repeat; min-height: 300px; letter-spacing: 1.5px; }
.contentboxhalf h4 { font-size: .86em; margin: 5px 0 15px !important; line-height: 1.75em; text-transform: uppercase; }
.contentboxhalf img { float: left; margin-right: 15px; margin-bottom: 0px; }
.contentboxhalf p { margin: 0; }
.contentboxhalf a.more { margin-top: 15px; }
.contentrow { clear: left; }

/*Sidebar Content*/

#SidebarContent { clear: both; float: right; width: 227px; }

#SidebarContent .widget { margin-bottom: 9px; }

#SidebarContent .widget h2.widgettitle span { display: block; height: 0px; }

#Subscribe { width: 100%; height: 130px; background: url(images/subscribe.png) no-repeat; position: relative; z-index: 2; }
#Subscribe h3 { margin: 0 12px 0px; padding-top: 10px; font-size: 1em; }
#Subscribe input { display: block; margin: 15px 10px; }
#Subscribe .error input { margin: 5px 10px; }
#Subscribe h4.error { color: #ffff00; margin: 0 10px 0; background: url(images/error.gif) no-repeat left center; padding-left: 25px; }

#PodcastPlayerWrapper { width: 225px; border: 1px solid #ffffff; background-color: #333333; margin-bottom: 9px; display: none; }
#PodcastPlayerImage { display: block; }
#PodcastPlaylists { width: 100%; height: 557px; background: url(images/playlists.png) no-repeat; font-size: .93em; position: relative; display: none; }
#PodcastPlaylists h3 { text-align: center; margin: 0 12px 12px; padding-top: 12px; font-size: 1em; }
#PodcastPlaylists ol { list-style-type: none; font-size: 1em; margin-left: 0; padding-left: 20px; }
#PodcastPlaylists li { margin: 9px 0px; }
#PodcastPlaylists .more { position: absolute; right: 0; bottom: 15px; }
.sidebarcontainer { width: 217px; border: 1px solid #ffffff; border-top: none; background-color: #333333; padding: 4px; }
.sidebarcontainer.first { border-top: 1px solid #ffffff; }
.sidebarcontainer h3 { text-align: center; margin: 0 5px 12px;  font-size: 1em; text-transform: uppercase; letter-spacing: 1.5px; }
.podcastbutton { display: block; }
.podcastbutton.space { margin-bottom: 4px; }
#PodcastPlaylist { background: #400b8a url(images/podcast/podcast_playlist_bg_top.png) no-repeat top left; border: 2px solid #150669; color: #ffffff; margin-top: 4px; }
#PodcastPlaylist div { background: url(images/podcast/podcast_playlist_bg_bottom.png) no-repeat bottom right; padding: 10px; min-height: 200px; }
#PodcastPlaylist ol { font-size: .9em; padding-left: 20px; }
#PodcastPlaylist li { margin: 10px 0px; }
#PodcastArchive { padding: 10px; height: 132px; background: url(images/podcast/podcast_archive_bg.png) no-repeat; border: 2px solid #150669; color: #ffffff; margin: 4px 0; }
#PodcastArchive ol { list-style: none; font-size: 1em; padding-left: 20px; }
#PodcastArchive li { margin: 10px 0px; }

.locatorbox { border: 2px solid #A60629; background-color: #5F0317; padding: 5px; }
.locatorbox img { border: 2px solid #A60629; }
.locatorbox h3 { width: 213px; height: 27px; position: relative; text-align: center; font-size: 10px; }
.locatorbox h3 span { display: block; position: absolute; width: 213px; height: 27px; top: 0; left: 0; background-repeat: no-repeat; }
.locatorbox p { margin: 10px; }
.locatorbox fieldset { letter-spacing: 2px; margin: 10px; text-align: center; }
.locatorbox select {  }

#InstructorLocator, #InstructorLocator img { border: 2px solid #46007e; }
#InstructorLocator { background-color: #1f073c; }
#InstructorLocator h3 span { background-image: url(images/dance/instructor_locator.png); }

#ArtistLocator, #ArtistLocator img { border: 2px solid #1913c3; }
#ArtistLocator { background-color: #030234; }
#ArtistLocator h3 span { background-image: url(images/music/artist_locator.png); }

/*Internal Content*/

#InternalContent { border: 2px solid #a60629; width: 525px; padding: 50px 50px 60px 90px; position: relative; letter-spacing: 1.5px; background: url(images/internalcontent_red.png) repeat-x bottom #000000; /*font-family: "Verdana";*/ }
#InternalContent:after { content: "."; display: block; clear: both; height: 0px; visibility: hidden; }
#InternalContent p a, #InternalContent td a, #InternalContent h5 a { color: #a60629; }
#InternalContent p a img { border: 2px solid; }
#InternalContent ul { list-style-type: disc; padding-left: 20px; }
#InternalContent ol { list-style-type: decimal; padding-left: 20px; }
#InternalContent li { margin-bottom: 10px; }

#InternalContent h2 { margin-bottom: 30px; font-size: 1.42em; }
#InternalContent h4 { font-style: italic; margin: 15px 0; }
#InternalContent h3 { font-size: 1.29em; width: 60%; border-bottom: 1px solid #ffffff; height: .95em; overflow: hidden; margin-bottom: 20px; }
#InternalContent h3#IntNavTitle { width: 152px; border-bottom: 0; font-size: 14px; text-align: center; position: absolute; top: 0px; left: 0px; padding: 10px 0; margin: 0; text-transform: uppercase; }
#InternalContent #TitleWrapper { width: 655px; position: absolute; top: 5px; left: 5px; border-bottom: 2px solid #a60629; padding-bottom: 5px; }
#InternalContent #TitleWrapper h3 { font-size: 1em; width: 100%; line-height: 2em; background-color: #a60629; border: none; height: auto; margin: 0; text-transform: uppercase; }
#InternalContent #TitleWrapper h3 span {  padding: 10px 15px; background-color: #000000; }


/* Internal Navigation */
#IntNav { width: 501px; position: absolute; top: 0; right: 0; border-left: 2px solid #A60629; border-bottom: 2px solid #A60629; }
#IntNav ul { list-style: none; padding-left: 0; }
#IntNav li { margin-bottom: 0; text-transform: uppercase; }
#IntNav li#IntNavAbout { width: 191px; }
#IntNav li#IntNavStaff { width: 153px; }
#IntNav li#IntNavContact { width: 153px; }
#IntNav li a { padding: 0 12px; font-size: 12px; }
#IntNav li a:hover, #IntNav li a.active { border-right-color: #b56678; border-left: 1px solid #850421; padding-left: 11px; background-image: url(images/intnav_hover.png); } 


#InternalContent .contentbox { width: 617px; background: url(images/contentbox.png) no-repeat; padding: 15px; margin-bottom: 9px; line-height: 1.5em; clear: left; letter-spacing: 1px; min-height: 291px; }
#InternalContent .contentbox h4, .contentbox h5 { font-style: italic; margin: 0; }
#InternalContent .contentbox p { margin-bottom: 0px; }
#InternalContent .contentbox .biotext { margin-top: 15px; }
#InternalContent .contentbox .biotext p { margin-bottom: 10px; }
#InternalContent img { float: left; margin-right: 25px; margin-bottom: 10px; }
#InternalContent img.alt { float: right; margin-left: 25px; margin-right: 0; }
#InternalContent img.mainimage { float: none; display: block; margin-right: 0; }
#InternalContent h3 {width: 100%;}

#Languages { padding: 10px 0; clear: left; text-align: center; font-size: .86em; }
#Languages li { display: inline; }
#Pagination { text-align: right; margin: 20px 0; padding-right: 10px; }
#Pagination a { margin: 0px 1px; font-size: .93em; }
#Pagination a.active { text-decoration: underline; }

.directorynav { text-align: center; }
.directorynav ul { margin-bottom: 10px; text-align: center; }
.directorynav li { display: inline; }
.directorynav a { margin: 0 5px; }
.directorynav a.active { color: #0e06fa; }

/*Blog Section*/
.page #InternalContent { padding-top: 70px; }
.page #Pagination { text-align: center; margin: 40px 0 0; padding-right: 0; }
.navigation { margin-bottom: 20px; float: left; width: 100%; }
.navigation .previous { float: left; width: 40%; }
.navigation .next { float: right; width: 40%; text-align: right; }
.post { clear: left; padding-bottom: 30px; }
#InternalContent .entry img { float: none; margin-left: 0; margin-right: 0; }
#CategoryList { margin-bottom: 30px; }
.postmetadata, .comment, .comment-body p, #respond { clear: left; }
.page #InternalContent img.wp-smiley { float: none; margin: 0; }

/*Galleries*/

.gallery #InternalContent .box { float: left; width: 105px; margin: 0 15px 15px 0px; overflow: hidden; }
#Videos #InternalContent .box { width: 250px; min-height: 320px; margin: 0 9px 9px 0px; }
.gallery #InternalContent .box img { float: none; border: none; }
#Photos #InternalContent .box img { background-color: #ffffff; padding: 5px; }
.gallery #InternalContent .box h4 { text-transform: uppercase; }
.gallery #InternalContent .directorynav { padding-right: 40px; margin-bottom: 20px; clear: left; }

/*About Section*/
#Staff #InternalContent { width: 647px; padding: 50px 9px 60px; background-image: none; }
#Contact #InternalContent { padding: 90px 75px 100px 125px; width: 465px; }
#Contact #Address { width: 265px; height: 160px; padding: 100px 70px 100px 130px; background: url(images/addressframe.png) no-repeat; margin: 20px 0;  }
#Contact #Address span { font-size: 1.29em; }

/*Video Section

/*dance and music sections global styles*/

#IntSidebar { float: left; width: 175px; padding: 0 10px; overflow: hidden; }
#IntSidebar h4 { width: 175px; padding: 10px 0; border-top: 2px solid; border-bottom: 2px solid; font-style: normal; letter-spacing: 2px; }
#IntSidebar ul + h4 { padding: 10px 8px; width: 124px; }
#IntSidebar li { margin: 10px 0; text-align: right; }
#IntSidebar img { display: block; float: none; }
#IntSidebar #DirectoryList { padding: 0 10px; }
#IntSidebar #DirectoryList a { display: block; float: left; width: 20px; height: 1.5em; line-height: 1.5em; text-align: center; font-size: 1.14em; }
#IntMain { margin-left: 215px; }
#IntMain h4 { margin-bottom: 0; font-style: normal; }
#IntMain blockquote { margin: 20px 0; font-style: italic; }
.qa td { padding: 5px 5px 5px 0; vertical-align: top; }

#Overview #InternalContent { line-height: 1.5em; width: 615px; padding-left: 25px; padding-right: 25px; }
#Overview #InternalContent p { margin-bottom: 20px; }

.video { width: 405px; height: 328px; padding: 10px; background: url(images/videoframe.jpg) no-repeat; margin: 80px 0 50px 20px; }

/*Masthead */

#Masthead { width: 100%; height: 125px; padding: 1px 0; background: url(images/masthead_photo2.jpg) no-repeat center right #360050; border-top: 4px solid #55167f; border-bottom: 4px solid #55167f; }
#Masthead h1 { width: 676px; height: 125px; background: url(images/masthead.png) no-repeat; text-indent: -9999px; }
.dance #Masthead, .music #Masthead { background-image: url(images/masthead_photo.jpg); }

/*Header and Footer*/

#Header { width: 919px; height: 14px; border: 3px solid black; background: url(images/pattern_header.png) no-repeat 94px; position: absolute; top: -4px; left: 19px;  }
#Header a {width: 82px; line-height: 14px;}
#Footer { width: 919px; height: 14px; border: 3px solid black; background: url(images/pattern_footer.png) no-repeat 568px; margin-left: 2px; margin-bottom: -4px; position: relative; z-index: 1;  }
#Footer span {width: 168px; float: right; text-align: right; line-height: 15px; }
#Header a, #Footer span { display: block; line-height: 14px; background-color: black; padding: 0 6px; height: 14px; letter-spacing: 1px; }

/* Miscellaneous Styles */

#at15s * { letter-spacing: 0px !important; } /* for AddThis plugin */