/*
Theme Name: Westport Dance Theme
Theme URI: http://www.westportdance.com/
Description: Westport's Academy of Dance version 2.0
Version: 2.0
Author: Visual Mercenary Group
Author URI: http://visualmerc.com/
Tags: 
*/

/* Start Safari Hack */
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    body { background-color: blue; }
}*/
/* End Safari Hack */

/* Start Common CSS */
div, span, h1, h2, h3, h4 {margin: 0px; padding: 0px;}
body {margin: 0px; padding: 0px; background: #ffffff;}
.cloaker {display: none;}
/* End Common CSS */


/* Start Site Frame Structure */
.logo_area {width: 210px;}
.menu_area {width:600px; float: left;}
#container {width: 1050px;}
#body_area {margin: 0px; width: auto; display: block; float: left; border: 1px solid #d1d1d1; border-top: none;}
#header_area {margin-top: 10px; width: 1050px; height: 95px;}
#left_box_area {margin: 0px; padding: 0px; width: 183px; float: left;}
#right_box_area {margin: 0px 0px 0px 1px; width: 177px; float: left;}
#border_gradient {width: 1050px; height: 11px; background: url(assets/img/border_gradient_img.jpg) repeat-x top left;}
#splash_area {width: 687px; height: 185px;}
#footer_area {width: 1050px; display: block; clear: both; float: left;}
/* End Site Frame Structure */

/* Start Menu Typography & Colors */
.logo_area a {border: 0px; width: 254px; height: 70px; text-decoration: none; display: block;}
.menu_area ul {margin: 0px 0px 0px 190px;  padding: 0px; width: auto; height: 20px; list-style: none;}
.menu_area ul li {float: left; font-family: Verdana, Geneva, sans-serif; font-weight: 200; font-size: 12px; color: #ccc;}
.menu_area ul li a {margin-left: 15px; padding-right: 15px; font-family: Arial, Helvetica, sans-serif; color: #56447d; font-size: 13px; text-decoration: none; display: block;}
.menu_area ul li a:hover {text-decoration: none; color: #da6722;}

.menu_area ul li.btn_normal {border-right: 1px solid #56447d;}

.menu_area ul li.btn_active {border-right: 1px solid #56447d;}

.menu_area ul li.last {border-right: none;}
/* End Menu Typography & Colors */

/* Start Search Form Area */
.search_area {margin: -5px 0px 0px 0px; padding: 0px; width: 400px; height: 20px; background: url(assets/img/slogan_img.jpg) no-repeat bottom left; float: right;}
.search_area form {margin: -40px 0px 0px 0px; padding: 0px; width: 180px; float: right;}
.search_area form input {margin: 0px; padding: 0px; width: 148px; border: 1px solid #5f4a73; background: #CCCCCC;}
.search_area form input.btn_submit {margin: 0px; padding: 0px; width: 25px; height: 18px; border: 0px; background: url(assets/img/btn_search.jpg) no-repeat top left; position: relative; top: 1px;}
*+html .search_area form input.btn_submit {top: -1px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.search_area form input.btn_submit {top: -1px;}
}
.search_area form label {margin: 0px 0px 5px 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #da6722; text-align: left; display: block;}

.share_header {margin: 5px 0px 0px 5px; padding: 0px; float: right;}
*+html .share_header {position: relative; left: 180px;}
.share_header a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #56447d; vertical-align: middle; text-decoration: none;}
.share_header a:hover {color: #da6722; text-decoration: underline;}
/* End Search Form Area */

/* Start Special Feature Area */
#feature_area {margin: 0px; padding: 10px 0px; width: 180px; height: auto;}
#feature_area h1 {margin: 0px auto; padding: 0px; width: 160px; height: 28px; background: url(assets/img/titlebar_special_feature.jpg) no-repeat top left; display: block;}
#feature_body {margin: 10px 0px 0px 0px; padding: 0px; width: 183px; height: auto;}

.feature_box {margin: 0px 0px 10px 0px; padding: 0px 0px 20px 0px; width: 183px; height: auto; background: url(assets/img/feature_divider_img.gif) no-repeat bottom center;}
.img_box {margin: 0px auto; padding: 0px; width: 160px; height: 70px; display: block;}
.img_box a img {margin: 0px; padding: 0px; width: 156px; border: 1px solid #666; height: 70px;}
.img_box a:hover img {margin: 0px; padding: 0px; border: 2px solid #56447d;}
.feature_blurb_area {margin: 0px auto; padding: 10px 0px 0px 0px; width: 160px; display: block;}
.feature_blurb_area p.title_text {margin: 0px; padding: 0px; width: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.feature_blurb_area p.title_text a {text-decoration: none; color: #da6722; text-align: left; font-size: 12px; font-weight: bold;}
.feature_blurb_area p.title_text a:hover {text-decoration: none; color: #56447d;}
.feature_blurb_area p.excerpt_text {margin: 0px; padding: 0px; width: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333;}
/* End Special Feature Area */

/* Start Media Category Area */
#media_cat_area {margin: 0px auto; padding: 10px 0px 0px 0px; width: 177px;}
.media_cat_body {margin: 0px; padding: 0px; width: 160px;}
#media_cat_area h1 {margin: 0px auto; padding-bottom: 10px; width: 160px; height: 30px; background: url(assets/img/titlebar_categories.jpg) no-repeat top left;}
.media_cat_body ul {margin: 0px 0px 5px 0px; padding: 0px; width: 160px; height: auto; list-style: none;}
.media_cat_body ul li {margin: 0px 0px 0px 10px; padding:0px; width: 160px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
.media_cat_body ul li a {margin: 0px; padding: 0px; text-decoration: none; color: #56447d;}
/*.media_cat_body ul li a:before {content:'&raquo ';}*/
.media_cat_body ul li a:hover {text-decoration: none; color: #da6722;}

.media_cat_body ul li ul {margin: 0px 0px 5px 10px; padding: 0px;}
.media_cat_body ul li ul li {margin: 0px; padding: 0px; width: 160px; height: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; border: 0px;}

/* End Media Category Area */

/* Start Archive Area */
#archive_area {margin: 0px auto; padding: 10px 0px 0px 0px; width: 177px;}
#archive_area h1 {margin: 0px auto; padding-bottom: 10px; width: 160px; height: 30px; background: url(assets/img/titlebar_archives.jpg) no-repeat top left;}
#archive_area ul {margin: 0px 0px 5px 0px; padding: 0px; width: 160px; height: auto; list-style: none;}
#archive_area ul li {margin: 0px 0px 0px 15px; padding:0px; width: 160px; height: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
#archive_area ul li a {margin: 0px; padding: 0px; text-decoration: none; color: #56447d;}
/*.media_cat_body ul li a:before {content:'&raquo ';}*/
#archive_area ul li a:hover {text-decoration: none; color: #da6722;}

#archive_area ul li ul {margin: 0px 0px 5px 10px; padding: 0px;}
#archive_area ul li ul li {margin: 0px; padding: 0px; width: 160px; height: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; border: 0px;}

/* End Archive Area */

/* Start Inflo Area */
#inflo_area {margin: 0px auto; padding: 10px 0px 0px 0px; width: 177px; border: 1px solid #d1d1d1;}
#inflo_area h1 {margin: 0px auto; padding: 0px; width: 160px; height: 30px; background: url(assets/img/titlebar_highlights.jpg) no-repeat top left;}
.inflo_body {margin: 0px auto; padding: 5px 0px; width: 160px; list-style: none; background: url(assets/img/feature_divider_img.gif) no-repeat bottom center;}
.inflo_body p {margin: 0px 0px 10px 0px; padding: 0px; width: 160px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; text-align: left;}
.inflo_body p a {text-decoration: underline; color: #56447d;}
.inflo_body p a:hover {text-decoration: none; color: #da6722;}
/* End Inflo Area */

/* Start Related News Area */
#news_area {margin: 0px auto; padding: 10px 0px 0px 0px; width: 177px; height: auto;}
#news_area h1 {margin: 0px auto; padding: 0px; width: 160px; height: 30px; background: url(assets/img/titlebar_relatednews.jpg) no-repeat top left;}
.news_body {margin: 0px; padding: 5px 0px; width: 160px; list-style: none;}
.news_body p {margin: 0px 0px 0px 10px; padding: 0px; width: 160px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #333; text-align: left;}
.news_body p a {text-decoration: none; color: #56447d;}
.news_body p a:hover {text-decoration: none; color: #333;}
.newsframe {margin: 5px 0px 10px 0px; padding: 0px 0px 5px 0px; width: 183px; height: auto;}
/* End Related News Area */

/* Start Main Content Area */
#main_content_area {width: 687px; float: left;}
.post {margin: 0px auto; padding: 20px 0px; width: 685px; background: url(assets/img/post_bg.jpg) repeat-x top left; border: 1px solid #d1d1d1;}

.titlebar_area {margin-bottom: 10px; width: 685px; float: left;}
.titlebar_area h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-style: italic; vertical-align: middle; font-weight: 400; color: #333; text-decoration: none; float: left;}
.pagetitle {margin-left: 30px;}
.titlebar_area h2 a {margin-left: 20px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; font-style: italic; vertical-align: middle; font-weight: 400; color: #56447d; text-decoration: none; float: left;}
.titlebar_area h2 a:hover {color: #da6722; text-decoration: none;}
.date_txt {margin: 10px 20px 0px 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; vertical-align: middle; font-weight: 400; color: #56447d; float: right; }
.entry {margin: 0px auto; clear:both;}
.entry p {margin: 0px auto; padding-bottom: 10px; width: 650px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
.entry p a {text-decoration: underline; color: #56447d;}
.entry p a:hover {text-decoration: underline; color: #da6722;}
.entry p a img {margin: 0px auto; text-align: center; border: none;}

.comment_area {margin: 0px auto; padding-top: 30px; width: 640px;}
.comment_area textarea {margin: 0px auto; width: 630px;}
.comment_area p {margin: 0px 0px 10px 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: #333;}
.comment_area p a {color: #56447d; text-decoration: none;}
.comment_area p a:hover {text-decoration: underline;}
.comment_area h3 {margin: 0px; padding: 0px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; font-style: italic; vertical-align: middle; font-weight: 400; color: #56447d;}
.more-link {margin-top: 20px; display: block;}
/* End Main Content Area */

/* Start Search Page Area */
.search_post {margin: 0px auto; padding: 0px 0px 20px 20px; width: 654px}
.search_post h3 a {margin: 0px; padding: 0px; width: 650px; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 22px; font-weight: 400; color: #56447d; text-decoration: none; display: block;}
.search_post h3 a:hover {color: #da6722; text-decoration: none;}
.search_post small {margin: 0px 0px 10px 0px; color: #56447d; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 11px; display: block;}
.search_post p {margin: 0px; padding: 0px; width: 640px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333;}

.search_post form {width: 200px;}
.search_post form input {width: 150px; border: 1px solid #330066; background: #CCCCCC;}
.search_post form input.btn_submit {width: 24px; height: 18px; background: #666; border: 0px; font-size: 11px; color: #fff;}
.search_post form label {margin: 0px 0px 5px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-align: right; display: block;}
/* End Search Page Area */

/* Start Share This Area */
#sharethis_area {margin-top: 5px; margin-right: 20px; text-align: right;}
#sharethis_area a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #56447d; text-decoration: none;}
#sharethis_area a:hover {color: #da6722; text-decoration: underline;}
/* End Share This Area */

/* Start Social Network Area */
.socialnet {margin: 3px 25px 0px 0px; padding: 0px; list-style: none; float: right;}
.socialnet li {margin-right: 5px; float: left; display: block;}
.wpdfacebook a {background: url(assets/img/wpdfacebook_img.png) no-repeat top left; width: 20px; height: 20px; display: block;}
.wpdtwitter a {background: url(assets/img/wpdtwitter_img.png) no-repeat top left; width: 20px; height: 20px; display: block;}
.wpdrss a {background: url(assets/img/wpdrss_img.png) no-repeat top left; width: 20px; height: 20px; display: block;}
/* End Social Network Area */

/* Start Footer Area */
#footer_area p {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
#footer_area p a {text-decoration: underline; color: #56447d;}
#footer_area p a:hover {text-decoration: underline; color: #da6722;}
/* End Footer Area */

.commentlist {list-style: none;}
.commentlist a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #56447d; text-decoration: none;}
.commentlist a:hover {text-decoration: underline; color: #da6722;}
.postmetadata {text-align: right;}