/*** RESET ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
body { line-height: 1; }
a { color: inherit; text-decoration: inherit; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/************************************************************/

/*** GLOBAL ***/
body { background: #EEE; color: #333; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }
h1 { font-size: 24px; font-weight: bold; padding: 2px 0 13px; }
h1.heading { background: #D3D3D3 url('../img/heading_background.png') top left repeat-x; border-bottom: 1px solid #CCC; border-top: 1px solid #DDD; font-size: 16px; line-height: 16px; padding: 10px; }
h1.large { font-size: 20px !important; line-height: 20px !important; }
p { line-height: 22px; margin: 0 0 10px; }
a { color: #35ABFF; font-weight: bold; }
a:hover { text-decoration: underline; }
input { background: #FFF; border: 1px solid #999; color: #666; font-size: 12px; padding: 5px; }
select { background: #FFF; border: 1px solid #999; color: #666; font-size: 12px; padding-bottom: 5px; padding-left: 5px; padding-top: 5px; }
textarea { background: #FFF; border: 1px solid #999; color: #666; font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 5px; }
input[type=submit] { background: #D3D3D3 url('../img/heading_background.png') top left repeat-x !important; border: 1px solid #DDD !important; color: #333 !important; font-weight: bold !important; margin: 0 0 10px !important; padding: 5px 10px !important; width: auto !important; }
input[type=file] { width: auto !important; }
hr { background: #DDD; border: 0; height: 1px; }
ul { list-style-type: square; margin-left: 13px; }
table tr.alt { background: #EEE; }
table tr td { padding: 5px; }
table tr td.key { font-weight: bold; padding-right: 40px; }
br.clear { clear: both; }
div.container { margin: 0 auto; overflow: hidden; width: 980px; padding: 0 20px; }

/*** HEADER ***/
div#header { margin: 0 0 14px; }
div#header div.primary { background: #111; height: 50px; overflow: hidden; }
div#header div.primary div.container div.logo { float: left; }
div#header div.primary div.container div.navigation { float: right; }
div#header div.primary div.container div.navigation div { float: left; font-size: 11px; line-height: 50px; padding: 0 10px; text-shadow: 1px 1px 3px #000; text-transform: uppercase; }
div#header div.primary div.container div.navigation div.first { padding: 0 10px 0 0; }
div#header div.primary div.container div.navigation div.last { padding: 0 0 0 10px; }
div#header div.primary div.container div.navigation div.separator { background: #333; height: 20px; margin: 15px 10px; padding: 0; width: 1px; }
div#header div.primary div.container div.navigation div a { color: #FFF; font-weight: normal; text-decoration: none; }
div#header div.primary div.container div.navigation div a:hover { color: #35ABFF; text-decoration: none; }
div#header div.secondary { background: #222; border-top: 1px solid #333; color: #FFF; font-size: 11px; height: 32px; line-height: 32px; overflow: hidden; }
div#header div.secondary div.container div.left { float: left; }
div#header div.secondary div.container div.left div { float: left; margin: 0 20px 0 0; text-shadow: 1px 1px 3px #000; }
div#header div.secondary div.container div.left div a:hover { color: #FFF; text-decoration: none; }
div#header div.secondary div.container div.left div div { float: left; height: 16px; line-height: 16px; margin: 8px 0 0; }
div#header div.secondary div.container div.left div div.l { background: transparent url('../img/tag_new.png') top left no-repeat; width: 9px; }
div#header div.secondary div.container div.left div div.c { background: transparent url('../img/tag_new.png') bottom left repeat-x; color: #666; text-shadow: none; }
div#header div.secondary div.container div.left div div.r { background: transparent url('../img/tag_new.png') top right no-repeat; margin-right: 5px; width: 9px; }
div#header div.secondary div.container div.right { float: right; }
div#header div.secondary div.container div.right div.search { background: #FFF; border: 1px solid #000; height: 20px; margin: 5px 0 0; width: 200px; }
div#header div.secondary div.container div.right div.search input { border: 0; float: left; font-size: 11px; height: 17px; line-height: 17px; padding: 2px 0 0 5px; width: 177px; }
div#header div.secondary div.container div.right div.search img { float: right; padding: 1px 0 0; }
div#header div.shadow { background: transparent url('../img/shadow.png') top left repeat-x; height: 6px; }

/*** FOOTER ***/
div#footer { clear: both; color: #666; font-size: 11px; line-height: 17px; margin: 0 auto; padding: 0 0 200px; width: 980px; }
div#footer a { color: #666; font-weight: normal; }
div#footer hr { margin: 20px 0 40px; }
div#footer div.left { float: left; }
div#footer div.left ul { float: left; list-style-type: none; margin: 0 40px 0 0; }
div#footer div.left ul li a:hover { text-decoration: underline; }
div#footer div.right { float: right; font-size: 9px; text-align: right; }
div#footer div.right p { font-size: 7px; line-height: 10px; margin: 5px 0 0; text-transform: uppercase; width: 210px; }

/************************************************************/

/*** ADVERTISEMENTS ***/
div.ad_user_home { background: #FFF; margin: 0 0 20px; padding: 20px; }
div.ad_profile { background: #FFF; border: 1px solid #DDD; margin: 0 0 20px; padding: 5px; }

/*** AVATAR ***/
div.year_0 { background: #333; }
div.year_1 { background: #35ABFF url('../img/avatar_1.png') top left no-repeat; }
div.year_2 { background: #35ABFF url('../img/avatar_2.png') top left no-repeat; }
div.year_3 { background: #35ABFF url('../img/avatar_3.png') top left no-repeat; }
div.year_4 { background: #35ABFF url('../img/avatar_4.png') top left no-repeat; }
div.year_5 { background: #35ABFF url('../img/avatar_5.png') top left no-repeat; }
div.pro_year_0 { background: #DABA0C; }
div.pro_year_1 { background: #DABA0C url('../img/avatar_1.png') top left no-repeat; }
div.pro_year_2 { background: #DABA0C url('../img/avatar_2.png') top left no-repeat; }
div.pro_year_3 { background: #DABA0C url('../img/avatar_3.png') top left no-repeat; }
div.pro_year_4 { background: #DABA0C url('../img/avatar_4.png') top left no-repeat; }
div.pro_year_5 { background: #DABA0C url('../img/avatar_5.png') top left no-repeat; }

/*** BUTTON ***/
div.button div.l { background: transparent url('../img/button.png') top left no-repeat; float: left; height: 27px; width: 8px; }
div.button div.m { background: transparent url('../img/button.png') bottom left repeat-x; color: #333; float: left; font-size: 11px; height: 27px; line-height: 27px; padding: 0 5px; }
div.button div.r { background: transparent url('../img/button.png') top right no-repeat; float: left; height: 27px; width: 8px; }

/*** CONTENT BOX ***/
div.box { background: #FFF; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; font-size: 12px; line-height: 18px; margin: 0 0 20px; padding: 10px 10px 0; }
div.box_alt { background: #FFF; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; font-size: 12px; line-height: 18px; margin: 0 0 20px; padding: 0; }
div.box h1 a,
div.box_alt h1 a { color: inherit; }
div.box_alt h1 { background: #D3D3D3 url('../img/heading_background.png') top left repeat-x; border-bottom: 1px solid #CCC; font-size: 16px; line-height: 16px; margin: 0 0 10px; padding: 10px 10px 8px; }
div.box_alt h2 { color: #35ABFF; font-size: 16px; line-height: 26px; margin: 0; padding: 0 10px 5px; }
div.box_alt h5 { margin: 0; padding: 0 10px 5px; }
div.box_alt p { margin: 0 10px 10px; }
div.box_alt table { margin: 5px; }

/*** EMOTICONS ***/
div.emoticon { background: transparent url('../img/emoticons.png') top left no-repeat; display: inline-block; height: 16px; margin: 0 !important; padding: 0 !important; vertical-align: middle; width: 16px; }
div.emoticon_grin { background-position: 0px 0px; }
div.emoticon_heart { background-position: 0px -16px; }
div.emoticon_smile { background-position: 0px -32px; }
div.emoticon_tongue { background-position: 0px -48px; }
div.emoticon_unhappy { background-position: 0px -64px; }
div.emoticon_wink { background-position: 0px -80px; }

/*** ERROR & DEBUG ***/
div.error_box { background: #4A0000 url('../img/error_background.png') top left repeat-x; color: #FFF; font-size: 12px; line-height: 22px; margin: 0 0 20px; padding: 5px 10px; }
pre.debug { background: #DDD; border: 1px solid #333; font-family: "Courier New", Courier, Monaco, monospace; font-size: 11px; margin: 20px; padding: 20px; }
pre.debug h5 { color: #000; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 20px; line-height: 20px; margin: 0 0 20px; padding: 0; }

/*** FRIEND BAR ***/
div#fb { background: transparent url('../img/fb_background.png') top left repeat-x; bottom: 0; height: 61px; left: 0; position: fixed; width: 100%; z-index: 1000; }
div#fb div.container { height: 61px; position: relative; }
div#fb div#fb_minimizeClose { background: transparent url('../img/fb_minimize.png') top left no-repeat; cursor: pointer; height: 11px; position: absolute; right: 5px; top: 11px; width: 11px; }
div#fb div#fb_minimizeOpen { background: transparent url('../img/fb_minimize.png') bottom left no-repeat; cursor: pointer; height: 11px; position: absolute; right: 5px; top: 16px; width: 11px; }
div#fb div.container div#fb_left { height: 21px; left: 5px; position: absolute; top: 23px; width: 20px; }
div#fb div.container div.active_left { background: transparent url('../img/fb_arrow.png') bottom left no-repeat; cursor: pointer; }
div#fb div.container div.inactive_left { background: transparent url('../img/fb_arrow.png') top left no-repeat; }
div#fb div.container div#fb_right { height: 21px; position: absolute; right: 25px; top: 23px; width: 20px; }
div#fb div.container div.active_right { background: transparent url('../img/fb_arrow.png') bottom right no-repeat; cursor: pointer; }
div#fb div.container div.inactive_right { background: transparent url('../img/fb_arrow.png') top right no-repeat; }
div#fb div.container div#fb_outer { height: 55px; left: 40px; overflow: hidden; position: absolute; top: 6px; width: 880px; }
div#fb div.container div#fb_outer div#fb_inner { height: 55px; position: absolute; top: 5px; width: 100000px; }
div#fb div.container div#fb_outer div#fb_inner div.friend { background: #000; float: left; height: 45px; margin: 0 5px 0 0; position: relative; width: 172px; }
div#fb div.container div#fb_outer div#fb_inner div.friend img.avatar { height: 35px; left: 5px; position: absolute; top: 5px; width: 52px; }
div#fb div.container div#fb_outer div#fb_inner div.friend div { height: 35px; left: 62px; overflow: hidden; position: absolute; top: 5px; width: 105px; }
div#fb div.container div#fb_outer div#fb_inner div.friend div h1 { color: #35ABFF; font-size: 11px; font-weight: bold; height: 11px; line-height: 11px; margin: 0; overflow: hidden; padding: 0 0 2px; }
div#fb div.container div#fb_outer div#fb_inner div.friend div h2 { color: #FFF; font-size: 10px; font-weight: normal; height: 22px; line-height: 11px; margin: 0; overflow: hidden; }
div.fb_small { height: 37px !important; }
div.fb_small div.container { height: 37px !important; }
div.fb_small div.container div#fb_left { top: 11px !important; }
div.fb_small div.container div#fb_right { top: 11px !important; }
div.fb_small div.container div#fb_outer { height: 31px !important; }
div.fb_small div.container div#fb_outer div#fb_inner { height: 23px !important; }
div.fb_small div.container div#fb_outer div#fb_inner div.friend { height: 21px !important; }
div.fb_small div.container div#fb_outer div#fb_inner div.friend img.avatar { display: none !important; }
div.fb_small div.container div#fb_outer div#fb_inner div.friend img.delete { display: none !important; }
div.fb_small div.container div#fb_outer div#fb_inner div.friend div { height: 13px !important; left: 5px !important; width: 162px !important; }
div.fb_small div.container div#fb_outer div#fb_inner div.friend div h1 { height: 13px !important; padding: 0 !important; }
div.fb_small div.container div#fb_outer div#fb_inner div.friend div h2 { display: none !important; }

/*** MODAL ***/
div#modal_overlay { background: transparent url('../img/modal_background.png') top right repeat; left: 0; position: fixed; top: 0; z-index: 1000000; }
div.modal { background: transparent url('../img/modal_background.png') top right repeat; left: 0; padding: 20px; position: fixed; top: 0; z-index: 1000010; }
div.modal h1 { background: #EEE; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; color: #333; font-size: 12px; font-weight: bold; height: 17px; line-height: 17px; padding: 10px; }
div.modal p { background: #FFF; border: 1px solid #CCC; color: #333; font-size: 12px; line-height: 22px; margin: 0; overflow: hidden; padding: 10px; }
div.modal p.center { text-align: center; }
div.modal p input { background: #FFF; border: 1px solid #CCC; color: #333; padding: 5px; width: 365px; }
div.modal p img { margin: 5px 0 0; }
div.modal div { background: #EEE; border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; text-align: right; }
div.modal div input { background: #FFF; border: 1px solid #CCC; color: #333; cursor: pointer; font-size: 9px; font-weight: bold; margin: 10px 10px 10px 0; padding: 6px; text-transform: uppercase; width: auto; }
div#modal_excuse p img { margin: 5px auto; }
div#modal_photo table { background: #FFF; border: 1px solid #CCC; color: #333; font-size: 11px; line-height: 26px; width: 100%; }
div#modal_photo table td.key { padding: 10px 40px 10px 10px; width: 100px; }
div#modal_photo table td.key_top { vertical-align: top; }
div#modal_photo table td.field { padding: 5px 10px 5px 5px; }
div#modal_photo table td.field input { width: 441px; }
div#modal_photo table td.field textarea { height: 66px; line-height: 22px; padding: 0 0 0 5px; width: 446px; }

/*** USER BOX ***/
div.user_box { background: #FFF; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; overflow: hidden; padding: 10px; }
div.user_box div.thumb { float: left; height: 67px; margin: 0 10px 0 0; padding: 10px; width: 100px; }
div.user_box div.meta { float: left; }
div.user_box div.meta h1 { color: #35ABFF; font-size: 16px; font-weight: bold; height: 16px; line-height: 16px; margin: 0; overflow: hidden; padding: 0 0 5px; }
div.user_box div.meta h5 { color: #666; font-size: 11px; font-weight: bold; height: 11px; line-height: 11px; overflow: hidden; padding: 0 0 15px; }
div.user_box div.meta div.stats { color: #999; font-size: 11px; font-weight: bold; height: 11px; line-height: 11px; overflow: hidden; padding: 0 0 5px; }
div.user_box div.meta div.stats span { color: #35ABFF; }
div.user_box div.meta div.pb { height: 10px; width: 120px; }
div.user_box div.meta div.pb div.c { background: #35ABFF url('../img/pb_background.png') bottom left repeat-x; float: left; height: 10px; width: 12px; }
div.user_box div.meta div.pb div.i { background: #333 url('../img/pb_background.png') bottom left repeat-x; float: left; height: 10px; width: 12px; }

/************************************************************/

/*** ABOUT ***/
div.staff div.member h1 div.name { float: left; }
div.staff div.member h1 div.position { float: right; font-size: 12px; font-style: italic; }
div.staff div.member img { float: left; margin: 0 0 10px 10px; }
div.staff div.member div.bio { float: left; width: 700px; margin: -5px 0 0 10px; }
div.staff div.member p { margin: 0 0 10px; }


/*** AWARDS ***/
table.awards { margin: 0 10px 10px !important; }
table.awards tr td { line-height: 27px; padding: 10px; vertical-align: top; }
table.awards tr td.key { width: 125px; }

/*** ACCOUNT CHANGE ***/
div.change_left { float: left; margin: 0 20px 0 0; width: 480px; }
div.change_right { float: left; width: 480px; }
div.change_left h1,
div.change_right h1 { margin: 0; }
div.change_left table,
div.change_right table { width: 490px; }
div.change_left input,
div.change_right input { color: #CCC; }
div.change_left input[type=submit],
div.change_right input[type=submit] { margin: 0 !important; }
div.change_left div.submit,
div.change_right div.submit { text-align: right; }

/*** BLOG ***/
div.blog_header { height: 100px; margin: 0; overflow: hidden; width: 980px; }
div.blog_pagination { background: #000; border-bottom: 0; padding: 10px; }
div.blog_pagination ul { float: right; list-style-type: none; margin: 0; }
div.blog_pagination ul li { background: #222; border: 1px solid #FFF; color: #666; float: left; font-weight: bold; height: 20px; line-height: 20px; margin-left: 10px; padding: 0 6px 0 7px; text-align: center; }
div.blog_pagination ul li:hover { border: 1px solid #35ABFF; }
div.blog_pagination ul li.active,
div.blog_pagination ul li.active:hover { border: 1px solid #666; cursor: auto; }
div.blog_pagination ul li a { color: #FFF; }
div.blog_pagination ul li:hover a,
div.blog_pagination ul li a:hover { color: #35ABFF; cursor: pointer; text-decoration: none; }
div.blog_article div.thumb { float: right; height: 67px; margin: 0 10px 10px; padding: 10px; width: 100px; }
div.blog_article pre { background: #EEE; border: 1px solid #DDD; margin: 10px 20px; padding: 10px; }
div.blog_article p.small { font-size: 10px; font-style: italic; }
div.blog_article h2,
div.blog_article h3,
div.blog_article h4 { margin: 20px 10px 10px; }
div.blog_article h5 { padding: 0 10px 5px; }
div.blog_article table { margin: 10px 20px; }

/*** COMMUNITY ***/
div.community_left div.heading,
div.community_right div.heading { background: #D3D3D3 url('../img/heading_background.png') top left repeat-x; border-bottom: 1px solid #CCC; border-top: 1px solid #DDD; font-size: 16px; line-height: 16px; padding: 10px 0 10px 10px; }
div.community_left div.heading h1 { float: left; font-size: 16px; line-height: 26px; padding: 0 0 0 5px; }
div.community_left div.heading div.buttons { float: right; padding: 0 10px 0 0; }
div.community_left div.heading div.buttons div.button { cursor: pointer; float: left; }
div.community_left div.heading div.buttons div.button div.l { margin-left: 10px; }
div.community_left { float: left; margin-right: 20px; width: 668px; }
div.community_left div.top_photos div.photo { background: #FFF; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; font-size: 12px; line-height: 18px; margin: 10px 0 0; padding: 10px 10px 0; width: 648px; }
div.community_left div.top_photos div.photo div.thumb { float: left; height: 67px; margin: 0 10px 10px 0; width: 100px; }
div.community_left div.top_photos div.photo div.thumb img { height: 67px; width: 100px; }
div.community_left div.top_photos div.photo div.meta { float: left; width: 538px; }
div.community_left div.top_photos div.photo div.meta h1 { font-size: 16px; line-height: 16px; padding: 0; }
div.community_left div.top_photos div.photo div.meta h5 { color: #666; font-size: 11px; line-height: 11px; padding: 5px 0; }
div.community_right { float: left; width: 292px; }
div.community_right div.heading h1 { font-size: 16px; line-height: 27px; padding: 0 0 0 5px; }
div.community_right div.past_photo { background: #FFF; border: 1px solid #DDD; margin: 10px 0 20px; padding: 20px; }
div.community_right div.top_users div.user_box { margin: 10px 0 0; }
div.community_right div.top_users div.user_box div.thumb { height: 40px; padding: 5px; width: 60px; }
div.community_right div.top_users div.user_box div.thumb img { height: 40px; width: 60px; }

/*** CONTEST ***/
div.contests_left { float: left; margin: 0 20px 0 0; width: 480px; }
div.contests_left div img { padding: 0 10px 10px; }
div.contests_right { float: left; width: 480px; }
div.contests_right div.box_alt div { padding: 0 0 10px 10px; }
div.contests_right div.box_alt div.potm { padding: 0 0 0 10px; }
div.contests_right div.box_alt div.potm img { float: left; margin: 0 10px 0 0; }
div.contests_right div.box_alt div.potm h3 { color: #333; font-size: 16px; font-weight: bold; height: 16px; line-height: 16px; overflow: hidden; padding: 0 0 5px; width: 180px; }
div.contests_right div.box_alt div.potm h4 { color: #666; font-size: 11px; font-weight: normal; height: 11px; line-height: 11px; overflow: hidden; padding: 0 0 10px; width: 180px; }
div.contests_right div.box_alt div.potm p { height: 117px; line-height: 20px; margin: 0; overflow: hidden; padding: 0; width: 180px; }
div.contests_right div.past_contests { padding: 0 0 10px; }
div.contests_right div.past_contests h1 { margin: 0; }
div.contests_right div.past_contests div { background: #EEE; float: left; margin: 10px 0 0 10px; padding: 5px; }
div.contest_photos div.item { float: left; height: 125px; margin: 10px 0 0 10px; width: 188px; }
div.contest_photos div.item div.photo { height: 125px; overflow: hidden; position: relative; width: 188px; }
div.contest_photos div.item div.photo img { height: 125px; left: 0; position: absolute; top: 0; width: 188px; }
div.contest_photos div.item div.photo div { background: transparent url('../img/modal_background.png') top right repeat; bottom: 5px; left: 5px; line-height: 12px; padding: 5px; position: absolute; }
div.contest_photos div.first { margin: 10px 0 0; }
div.contest_empty { background: #FFF; border: 1px solid #CCC; margin: 20px 0 0; padding: 20px; }
div.contest_empty h1 { color: #999; font-size: 14px; line-height: 14px; margin: 0; padding: 0; text-align: center; }
div.winner { margin: 10px 0 0; padding: 10px; }
div.winner img { float: left; margin: 0 10px 0 0; }
div.winner div { float: left; width: 700px; }
div.winner div h1 { font-size: 20px; line-height: 20px; margin: 0; padding: 0; }
div.winner div h2 { color: #666; font-size: 11px; line-height: 11px; margin: 0; padding: 5px 0 9px; }
div.winner div p { height: 122px; line-height: 21px; overflow: hidden; }

/*** DEVELOPER ***/
h1.api_heading { background: #D3D3D3 url('http://cdn.mydailyphoto.com/img/heading_background.png') top left repeat-x; border-bottom: 1px solid #CCC; border-top: 1px solid #DDD; font-size: 16px; line-height: 16px; margin: 10px 0 0; padding: 10px 10px 8px; }
div.api { border-top: 0; margin: 0; padding: 0 0 10px; }
div.api p { margin: 0; padding: 10px 15px 0; }
div.api h2 { padding: 0 15px 5px; }
div.api ul { line-height: 12px; list-style-type: none; margin: 0 15px 10px; padding: 15px 0 0; }
div.api ul li { background: #EEE; margin: 0 0 5px; padding: 10px; }
div.api ul li div.key { float: left; font-weight: bold; width: 50px; }
div.api ul li div.type { float: left; font-style: italic; width: 200px; }
h1.command_heading { background: #007FD9 url('http://cdn.mydailyphoto.com/img/heading_blue_background.png') top left repeat-x; border-bottom: 1px solid #206799; border-top: 1px solid #206799; color: #FFF; font-size: 16px; line-height: 16px; margin: 10px 0 0; padding: 10px 10px 8px; }
div.command { border-top: 0; margin: 0; padding: 0 0 5px; }
div.command p { margin: 0; padding: 20px 15px 15px; }
div.command h2 { padding: 0 15px 5px; }
div.command ul { line-height: 12px; list-style-type: none; margin: 0 15px 10px; }
div.command ul li { background: #EEE; margin: 0 0 5px; padding: 10px; }
div.command ul li div.key { float: left; font-weight: bold; width: 150px; }
div.command ul li div.type { float: left; font-style: italic; width: 75px; }
div.command ul li span { font-weight: bold; }
div.command ul li ul { clear: both; margin: 20px 0 0 150px; }
div.command ul li ul li { background: #DDD; margin: 5px 0 0; }
div.command ul li ul li div.key { width: 135px; }

/*** HELP ***/
div.help h2 { color: #333; }
div.help p { margin: 0 30px 10px; }
div.help hr { margin: 10px; }

/*** HOME (VISITOR) ***/
div.splash { background-color: #CCC; background-position: top left; background-repeat: repeat; height: 207px; position: relative; width: 980px; }
div.splash div.date { background: transparent url('../splash/background.png') top left repeat; height: 44px; left: 20px; padding: 10px; position: absolute; top: 20px; }
div.splash div.date img { margin-right: 5px; }
div.splash div.date img.last { margin: 0; }
div.splash div.tag { height: 83px; left: 20px; position: absolute; top: 104px; }
div.home_stats { background: #FFF; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; clear: both; font-size: 14px; font-weight: bold; line-height: 14px; margin: 20px 0; padding: 15px 10px; text-align: center; }
div.home_stats span { color: #35ABFF; }
div.home_left { float: left; margin-right: 20px; width: 480px; }
div.home_right { float: left; width: 480px; }
div.home_featured { margin: 0 0 20px; }
div.home_featured img { float: left; margin: 0 20px 0 0; }
div.home_featured img.last { margin: 0; }

/*** HOME (AUTHORIZED USER) ***/
div.home_auth_left { float: left; margin: 0 20px 0 0; width: 340px; }
div.home_auth_left div.update { background: #007FD9 url('../img/heading_blue_background.png') top left repeat-x; border-bottom: 1px solid #206799; border-top: 1px solid #206799; color: #FFF; font-size: 16px; line-height: 16px; margin: 0 0 20px; padding: 10px; }
div.home_auth_left div.contest { margin: 0 0 20px; }
div.home_auth_left div.contest h1 { margin: 0; }
div.home_auth_left div.update a { color: #FFF; }
div.home_auth_left div.news h2 { font-size: 14px; line-height: 24px; }
div.home_auth_left div.news p { font-size: 10px; line-height: 20px; }
div.home_auth_left div.stats p { font-size: 11px; line-height: 21px; }
div.home_auth_left div.stats span { color: #35ABFF; font-weight: bold; }
div.home_auth_right { float: left; width: 620px; }
div.home_auth_right h1 { margin: 0; }
div.home_auth_right div#photos { height: 522px; overflow: hidden; padding: 20px 20px 0; }
div.home_auth_right div#photos div.photo { float: left; margin: 0 20px 20px 0; }

/*** LOGIN ***/
div.login { float: left; width: 420px; }
div.login input { border: 1px solid #DDD; color: #CCC; font-size: 12px; margin: 0 0 10px; padding: 5px; width: 389px; }
div.login input[type=submit] { margin: 0 !important; }
div.login_options { float: left; margin: 0 0 0 20px; width: 540px; }

/*** NOTICES ***/
div.notice { background: #FFF; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; font-size: 12px; margin: 10px 0 0; padding: 10px; }
div.read { background: #DDD; }
div.notice img { float: left; height: 20px; width: 30px; }
div.notice p { float: left; line-height: 20px; }
div.notice p.text { margin: 0 10px; width: 730px; }
div.notice p.date { color: #666; font-size: 11px; height: 20px; line-height: 21px; margin: 0 10px 0 0; overflow: hidden; text-align: right; width: 145px; }
div.notice img.close { cursor: pointer; float: left; height: 20px; width: 20px; }

/*** PROMOTE ***/
div.promote div { margin: 0 10px 10px; }
div.promote div img { margin: 0 10px 10px 0; }
div.promote div textarea { height: 80px; line-height: 16px; margin: 0; width: 288px; }
div.promote_large { clear: both; }
div.promote_small { float: left; width: 480px; }
div.promote_right { margin: 0 0 0 20px; }
div.promote_right div textarea { margin: 45px 0 0; }

/*** REGISTER ***/
div.register_left { float: left; margin-right: 20px; width: 620px; }
div.register_left input { width: 398px; }
div.register_left table tr td { padding: 5px 5px 15px; }
div.register_left table tr td.key { padding: 5px 20px 15px 5px; }
div.register_left table tr td.verified { padding: 0 0 0 7px; }
div.register_left table tr td.verified div { height: 20px; width: 16px; }
div.register_left table tr td.verified div.yes { background: transparent url('../img/valid_yes.png') top left no-repeat; }
div.register_left table tr td.verified div.no { background: transparent url('../img/valid_no.png') top left no-repeat; }
div.register_right { float: left; width: 340px; }

/*** REGISTER COMPLETE ***/
div.register_complete_left { float: left; margin-right: 20px; width: 600px; }
div.register_complete_right { float: left; width: 360px; }
div.home_auth_right div#photos div.last { margin: 0; }

/*** SEARCH ***/
div.search_left h2,
div.search_right h2 { background: #FFF; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; color: #333; font-size: 12px; font-weight: normal; line-height: 12px; margin: 10px 0 0; padding: 10px; }
div.search_left div.results,
div.search_right div.results { padding: 10px 0 0; }
div.search_left { float: left; margin: 0 20px 0 0; width: 580px; }
div.search_left hr { background: #CCC; border-bottom: 1px solid #FFF; border-left: 0; border-right: 0; border-top: 1px solid #CCC; height: 0px; margin: 20px 0; }
div.search_left div.button { cursor: pointer; }
div.search_left div.button div.m img { float: left; margin-right: 5px; }
div.search_left div.results div.result { background: #FFF; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; font-size: 12px; line-height: 18px; margin: 0 0 10px; padding: 10px 10px 0; width: 560px; }
div.search_left div.results div.result div.thumb { float: left; height: 67px; margin: 0 10px 10px 0; width: 100px; }
div.search_left div.results div.result div.thumb img { height: 67px; width: 100px; }
div.search_left div.results div.result div.meta { float: left; width: 450px; }
div.search_left div.results div.result div.meta h1 { font-size: 16px; line-height: 16px; padding: 0; }
div.search_left div.results div.result div.meta h5 { color: #666; font-size: 11px; line-height: 11px; padding: 5px 0; }
div.search_right { float: left; width: 380px; }
div.search_right div.user_box { margin: 0 0 10px; }
div.search_right div.user_box div.thumb { height: 40px; padding: 5px; width: 60px; }
div.search_right div.user_box div.thumb img { height: 40px; width: 60px; }

/*** SETTINGS ***/
div.settings div.heading { background: #D3D3D3 url('../img/heading_background.png') top left repeat-x; border-bottom: 1px solid #CCC; border-top: 1px solid #DDD; font-size: 16px; line-height: 16px; margin: 0 0 20px; padding: 10px 0 10px 10px; }
div.settings div.heading h1 { float: left; font-size: 16px; line-height: 26px; padding: 0 0 0 5px; }
div.settings div.heading div.buttons { float: right; padding: 0 10px 0 0; }
div.settings div.heading div.buttons div.button { cursor: pointer; float: left; }
div.settings div.heading div.buttons div.button div.l { margin-left: 10px; }
div.setting div.left { float: left; margin: 0 20px 0 0; width: 580px; }
div.setting div.right { float: left; width: 380px; }
div.setting table { margin: 0 10px; }
div.setting table tr td { padding: 0; }
div.setting table tr td.key { width: 200px; }
div.setting table tr td.field { padding: 0 0 10px; text-align: right; width: 360px; }
div.setting table tr td.field input { width: 348px; }
div.setting table tr td.field select { margin: 0 0 0 20px; }
div.setting table tr td.field textarea { height: 72px; line-height: 18px; width: 348px; }
div.setting div.buy { padding: 20px 0 50px; text-align: center; }
div.setting div.buy input { background: auto; border: 0; padding: 0; }
div.setting p.legal { color: #666; font-size: 11px; font-weight: bold; margin: 0 10px; }
div.setting p.details { color: #AAA; font-size: 10px; }
div.setting div.box { text-align: right; }

/*** THREADED COMMENTS ***/
div#threaded_comment_form { border-bottom: 1px solid #CCC; }
div#threaded_comment_form textarea { border: 1px solid #CCC; height: 107px; line-height: 22px; margin: 20px 0; padding: 10px; width: 958px; }
div#threaded_comment_form input { background: #FFF !important; border: 1px solid #CCC !important; height: 36px; margin: 0 0 20px !important; padding: 10px !important; width: 980px !important; }
div#threaded_comments div.comment { background: #FFF; border: 1px solid #CCC; margin: 20px 0 0; padding: 10px 10px 5px; }
div#threaded_comments div.comment div.avatar { float: left; height: 40px; margin: 0 10px 10px 0; padding: 5px; width: 60px; }
div#threaded_comments div.comment div.avatar img { height: 40px; width: 60px; }
div#threaded_comments div.comment div.meta { float: left; margin: 0 0 9px; }
div#threaded_comments div.comment div.meta h1 { padding: 0; }
div#threaded_comments div.comment div.meta h1 a { font-size: 16px; font-weight: normal; line-height: 16px; }
div#threaded_comments div.comment div.meta h5 { color: #333; font-size: 11px; font-weight: bold; line-height: 11px; padding: 6px 0 7px; }
div#threaded_comments div.comment div.meta h4 { color: #333; font-size: 11px; font-weight: bold; line-height: 11px; }
div#threaded_comments div.comment div.message { color: #666; line-height: 20px; }
div#threaded_comments_button div.button { cursor: pointer; float: right; margin: 15px 0 0; }
div#threaded_comments_button div.button img { float: left; margin-right: 5px; }

/*** UPDATE ***/
div.update_panels div.heading { background: #D3D3D3 url('../img/heading_background.png') top left repeat-x; border-bottom: 1px solid #CCC; border-top: 1px solid #DDD; font-size: 16px; line-height: 16px; margin: 0 0 20px; padding: 10px 0 10px 10px; }
div.update_panels div.heading h1 { float: left; font-size: 16px; line-height: 26px; padding: 0 0 0 5px; }
div.update_panels div.heading div.buttons { float: right; padding: 0 10px 0 0; }
div.update_panels div.heading div.buttons div.button { cursor: pointer; float: left; }
div.update_panels div.heading div.buttons div.button div.l { margin-left: 10px; }
div.update div.left { float: left; margin: 0 20px 0 0; width: 580px; }
div.update div.right { float: left; width: 380px; }
div.update table { margin: 0 10px; }
div.update table tr td { padding: 0; }
div.update table tr td.key { width: 200px; }
div.update table tr td.key span { font-size: 10px; font-weight: normal; margin: 0 0 0 10px; }
div.update table tr td.field { padding: 0 0 10px; text-align: right; width: 360px; }
div.update table tr td.field input { width: 348px; }
div.update table tr td.field select { margin: 0 0 0 20px; }
div.update table tr td.field textarea { height: 72px; line-height: 18px; width: 348px; }
div.update div.box { text-align: right; }
div.update div.right div.contests { border-bottom: 0; }
div.update div.right div.contests h1 { margin: 0 0 -5px; }
div.update div.right div.contests div.contest { border-bottom: 1px solid #DDD; padding: 15px 0 0; }
div.update div.right div.contests div.contest h2 { color: #333; font-size: 12px; line-height: 12px; padding: 0 0 5px 10px; }
div.update div.right div.contests div.contest h2.none { padding: 0 0 10px 10px; }
div.update div.right div.contests div.contest h2 input { margin: 0 10px 0 0; }
div.update div.right div.contests div.contest h2 span { color: #666; float: right; font-size: 10px; margin: 0 10px; }
div.update div.right div.contests div.contest { font-size: 11px; line-height: 21px; }
div.update div.left div.swf { padding: 0 10px 10px; }
div.update_crop div.left div.box_alt { float: left; margin: 0 20px 0 0; width: 690px; }
div.update_crop div.right { float: left; width: 270px; }
div.update_crop div.right div.preview { margin: 0 10px 10px; }
div.update_crop div.right div.box { text-align: right; }

/************************************************************/

/*** ADMINISTRATION ***/
div.admin_panels div.heading { background: #D3D3D3 url('../img/heading_background.png') top left repeat-x; border-bottom: 1px solid #CCC; border-top: 1px solid #DDD; font-size: 16px; line-height: 16px; margin: 0 0 20px; padding: 10px 0 10px 10px; }
div.admin_panels div.heading h1 { float: left; font-size: 16px; line-height: 26px; padding: 0 0 0 5px; }
div.admin_panels div.heading div.buttons { float: right; padding: 0 10px 0 0; }
div.admin_panels div.heading div.buttons div.button { cursor: pointer; float: left; }
div.admin_panels div.heading div.buttons div.button div.l { margin-left: 10px; }
div.admin div.left { float: left; margin: 0 20px 0 0; width: 580px; }
div.admin div.right { float: left; width: 380px; }
div.admin table { margin: 0 10px 10px; width: 960px; }
div.admin table tr td { padding: 5px; }
div.admin table tr td.key { font-weight: bold; }
div.admin table tr td.field { padding: 5px; text-align: right; }
div#admin_blog table tr td.key { font-weight: bold; width: 100px; }
div#admin_blog table tr td.field { padding: 5px; text-align: left; }
div.admin div.pb { height: 10px; width: 120px; }
div.admin div.pb div.c { background: #35ABFF url('../img/pb_background.png') bottom left repeat-x; float: left; height: 10px; width: 12px; }
div.admin div.pb div.i { background: #333 url('../img/pb_background.png') bottom left repeat-x; float: left; height: 10px; width: 12px; }
div.admin_list_photos div.item { cursor: pointer; float: left; height: 67px; margin: 5px 4px; width: 100px; }
div.admin_list_photos div.item div.photo { height: 67px; overflow: hidden; position: relative; width: 100px; }
div.admin_list_photos div.item div.photo img { height: 67px; left: 0; position: absolute; top: 0; width: 100px; }
div.admin_list_photos div.item div.photo div { background: transparent url('../img/modal_background.png') top right repeat; bottom: 5px; left: 5px; line-height: 12px; padding: 5px; position: absolute; }
div#ab { background: #222; border-top: 1px solid #444; bottom: 0; height: 29px; left: 0; position: fixed; width: 100%; z-index: 1000; }
div#ab div.container { height: 29px; position: relative; text-shadow: 1px 1px 3px #000; }
div#ab div.container div { border-left: 1px solid #444; color: #999; float: left; font-size: 11px; line-height: 29px; padding: 0 10px; }
div#ab div.container div span { color: #FFF; font-weight: bold; margin: 0 10px; }
div#ab div.container div select,
div#ab div.container div input { background: #191919 !important; border: 0 !important; color: #FFF !important; font-size: 11px !important; margin: 0 0 0 10px !important; padding: 2px !important; }
div#ab div.container div input { padding: 2px 5px !important; }
div#ab div.container div.heading { border: 0; color: #FFF; font-weight: bold; margin: 0; padding: 0 10px 0 0; }
div#ab div.container div.panel { background: #1C1C1C; }
div#ab div.container div.spoof { background: #470000; color: #FFF; }
div#ab div.container div.spoof a { color: #c89393; }
div#ab div.container div#ab_search { width: 220px; }
div#ab div.container div#ab_search input[type=text] { padding: 3px 5px !important; width: 50px; }
div#ab div.container div#ab_search_result { background: #470000; color: #FFF; width: 220px; }
div#ab div.container div#ab_search_result a { color: #FFF; }
div#ab div.container div.user { border-right: 1px solid #444; float: right; }
div#ab div.container div.photo { border-left: 0; border-right: 1px solid #444; float: right; }

/************************************************************/

/*** PHOTO ***/
div.photo_heading { padding: 10px; }
div.photo_heading div.left { float: left; font-size: 18px; font-weight: bold; line-height: 27px; }
div.photo_heading div.left span { font-size: 12px; font-weight: normal; line-height: 12px; }
div.photo_heading div.right { float: right; }
div.photo_heading div.right div.button { float: left; font-size: 11px; font-weight: bold; line-height: 11px; margin: 0 0 0 10px; }
div.photo_heading div.right div.button a,
div.photo_heading div.right div.button a:hover { color: #333; text-decoration: none; }
div.photo_container div.left { float: left; margin: 0 20px 0 0; width: 600px; }
div.photo_container div.left div.photo { margin: 0 0 20px; overflow: hidden; width: 620px; }
div.photo_container div.left div.meta { border-bottom: 1px solid #CCC; }
div.photo_container div.left div.meta h1 { line-height: 26px; padding: 5px 10px; }
div.photo_container div.left div.meta div.description { font-size: 11px; line-height: 17px; padding: 0 10px 10px; }
div.photo_container div.left div.meta div.tags { background: #DDD; border-top: 1px solid #CCC; font-size: 11px; line-height: 21px; padding: 5px 10px; }
div.photo_container div.left div.meta div.tags a { color: #000; }
div.photo_container div.left div#comment_form textarea { border: 1px solid #CCC; height: 66px; line-height: 22px; margin: 0 0 20px; padding: 10px; width: 578px; }
div.photo_container div.left div#comment_form input { background: #FFF !important; border: 1px solid #CCC !important; height: 36px; margin: 0 0 20px !important; padding: 10px !important; width: 600px !important; }
div.photo_container div.left div#comments { border-top: 1px solid #DDD; padding: 20px 0 0; }
div.photo_container div.left div#comments div.comment { padding: 10px; }
div.photo_container div.left div#comments div.comment div.avatar { float: left; height: 40px; margin: 0 10px 10px 0; padding: 5px; width: 60px; }
div.photo_container div.left div#comments div.comment div.avatar img { height: 40px; width: 60px; }
div.photo_container div.left div#comments div.comment div.meta { border: 0; float: left; margin: 0 0 10px; }
div.photo_container div.left div#comments div.comment div.meta h1 { padding: 0; }
div.photo_container div.left div#comments div.comment div.meta h1 a { color: #35ABFF; font-size: 16px; font-weight: normal; line-height: 16px; }
div.photo_container div.left div#comments div.comment div.meta h5 { color: #333; font-size: 11px; font-weight: bold; line-height: 11px; padding: 6px 0; }
div.photo_container div.left div#comments div.comment div.meta h4 { color: #333; font-size: 11px; font-weight: bold; line-height: 11px; }
div.photo_container div.left div#comments div.comment div.message { color: #666; }
div.photo_container div.right { float: left; width: 360px; }
div.photo_container div.right div.update { background: #007FD9 url('../img/heading_blue_background.png') top left repeat-x; border-bottom: 1px solid #206799; border-top: 1px solid #206799; color: #FFF; font-size: 11px; line-height: 13px; margin: 0 0 10px; padding: 10px; }
div.photo_container div.right div.update a { color: #FFF; }
div.photo_container div.right div.rating_container { border-bottom: 0; margin: 0; padding: 10px; }
div.photo_container div.right div.rating_container div.rating_key { float: left; font-size: 11px; font-weight: bold; line-height: 20px; margin: 0 20px 0 0; width: 120px; }
div.photo_container div.right div.rating_container div.rating { float: right; height: 12px; margin: 4px 0; width: 70px; }
div.photo_container div.right div.rating_container div.rating div { cursor: pointer; float: left; height: 12px; width: 14px; }
div.photo_container div.right div.rating_container div.rating div.e { background: transparent url('../img/stars.png') top right no-repeat; }
div.photo_container div.right div.rating_container div.rating div.f { background: transparent url('../img/stars.png') bottom right no-repeat; }
div.photo_container div.right div.awards_container { border-bottom: 0; margin: 0; padding: 10px; }
div.photo_container div.right div.awards_container div.awards_key { float: left; font-size: 11px; font-weight: bold; line-height: 20px; margin: 0 20px 0 0; width: 120px; }
div.photo_container div.right div.awards_container div.awards { float: right; height: 20px; }
div.photo_container div.right div.awards_container div.awards img { float: left; margin: -3px 0 -5px 10px; }
div.photo_container div.right div.share_container { border-bottom: 0; margin: 0; padding: 10px; }
div.photo_container div.right div.share_container div.share_key { float: left; font-size: 11px; font-weight: bold; line-height: 20px; margin: 0 20px 0 0; width: 120px; }
div.photo_container div.right div.share_container div.share { float: right; height: 20px; }
div.photo_container div.right div.fb_container { margin: 0; padding: 10px; }
div.photo_container div.right div.charts { background: #FFF; border: 1px solid #DDD; margin: 10px 0 0; margin: 10px 0 0; padding: 4px 10px 5px 9px; }
div.photo_container div.right div.charts img.bottom { padding: 4px 0 0; }
div.photo_container div.right div.map { background: #FFF; border: 1px solid #DDD; margin: 10px 0 0; padding: 10px; }
div.photo_container div.right div.exif { font-size: 11px; line-height: 11px; margin: 10px 0 0; }
div.photo_container div.right div.exif div.k { float: left; font-weight: bold; margin: 0 20px 10px 10px; width: 120px; }
div.photo_container div.right div.exif div.v { float: left; margin: 0 10px 10px 0; text-align: right; width: 200px; }
div.photo_container div.photo_xl { text-align: center; }

/*** PROFILE ***/
div.user_meta { height: 87px; padding: 10px; position: relative; }
div.user_meta div.left { left: 10px; position: absolute; top: 10px; width: 650px; }
div.user_meta div.left div.thumb { height: 67px; left: 0; margin: 0 10px 0 0; padding: 10px; position: absolute; top: 0; width: 100px; }
div.user_meta div.left div.meta { left: 130px; position: absolute; top: 0; }
div.user_meta div.left div.meta h1 { color: #333; font-size: 24px; font-weight: bold; height: 26px; line-height: 24px; overflow: hidden; padding: 0; }
div.user_meta div.left div.meta h2 { color: #666; font-size: 11px; font-weight: bold; line-height: 11px; padding: 9px 0 10px; }
div.user_meta div.left div.meta h3 { color: #666; font-size: 11px; font-weight: bold; line-height: 11px; padding: 0 0 10px; }
div.user_meta div.left h4 { color: #666; font-size: 11px; font-weight: bold; height: 12px; line-height: 11px; overflow: hidden; padding: 0; }
div.user_meta div.left h4 span { color: #666; font-style: italic; font-weight: normal; }
div.user_meta div.right { position: absolute; right: 10px; text-align: right; top: 10px; width: 300px; }
div.user_meta div.right div.pb { height: 13px; position: absolute; right: 0; top: 0; width: 140px; }
div.user_meta div.right div.pb div.c { background: #35ABFF url('../img/pb_background.png') bottom left repeat-x; float: left; height: 13px; width: 14px; }
div.user_meta div.right div.pb div.i { background: #333 url('../img/pb_background.png') bottom left repeat-x; float: left; height: 13px; width: 14px; }
div.user_meta div.right div.awards { position: absolute; right: 0; top: 24px; }
div.user_meta div.right div.awards div.button { float: left; font-weight: bold; margin-left: 10px; }
div.user_meta div.right div.awards div.button div.m { font-size: 9px; }
div.user_meta div.right div.awards div.button div.m img { float: left; margin-right: 5px; }
div.user_meta div.right div.add_friend { cursor: pointer; position: absolute; right: 0; top: 61px; }
div.profile_photos { background: #FFF; border-top: 1px solid #DDD; padding: 10px 0 0; }
div.profile_photos h1 { text-align: center; font-size: 20px; line-height: 228px; color: #BBB; }
div.profile_photos div.photo_outer { height: 248px; overflow: auto; width: 980px; }
div.profile_photos div.photo_outer table#photos { margin: 0 0 0 10px; }
div.profile_photos div.photo_outer table#photos td { padding: 0 10px 0 0; }
div.profile_photos div.photo_outer table#photos td div.meta { height: 12px; overflow: hidden; padding: 0 0 5px; }
div.profile_photos div.photo_outer table#photos td div.meta div.date { color: #999; float: left; font-size: 11px; height: 12px; line-height: 11px; overflow: hidden; }
div.profile_photos div.photo_outer table#photos td div.meta div.rating { float: right; height: 12px; width: 70px; }
div.profile_photos div.photo_outer table#photos td.ad div.meta div.rating { color: #666; font-size: 11px; font-weight: bold; height: 12px; line-height: 11px; width: auto; }
div.profile_photos div.photo_outer table#photos td div.meta div.rating div { cursor: pointer; float: left; height: 12px; width: 14px; }
div.profile_photos div.photo_outer table#photos td div.meta div.rating div.e { background: transparent url('../img/stars.png') top right no-repeat; }
div.profile_photos div.photo_outer table#photos td div.meta div.rating div.f { background: transparent url('../img/stars.png') bottom right no-repeat; }
div.profile_photos div.photo_outer table#photos td div.image { background: #000; height: 167px; overflow: hidden; padding: 10px 10px 0; width: 250px; }
div.profile_photos div.photo_outer table#photos td.ad div.image { background: #35ABFF; }
div.profile_photos div.photo_outer table#photos td div.image img { height: 167px; width: 250px; }
div.profile_photos div.photo_outer table#photos td div.caption { background: #000; color: #FFF; height: 19px; overflow: hidden; padding: 5px 10px; }
div.profile_photos div.photo_outer table#photos td.ad div.caption { background: #35ABFF; }
div.profile_photos div.photo_outer table#photos td div.caption p { font-size: 11px; left: 0; line-height: 22px; margin: -1px 0 0; position: relative; top: 0; width: 250px; }
div.profile_photos div.photo_outer table#photos td.ad div.caption p { font-weight: bold; text-align: center; }
div.profile_navigation { background: #D3D3D3 url('../img/heading_background.png') top left repeat-x; border-bottom: 1px solid #CCC; margin: 0 0 20px; padding: 10px; }
div.profile_navigation div.left { float: left; width: 425px; }
div.profile_navigation div.right { float: right; }
div.profile_navigation div.left a,
div.profile_navigation div.center a,
div.profile_navigation div.right a { color: inherit; }
div.profile_navigation div.center { text-align: center; }
div.profile_navigation div.right { text-align: right; }
div.profile_left { float: left; margin: 0 20px 0 0; width: 480px; }
div.profile_left div.box_alt div { padding: 0 10px 10px; }
div.profile_left div.box_alt div.messenger { padding: 0; }
div.profile_left div.box_alt div.messenger div.key { clear: both; float: left; font-weight: bold; width: 50px; }
div.profile_left div.box_alt div.messenger div.value { float: left; }
div.profile_left div.box_alt div#friends { padding: 0 10px 2px; }
div.profile_left div.box_alt div#friends div.friend { float: left; height: 40px; margin: 0 8px 8px 0; padding: 5px; width: 60px; }
div.profile_left div.box_alt div#friends div.last { margin: 0 0 8px; }
div.profile_left div.box_alt div#friends div.friend img { height: 40px; width: 60px; }
div.profile_right { float: left; overflow: hidden; width: 480px; }
div.profile_right div#comment_form { border-bottom: 1px solid #CCC; }
div.profile_right div#comment_form textarea { border: 1px solid #CCC; height: 107px; line-height: 22px; margin: 0 0 20px; padding: 10px; width: 458px; }
div.profile_right div#comment_form input { background: #FFF !important; border: 1px solid #CCC !important; height: 36px; margin: 0 0 15px !important; padding: 10px !important; width: 480px !important; }
div.profile_right div#comments { border-bottom: 1px solid #FFF; }
div.profile_right div#comments div.comment { border-bottom: 1px solid #CCC; border-top: 1px solid #FFF; padding: 15px 0 10px; }
div.profile_right div#comments div.comment div.avatar { float: left; height: 40px; margin: 0 10px 10px 0; padding: 5px; width: 60px; }
div.profile_right div#comments div.comment div.avatar img { height: 40px; width: 60px; }
div.profile_right div#comments div.comment div.meta { float: left; margin: 0 0 9px; }
div.profile_right div#comments div.comment div.meta h1 { padding: 0; }
div.profile_right div#comments div.comment div.meta h1 a { font-size: 16px; font-weight: normal; line-height: 16px; }
div.profile_right div#comments div.comment div.meta h5 { color: #333; font-size: 11px; font-weight: bold; line-height: 11px; padding: 6px 0 7px; }
div.profile_right div#comments div.comment div.meta h4 { color: #333; font-size: 11px; font-weight: bold; line-height: 11px; }
div.profile_right div#comments div.comment div.message { color: #666; line-height: 20px; }
div.profile_right div#comments_button div.button { cursor: pointer; float: right; margin: 15px 0 0; }
div.profile_right div#comments_button div.button img { float: left; margin-right: 5px; }

/*** CUSTOM OVERRIDES ***/
body.custom_profile div.box_alt,
body.custom_profile div.box_alt h1,
body.custom_profile div.user_meta,
body.custom_profile div.profile_photos,
body.custom_profile div.profile_right div#comment_form,
body.custom_profile div.profile_right div#comment_form textarea,
body.custom_profile div.profile_right div#comment_form input,
body.custom_profile div.profile_right div#comments,
body.custom_profile div.photo_container div.left div.meta div.tags,
body.custom_profile div.photo_heading,
body.custom_profile div.photo_container div.left div#comment_form,
body.custom_profile div.photo_container div.left div#comment_form textarea,
body.custom_profile div.photo_container div.left div#comment_form input,
body.custom_profile div.photo_container div.left div#comments,
body.custom_profile div.photo_container div.left div#comments div.comment,
body.custom_profile div.photo_container div.right div.rating_container,
body.custom_profile div.photo_container div.right div.share_container,
body.custom_profile div.photo_container div.right div.fb_container,
body.custom_profile div.photo_container div.right div.charts,
body.custom_profile div.photo_container div.right div.map { border: 0 !important; }
body.custom_profile div.box_alt h1 { background: none; }
body.custom_profile div.profile_navigation { background: none; border: 0; margin: 0; padding: 20px 0; }
body.custom_profile div.profile_navigation div.left { width: 435px; }
body.custom_profile div.profile_right div#comments div.comment { border: 0; margin: 0 0 10px; padding: 10px; }
body.custom_profile div.profile_right div#comments_button div.button { margin: 10px 0 0; }
body.custom_profile div.photo_container div.left div#comments { padding: 0; }
body.custom_profile div#footer { background: #222; margin: 20px 0 0; padding: 10px 10px 200px; width: auto; }
body.custom_profile div#footer hr { height: 0; margin: 0; }
