/* Salsa No Ka Oi Main Stylesheet - snko-main.css - Designed by Chris Hall (chrishall78@gmail.com)
 *
 *  This file is the main stylesheet for SalsaNoKaOi.com. It contains layout as well as specific 
 *  styles for each page. If you're looking for the print stylesheet it is called "snko-print.css".
 * 
 */

/* Reset */
html, body, h1, h2, h3, h4, h5, h6, form, fieldset, blockquote, em,
cite, code, dt, dd, dl, button, code, table, th, tr, td { margin: 0px; padding: 0px; font-family: Verdana, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/* Formatting Styles - General */
BODY { color: #000000; margin: 0px; padding: 0px; 
       background:#FFFFFF url("../images/body_secondary_bkg.jpg") no-repeat center top; }
a:link { color: #AC1100; text-decoration: none; }
a:visited { color: #FC5B00; text-decoration: none; }
a:hover, a:active { color: #AC1100; text-decoration: underline; }
.j { text-align: justify; }
.small_grey { font-size: 8pt; color: #999999; }
.small_black { font-size: 8pt; color: #000000; }
.section_title { font-family: Georgia, Palatino, serif; color: #000000; padding-bottom: 10px; border-bottom: 1px dotted #FC5B00; }
h2.section_title { font-size: 175%; }
h3.section_title { font-size: 130%; padding-bottom: 0px; border-bottom: 0px solid #000000; }
.bottom_nav { display: block; width: 820px; margin: 0px auto 5px auto; padding-bottom: 5px; border-bottom: 0px dotted #FC5B00; }
#snko_footer a:link, #snko_footer a:visited { color: #FED716; text-decoration: none; }
#snko_footer a:hover, #snko_footer a:active { color: #FED716; text-decoration: underline; }
.copyright { color: #FED716; font-size: 9pt; text-align: center; padding: 0px 10px; }
p.quoteme { background:transparent url("../images/rdquo-grey.gif") no-repeat scroll right bottom; color:#666666;
            font-size:90%; line-height:150%; margin:10px 0px; }
p.quoteme:first-letter { background:transparent url("../images/ldquo-grey.gif") no-repeat scroll left top !important;
                         height:1.3em; padding:1px 0pt 3px 15px; width:12px; }
p.quote_name { color:#333333; margin-bottom:10px; text-align:right; font-size: 8pt; }
.sep_orange { background:transparent url("../images/sep_orange.gif") no-repeat scroll center top; height: 15px; clear:left; }
.sep_yellow { background:transparent url("../images/sep_yellow.gif") no-repeat scroll center top; height: 15px; }
.sep_red    { background:transparent url("../images/sep_red.gif") no-repeat scroll center top; height: 15px; }
.sep_black  { background:transparent url("../images/sep_black.gif") no-repeat scroll center top; height: 15px; }

/* Ad Related Styles */
#ad_right, #ad_left { position: absolute; top: 0px; padding: 5px 10px 0px 10px; margin-top: 10px; width: 180px; text-align: center; }
#ad_right { right: -200px; } #ad_left { left: -200px; }
.ad_box { background:#fff url("../blogger/images/corners_ad_top.gif") no-repeat left top;
          margin:0px; padding:10px 0 0; color:#666; text-align:center; }
.ad_box2 { background:url("../blogger/images/corners_ad_bot.gif") no-repeat left bottom; padding:0 10px 8px; }
.text_ad { margin-bottom: 12px; text-align: left; line-height: 1.2em; }
a.text_ad_title { display: block; font-size: 1.1em; color: #0000CC; }
span.text_ad_desc { display: block; font-size: 0.85em; }
span.text_ad_domain { display: block; font-size: 1em; color: #008048; }
.image_ad { margin-bottom: 12px; }
.image_ad img { border: 1px solid black; }

/* Layout Styles - General */
#snko_wrapper { width: 1010px; text-align: left; margin: 0px auto 0px auto;
                background: transparent url("../blogger/images/corners_wrapper_bot.gif") no-repeat right bottom; }
                /* change width to 1010px to include ad area, 820px without */
#snko_header { background: #FFFFFF url("../images/header_sec_bot.gif") no-repeat left bottom; width: 820px; height: 112px; margin: 8px auto 0px auto; }
#snko_navigation { background-color: #AC1100; height: 40px; width: 820px; margin: 0px auto 0px auto; }
#snko_content_area { background: #CCCCCC url("../blogger/images/corners_wrapper_bot.gif") no-repeat left bottom; }
#snko_column_left { float: left; width: 800px; padding: 15px 10px 0px 10px; background: transparent url("../images/content_bkg.jpg") repeat-x left top; }
#snko_column_right { float: right; width: 180px; height: 100%; padding: 15px 10px 0px 0px; background: transparent url("../images/content_bkg.jpg") repeat-x left top; }
#snko_footer { background-color: #AC1100; margin-top: 13px; margin-right: auto; margin-bottom: 0px; margin-left: auto;
               border-top: 3px solid #FC5B00; padding: 5px 0px; }
.header_logo { float: left; width: 160px; }
.header_adbanner { float: right; width: 570px; height: 90px; text-align: center; padding-right: 8px; padding-bottom: 17px; }
.header_info { text-align: right; padding-top:8px; }
.one_col { border: 0px solid black; width: 800px; float: left; margin: 0px 0px 10px 0px; padding:0px;
           background:#FFFFFF url("../blogger/images/corners_1col_bot.gif") no-repeat left bottom; }
.one_col2 { float:left; width:100%; padding:10px 0px 0px;
            background:url("../blogger/images/corners_1col_top.gif") no-repeat left top; }
.one_col3 { background:url("../blogger/images/rails_1col.gif") repeat-y; padding:0px 10px; }
.two_col_left, .two_col_right { border: 0px solid black; width: 395px; float: left; padding:0px 0px 10px;
                                background:#FFFFFF url("../blogger/images/corners_2col_bot.gif") no-repeat left bottom; }
.two_col_left { margin: 0px 5px 10px 0px;} .two_col_right { margin: 0px 0px 10px 5px;}
.two_col2 { float:left; width:100%; padding:10px 0px 0px;
            background:url("../blogger/images/corners_2col_top.gif") no-repeat left top; }
.two_col3 { background:url("../blogger/images/rails_2col.gif") repeat-y; padding:0px 10px; }

/* Layout Styles - Home Page Specific */
#snko_wrapper_home { width: 820px; text-align: left; margin: 0px auto 0px auto;
                background: #CCCCCC url("../blogger/images/corners_wrapper_home_bot.gif") no-repeat left bottom; }
#snko_header_home { background: #FFFFFF url("../images/header_home_bot.gif") no-repeat left top; height: 315px; }
#snko_content_area_home { padding: 0px; margin-top: 15px; }
#home_bkg { color: #000000; margin: 0px; padding: 0px; background:#FFFFFF url("../images/body_secondary_bkg_3.png") repeat-x scroll; }
#news_announcements { background: #CCCCCC none repeat scroll; width: 600px; float: left; }
#navigation_home_wrapper { width: 200px; float: right; padding: 0px 15px 0px 0px; }
#navigation_home { border: 0px solid black; margin: 0pt 0pt 15px; }
.ad_banner_home { border: 1px solid black; }
h2.newsletter, h3.testimonials { margin: 0px 0px 10px; text-align: center; color: #000000; }
#nokaoi { position:absolute; top:123px; left:auto; width:270px; height:auto; background-color: #AC1100; color: #FFFFFF; text-align:center; padding-top:10px; } 
#nokaoi h3 { color: #F1C318; } 
#nokaoi a:hover, #nokaoi a:link, #nokaoi a:visited { color: #F1C318 !important; text-decoration:none; }
/* Instructor Page Styles */
.instructor_img { border: 1px solid black; float: left; margin: 0px 5px 5px 5px; }
.instructor_name { font-family: Georgia, Palatino, serif; font-size: 140%; font-weight: bold; }

/* Class Schedule Page Styles */
#schedule_images { width: 320px; text-align: center; float: right; margin: 0px; }
#schedule_images img { border: 1px solid #333333; padding: 0px; margin-bottom: 10px; background-color: #FFFFFF; }
#schedule_text { width: 455px; text-align: left; }

/* Location Page Styles */
#location_map { float: right; margin-left: 10px; }
#location_text { width: 465px; text-align: left; }

/* Press Page Styles */
.press_title { }
.press_image { float: right; border: 1px solid #333333; padding:0; margin: 0 0 0 10px; background-color: #FFFFFF; clear:left; }

/* Photo Gallery Page Styles */
.gallery_image { display: block; text-align: center; background-color: #FFFFFF; }
.gallery_image img { border: 1px solid #333333; }
.gallery_caption { font-family: Georgia, Palatino, serif; font-size: 140%; font-weight: bold; text-align: center; margin: 10px 0px 0px 0px; }

/* Salsa Venues Page Styles */
TABLE.venues, TABLE.radio { border: 0px solid black; font-size: 10pt; }
TABLE.venues TD, TABLE.radio TD { padding: 3px; border-bottom: 1px dotted black; text-align: center; }
TABLE.venues TD.textleft, TABLE.radio TD.textleft { text-align: left; }
TABLE.venues TD.bottom, TABLE.radio TD.bottom { border-bottom: 1px solid #FC5B00; }
TABLE.venues TD.right, TABLE.radio TD.right { border-right: 1px solid #FC5B00; }
TABLE.venues TH, TABLE.radio TH { padding: 2px; border-bottom: 1px solid #FC5B00; vertical-align: middle; color: #000000; }
TABLE.venues TH.side, TABLE.radio TH.side { border-right: 1px solid #FC5B00; border-bottom: 0px solid black; vertical-align: top; }
.nostyle { padding: 0px; border: 0px solid black !important; }