/** RESET STYLES **/
/* Define global styles
--------------------------------------------*/
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, cite,
code, dfn, em, font, img, kbd, q,
strong, sub, sup, tt, var, dd, dl, dt,
ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot,
thead, tr, th, td                           { border: 0; font-size: 100%; margin: 0; padding: 0; outline: 0; }


/* Define styles specific to elements
---------------------------------------------*/
body                                        { line-height: 1; }
ul, ol, li                                  { list-style: none; }
ol li                                       { list-style: decimal-leading-zero inside; }
blockquote, q                               { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after                           { content: ''; content: none; }
table, th, td                               { border-collapse: collapse; border-spacing: 0; }


/* Define focus elements
---------------------------------------------*/
:focus, :active                             { outline: 0; }


/** STYLES **/
body											{ background: #ffffff; color: #333333; font-size: 75%; font-family: sans-serif; text-align: center; }
p, li											{ line-height: 120%; }
table.full-width								{ width: 100%; }
table td										{ vertical-align: top; }
a, a:link										{ color: #EF4891; }
ol												{ margin-bottom: 8px; }
ol li											{ margin-bottom: 4px; }

#page-wrapper									{ margin: 0 auto; text-align: left; }
#page-header									{ margin-bottom: 4px; }
#page-footer									{ margin-top: 4px; }
#page-footer .disclaimer						{ color: #818181; text-align: center; margin: 4px 0; }
#page-footer .disclaimer a						{ color: #818181; text-align: center; margin: 4px 0; }
#page-footer span.prezence-pure-awesomeness		{ font-size: 90%; }
#page-footer .disclaimer span.dark				{ color: #000000; }
#advert-top										{ margin-bottom: 0; line-height: 0; }
#advert-bottom									{ margin-top: 4px; line-height: 0; }

div.navigation									{ padding: 0; text-align: center; line-height: 150%; }
div.navigation a,
div.navigation a:visited,
div.navigation a:link							{ color: #ffffff; text-decoration: none; margin: 0; font-weight: bold; }
div.navigation a:hover,
div.navigation a:focus,
div.navigation a:active							{ text-decoration: underline; }
div.navigation table							{ width: 100%; }
div.navigation table a							{ color: #ffffff; line-height: 100%; }
div.navigation table td							{ padding: 4px 2px; text-align: center; }
div.navigation table td.home-active				{ background: #EF4891; }
div.navigation table td.gossip-active			{ background: #F216EA; }
div.navigation table td.guys-active				{ background: #53BCFF; }
div.navigation table td.stylista-active			{ background: #BA43E3; }
div.navigation table td.win-active				{ background: #FFDB00; }
div.navigation table td.funstuff-active			{ background: #B0DB00; }
div.navigation table.multiline td				{ width: 33%; }

#page-header div.navigation						{ background: #ef4891; color: #EF94BC; }
#page-footer div.navigation						{ background: #808080; color: #A8A8A8; }


/** content wrappers **/
div.content-block								{ background: #E8E8E8; padding-bottom: 4px; margin-top: 4px; }
div.content-block-inner							{ margin: 4px 4px 0 4px; padding: 4px; background: #ffffff; }
div.content-block-spacer						{ height: 4px; }
div.content-block.content-block-main			{ background: #ffffff; }
div.content-block-padded-header					{ padding: 0 4px; }

table.items										{ margin: 4px 0; }
table.items td.image							{ padding-right: 8px; }
table.items td a.title							{ color: #3F3F3F; font-weight: bold; font-size: 110%; text-transform: uppercase; text-decoration: none; }
table.items td a.title:hover,
table.items td a.title:active,
table.items td a.title:focus					{ text-decoration: underline; }
table.items td span.published					{ color: #CB29D9; }
table.items td span.published span				{ color: #EF4891; }


/** common items **/
.expander										{ width: 99%; text-align: right; }
div#flashMessage								{ padding: 4px; border: 1px solid #F0E348; background: #FAFAA2; font-weight: bold; color: #000000; text-align: left; margin-bottom: 8px; }
div#flashMessage div.errors						{ color: #333333; font-weight: normal; margin-top: 3px; }
div#flashMessage.error							{ background: #FADDDC; color: #990000; border-color: #990000; }
div#flashMessage.error div.errors				{ color: #990000; }
div#flashMessage.success						{ border-color: #669900; color: #669900; background: #DFF0BD; }
table.expanded-link								{ margin-top: 4px; }
table.expanded-link-centered					{ margin-left: auto; margin-right: auto; }
table.expanded-link-bottom						{ margin-bottom: 4px; }
td.block-link									{ line-height: 100%; white-space: nowrap; }
td.block-link a									{ display: block; background: #818181; color: #ffffff; font-weight: bold; padding: 4px; text-decoration: none; margin-left: 4px; font-size: 100%; }
td.block-link a.stylista						{ background: #BA43E3; }
p.no-items										{ margin: 4px 0; }
p.back-link										{ text-align: left; margin-top: 8px; }
p.full-image									{ text-align: center; }
p.full-image img								{ border-width: 2px; border-style: solid; }
p.published										{ color: #EF4891; font-size: 90%; margin-bottom: 3px; }
p.published span								{ color: #CB29D9; }
p.title											{ font-size: 110%; font-weight: bold; margin-top: 4px; margin-bottom: 3px; }
p.title a.title									{ color: #333333; text-decoration: none; }
p.title a.title:hover,
p.title a.title:focus,
p.title a.title:active							{ text-decoration: underline; }
p.sub-title										{ font-size: 110%; font-weight: bold; margin-top: 3px; margin-bottom: 4px; }
p.sub-title.lighter								{ color: #777777; font-weight: normal; }
p.full-body										{ margin: 4px 0; }
p.view-more										{ text-align: right; margin-top: 8px; }
table.image-grid								{ margin-top: 8px; }
table.image-grid td								{ padding: 1px; }
table tr.divider td hr							{ background: #cccccc; border: 0; height: 1px; margin: 5px 0; }

div.comment-listing p							{ border-bottom: 1px solid #dddddd; margin-bottom: 8px; padding-bottom: 8px; }
div.comment-listing p.last						{ margin-bottom: 0; padding-bottom: 0; border: 0; }
div.comment-listing p span.poster				{ color: #CE48EF; }
div.comment-listing p span.time-ago				{ color: #999999; display: block; text-align: right; }
div.comment-listing p span.time-ago a			{ color: #666666; }

div.submit										{ text-align: right; }
div.submit input								{ font-size: 100%; color: #ffffff; background: #818181; border: 0; font-weight: bold; padding: 3px; }
div.submit.submit-image input							{ padding: 0; }
div.input label									{ display: block; }
div.input.text input,
div.input.textarea textarea						{ width: 209px; padding: 3px; border: 1px solid #cccccc; margin-top: 3px; }
div.input										{ font-weight: bold; margin-bottom: 8px; }
div.input input, div.input textarea				{ font-family: sans-serif; font-size: 100%; }


/** pagination **/
div.prev-next-pagination						{ text-align: right; line-height: 0; margin-bottom: 4px; }
div.prev-next-pagination.bottom,
table.prev-next-pagination.bottom				{ margin-top: 4px; margin-bottom: 0; }
div.prev-next-pagination.nopadding				{ margin: 0; }
#gallery table.prev-next-pagination tr td img	{ border: 0; }
table.prev-next-pagination td.border			{ border-left: 1px solid #ffffff; }



/** poll **/
#poll .content-block-inner						{ background: #E8E8E8; }
#poll p.title									{ background: #BABABA; }
#poll p.quiz-title								{ margin-bottom: 4px; }
#poll table.answers								{ width: 100%; }
#poll table.answers td.expander					{ text-align: left; }
#poll table.answers div.submit					{ text-align: right; }
#poll table.answers div.submit input			{ color: #ffffff; background: #818181; border: 0; font-weight: bold; padding: 3px; }
#poll table.answers td							{ padding-bottom: 3px; }


/** search **/
div#search										{ background: #818181; margin-bottom: 4px; padding: 4px; text-align: center; }
div#search table								{ margin: 0 auto; text-align: left; }
div#search div.input							{ margin: 0; }
div#search div.input input						{ margin: 0; }
div#search td									{ vertical-align: middle; }
div#search td.terms input						{ width: 115px; border: 0; background: #ffffff; }
div#search div.submit input						{ color: #ffffff; background: #818181; border: 0; font-weight: bold; }


/** homepage **/
#homepage-feature p.full-image					{ line-height: 0; }
#homepage-feature p.full-image img				{ border-color: #EF4891; }
#homepage-feature p.title						{ margin-top: 0; }
#homepage-feature div.content-liner				{ border: 2px solid #EF4891; margin-top: 4px; }
#homepage-feature div.content-liner-inner		{ margin: 2px; border: 2px solid #F8DAE8; padding: 2px; }
#homepage-others div.content-block				{ padding-top: 4px; }
#homepage-others div.content-block-inner		{ margin-top: 0; }
#homepage-others p.title						{ margin-top: 0; }
#homepage-others table tr td.image				{ padding-right: 4px; }








/** competitions **/
#featured-competition p.full-image img,
div.competition-view p.full-image img			{ border-color: #FFDB00; }




table.vote, table.voted					{ margin-top: 8px; }
table.vote td.expander					{ text-align: right; }
table.voted td							{ background: #848284; width: 54px; vertical-align: middle; text-align: center; line-height: 100%; }
table.voted td.tally					{ font-weight: bold; font-size: 140%; color: #000000; }
table.voted td.tally-hot				{ background: #EF4891; width: 50%; }
table.voted td.tally-not				{ background: #53BCFF; width: 50%; }
table.voted td div.tally-hot			{ background: #EF4891; }
table.voted td div.tally-not			{ background: #53BCFF; }
