/* CSS for Cosmopolitan */

/* beauty - 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 #E30F92; display: block; }
#overview_container .ov_section_second { border: 5px solid #E30F92; border-top: 0; display: block; padding: 0 5px 5px 5px; margin: 0; }
#overview_container .ov_section_articles { background: #E30F92; margin: 0; padding: 0 6px 0 6px; height: 24px; 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 .art_section_comments { display: block; padding: 5px 0 5px 0; margin: 0; }
#overview_container .reg_section_head { background: #E30F92; margin: 0; padding: 0 6px 0 6px; height: 24px; color: #EEEEEE; line-height: 22px; }
#overview_container .reg_section_head h5 { font-size: 14px; margin: 0; padding: 0; }
#overview_container .reg_section_head h6 { font-size: 11px; margin: 0; padding: 0; color: #F7B7DE; font-weight: 100; padding-right: 20px; }

#overview_content h3 { padding: 0; margin: 6px 3px 10px 3px; }
#overview_content p { padding: 0; margin: 0 3px 6px 6px; color: #555555; } * html #overview_content p { /* ie only */ margin: 0 3px 10px 6px; }

#ov_section_nav ul { width: 716px; background: #E30F92; 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: #E30F92; line-height: 14px; } 
#ov_section_nav a { color: #F7B7DE; text-decoration: none; font-weight: bold; }
#ov_section_nav a:hover { text-decoration: underline; }

#ov_section_intro { width: 434px; height: 121px; background: #E30F92; margin-left: 3px; padding: 14px; vertical-align: top; }
#ov_section_intro h3 { padding: 0; margin: 0; color: #FC84CB; 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: #F87FCC; 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; min-height: 40px; background: #E30F92; 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_body b, #art_section_body strong { color: #e93fa8; }
#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: #E30F92; 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; }

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