/* CSS for Cosmopolitan */

/* win - when you edit anything here apart from color(s) you have to edit all other section styles that apply */
#overview_container .ov_section { border: 5px solid #0D64BA; display: block; }
#overview_container .ov_section_second { border: 5px solid #0D64BA; border-top: 0; display: block; padding: 0; margin: 0; }
#overview_container .ov_section_third { border: 5px solid #0D64BA; border-top: 0; display: block; padding: 0; padding-bottom: 5px; margin: 0; }
#overview_container .ov_section_fourth { border: 5px solid #0D64BA; border-top: 0; display: block; padding: 5px 5px 5px 5px; margin: 0; }
#overview_container .ov_section_articles_fourth { background: #0D64BA; margin: 0; padding: 0 6px 0 6px; height: 24px; color: #EEEEEE; line-height: 22px; }
#overview_container .ov_section_articles_fourth h5 { font-size: 14px; margin: 0; padding: 0; }
#overview_container .ov_section_articles_fourth a { font-size: 11px; color: #EEEEEE; text-transform: none; font-weight: bold; }
#overview_container .ov_section_articles_fourth a:hover { text-decoration: none; }
#overview_container .ov_section_articles { background: #0D64BA; margin: 0; padding: 0 6px 0 6px; height: 38px; color: #EEEEEE; line-height: 22px; }
#overview_container .ov_section_articles h5 { font-size: 14px; margin: 0; padding: 0; }
#overview_container .ov_section_articles a { font-size: 11px; color: #EEEEEE; text-transform: none; }
#overview_container .ov_section_articles a:hover { text-decoration: none; }
#overview_container .ov_section_articles_second { background: #0D64BA; margin: 0; padding: 0 6px 0 6px; height: 24px; color: #EEEEEE; line-height: 22px; }
#overview_container .ov_section_articles_second h5 { font-size: 14px; margin: 0; padding: 0; }
#overview_container .art_section_comments { display: block; padding: 5px 0 5px 0; margin: 0; }

#ov_section_nav ul { width: 716px; background: #0D64BA; float: left; margin: 0; padding: 0; padding-left: 2px; color: #FFFFFF; list-style-type: none; color: #EEEEEE; }
#ov_section_nav li { float: left; display: inline; padding: 0 5px 0 5px; height: 20px; text-align: center; background: #0D64BA; line-height: 14px; } 
#ov_section_nav a { color: #A8D0FF; text-decoration: none; font-weight: bold; }
#ov_section_nav a:hover { text-decoration: underline; }

#ov_section_intro { width: 434px; height: 121px; background: #0D64BA; margin-left: 3px; padding: 14px; vertical-align: top; }
#ov_section_intro h3 { padding: 0; margin: 0; color: #DE4CCB; font-size: 22px; font-weight: 100; }
#ov_section_intro h4 { padding: 0; padding-bottom: 6px; margin: 0; color: #EEEEEE; font-size: 22px; font-weight: 100; line-height: 24px; }
#ov_section_intro a { font-size: 10px; color: #FF92F1; text-decoration: underline; text-transform: uppercase; }
#ov_section_intro a:hover { text-decoration: none; }
#ov_section_intro p { color: #EEEEEE; }

#art_section_head { display: inline; float: left; width: 436px; minheight: 40px; background: #0D64BA; padding: 6px 14px 8px 20px; margin-bottom: 10px; margin-left: -20px; }
#art_section_head h4 { padding: 0; margin: 0; color: #FFFFFF; font-size: 28px; font-weight: 100; }
#art_section_body { margin: 0 20px 10px 20px; }
#art_section_foot { float: left; width: 442px; height: 26px; background: #868686; color: #EEEEEE; padding: 0 14px 0 14px; line-height: 24px; font-weight: bold; margin-left: -20px; }

.art_make_comments_head { width: 698px; height: 24px; background: #0D64BA; color: #EEEEEE; padding: 0 14px 0 14px; line-height: 24px; }
.art_make_comments_head h4 { padding: 0; margin: 0; color: #FFFFFF; font-size: 14px; font-weight: bold; }
.art_make_comments_head a { color: #EEEEEE; text-decoration: underline; font-weight: bold; }
.art_make_comments_head a:hover { text-decoration: none; }

#win_section_head { display: inline; float: left; width: 436px; background: #0D64BA; padding: 6px 14px 8px 20px; margin-bottom: 10px; margin-left: -20px; }
#win_section_head h4 { padding: 0; margin: 0; color: #FFFFFF; font-size: 34px; font-weight: 100; }
#win_section_body { margin: 0 20px 10px 20px; }
#win_section_body b, #win_section_body strong { color: rgb(13,100,186); }
#win_section_foot { float: left; }
#win_section_foot img { float: left; margin-left: -4px; } * html #win_section_foot img { /* ie only */ margin-left: -2px; }
#win_section_foot a { font-size: 11px; color: #000000; text-decoration: none; }
#win_section_foot a:hover { text-decoration: underline; }

.win_bg_div { background: url(../images/bg_div_win.gif) repeat-x bottom left; }
.win_bg_div h5 { padding: 10px 20px 10px 14px; margin: 0; color: #000000; font-size: 11px; font-weight: bold; }
.win_bg_div p { padding: 0 20px 10px 14px; margin: 0; }

.win_bg_form { background: #C1D0E1; padding: 6px 16px 6px 16px; margin-top: 3px; color: #000000; }
.win_bg_form p { padding: 0; margin: 0; }
.win_bg_form td { vertical-align: top; }

.win_form_text { margin: 15px 0 15px 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #555555; }
.win_form_text a { color: #000000; text-decoration: underline; font-weight: bold; }
.win_form_text a:hover { text-decoration: none; }

.item h5 { color: #0D64BA; font-size: 12px; font-weight: bold; margin: 0; margin-bottom: 2px; padding: 0; }
.item_sub_hdr { color: #000000; font-size: 11px; font-weight: bold; margin: 0; margin-bottom: 6px; padding: 0; }
.item_sub_hdr { padding: 0; margin: 0; color: #000000; font-size: 11px; font-weight: bold; }
.item_div { background: none; padding-left: 0; }
.item_div_comp { background: url(../images/bg_item_div_comp.gif) no-repeat top center; padding-left: 0; }

#overview_articles { padding: 0 5px 0 5px; }
#overview_articles .article_div { background: url(../images/bg_article_div_win.gif) repeat-x top left; }
#overview_articles .article_div_left { background: url(../images/bg_article_div_win.gif) repeat-x top left; padding-left: 0; }
#overview_articles .article_left { padding-left: 0; }

#overview_articles .ov_section_hdr { padding: 0; margin: 0; color: #0D64BA; font-size: 14px; text-transform: uppercase; font-weight: bold; }
#art_section_body strong {color:#0D64BA;}
/* win - end */