* {margin: 0; padding: 0}
html {font: 62.5%/1.8em Arial, Verdana, sans-serif; color: #787878}
body {font-size: 1.2em; background: url(/images/bg_top.gif) repeat-x #CCCCCC;}
a {color: #434343; text-decoration: none; font-weight: bold; outline: none}
a:hover {text-decoration: underline}
p a {text-decoration: underline; font-weight: normal}
a.arrow {background: url(/images/icon-arrow.png) no-repeat 0 3px; padding-left: 15px}
a img {border: none}
p {padding: 5px 0px}
dl {float: left; display: block; margin-bottom: 30px}
dt, dd {float: left}
dt {height: 20px; clear: left; font-weight: bold; font-size: 1em; margin-right: 5px; line-height: 19px; color: #434343}
dd {margin-right: 5px; line-height: 20px}
ul {padding: 5px 0px; list-style: inside disc}
ol {list-style-position: inside}
#secondary_content ul {float: left}
li {}
li span {color: #555; font-size: 0.9em !important}
th {border-bottom: 1px solid #efefef}
label {display: block; color: #555; clear: left; font-size: 1.2em; font-weight: bold; padding-bottom: 2px; padding-top: 7px; text-transform: capitalize}
fieldset {float: left; width: 480px; border: 1px solid #efefef; margin: 5px 0; padding: 5px}
.form_section {float: left; padding-bottom: 7px; padding-right: 15px; margin-bottom: 10px}
.form {list-style: none}
.radio {width: 100%}
input[type=text], input[type=password], textarea {display: block; clear: both; font-size: 1.3em; padding: 3px; margin-bottom: 5px}
input#post_title {width: 480px}
.form_section input[type=text], .form_section input[type=password] {width: 220px}
#primary_content textarea {width: 460px}
input[type=submit] {display: inline}
.yes_no {padding-top: 7px; float: left; font-weight: bold}
div.yes_no div.fieldWithErrors {width: 20px; font-size:1em}
div.form_section div.special {border: 1px solid #efefef; float: left; margin: 15px 0 0 0}
div.form_section div.special label {display: inline}
.answer {margin-bottom: 0 !important}
.answer dt, .answer dd {float: left}
.answer dt {width: 30px}
.answer dd {width: 435px; line-height: 15px}
.show {float: none}
.show dt {width: 200px}
.show dd {margin-top: 9px}
.show .location {float: right}
div.form_section div.special {overflow: hidden; padding: 7px 10px}
div.form_section div.special_inline {font-size: 1.1em; width: 400px}
div.form_section div.special_inline label {float: left}
div.form_section div.special input, div.form_section div.special_inline input {width: auto; float: none; margin-right: 3px}
div.form_section span {font-size: 1.1em}
.formError {font-size: .9em; font-weight: normal; color: #c00; font-style: italic; padding-left: 3px}
h2 .formError, .heading .formError {font-size: .6em !important; font-weight: normal !important; color: #c00 !important; font-style: italic !important; padding-left: 3px !important}
#agreement .formError {padding: 0; font-size: 1em}
.form_buttons .formError {display: block; width: 100%}
.formError span {font-weight: bold; color: #666; font-style: normal; font-size: 1.4em}
div.form_section div.special label span {font-size: .7em; font-weight: normal}
div.form_section div.special span.answer, div.form_section div.special_inline span.answer, div.form_section span.answer {font-weight: bold; font-size: 1.2em; color: #666; padding-left: 7px}
#agreement {width: 100%}
div.special_inline span.answer {float:left; margin: 0 10px}
.form_buttons {clear: left; float: left; border-top: 2px solid #f7f7f7; padding-top: 10px; margin-top: 15px; color: #666; width: 100%}
div.form_buttons div {padding-top: 0; padding-bottom: 10px}
div.form_buttons div span {padding-left: 5px}
div.form_buttons div.formError {color: #c00}
div.form_buttons div.fieldWithErrors {display: inline}
.job_style_list_wrapper {overflow: hidden}
#job_list, #style_list {height: auto}
.special ul {float: left; margin: 5px 0}
.special ul li {list-style: none; width: 234px; display: block; float: left; padding: 3px 0; font-size: 1.1em; color: #333}
#affiliations li span {font-size: .9em}
div.form_info, div.form_info_long {margin-top: 3px; padding: 5px 7px; border: 1px solid #efefef; color: #444}
div.form_info_long {padding-top: 5px; height: 150px; overflow: auto}
span.help {font-size: .8em; font-family: Arial, Verdana, sans-serif}
h2 span.help {font-size: .6em}
span.linked_project {margin-left: 60px; display: block; font-size: .9em}
#secondary_content label span {font-size: .9em; font-weight: normal}
#secondary_content ul.form li {padding: 1px 5px }
.opt_out {padding-top: 20px}
#billing_detail_expiration_date_1i {width: 70px}
h1, h2, .heading {font-family: "Times New Roman", Times, serif; color: #333}
h1 {font-size: 2.4em; margin-bottom: 15px; text-indent: 10px}
h1 a:link, h1 a:visited {text-decoration: none; color: #333}
h1 a:hover {color: #F00; text-decoration: underline}
h2, .heading { font-size: 1.7em; padding-bottom: 12px; margin: 0 0 10px; padding-top: 30px; border-bottom: 2px solid #f7f7f7}
#fullwidth h2 {width: 747px}
#secondary_content h2 {width: 256px}
h2.first {width: 500px; padding: 30px 0 77px 10px; background: url(/images/bg-shadow-heading.png) repeat-x bottom; margin-bottom: -63px}
h2 span, .heading span {color: #898989}
.add_comment {font-family: "Times New Roman", Times, serif}
#primary_content form h2 {padding-top: 30px; clear: both; background: none}
h3 {float: left; width: 490px; font-size: 1.2em; color: #333; font-weight: bold}
.seach_results h3 {float: none}
.lead_heading {text-transform: none !important}
.count {top: 0; font-size: 1em; color: #f00; margin: 0; padding: 0; background: none}
.dashboard_section h3, .contact_title{ float: left; width: 475px; height: 30px; line-height: 32px; text-transform: uppercase; font-size: 1em; margin-bottom: 5px; padding-left: 14px; border-bottom: 1px solid #efefef; background: url(/images/icon-arrow-circle_black.png) no-repeat left center}
h3 span a {position: relative; top: -1px; font-size: .9em; color: #898989; text-transform: uppercase; margin-left: 10px; padding-left: 12px; background: url(/images/icon-arrow-circle_gray.png) no-repeat left center}
#admin_dashboard h3 {color: #000; margin-bottom: -5px}
.post h3, .message h3, .folder_item h3, #cs_details h3 {font-size: 1em; margin: 30px 0 10px; border-bottom: 1px solid #efefef; padding-bottom: 12px}
#cs_details h3 {margin: 30px 0 0; border: none}
h4 {font-size: 1.1em; color: #333; margin: 3px 0}
#main_actions {position: absolute; top: 47px; left: 407px; width: 350px; margin-top: 10px; text-align: right}
#main_actions a {float: right; margin-left: 10px; padding: 5px 0 5px 20px; font-weight: normal; text-decoration: underline; color: #FF0000}
#main_actions p {padding: 0}
#edit {background: url(/images/icon-edit.png) no-repeat center left}
#save_to_folder, #save_to_folder_closed a {background: url(/images/icon-plus.png) no-repeat center left}
#save_to_folder_open a {background: url(/images/icon-minus.gif) no-repeat center left}
#private, #public {}
h2 .actions {position: absolute; left: 250px; width: 250px; margin-top: -15px; text-align: right; text-transform: uppercase; font-weight: normal}
h2 .actions a, .invite {font-size: .5em; font-family: Arial, Verdana, sans-serif; color: #f00 !important; margin-left: 5px; padding: 2px 5px 2px 16px; background: url(/images/icon-arrow-circle.png) no-repeat left center}
.invite {font-size: .9em}
#secondary_content h2 .actions {left: 607px; width: 150px}
.contacts {margin-bottom: 20px}
.contact_actions {float: left; width: 490px; list-style: none; margin: -5px 0 5px}
.contact_actions li {float: left; border-right: 1px solid #ddd; margin-right: 5px; padding-right: 5px; line-height: 1.2em; font-size: .9em}
.contact_actions a {color: #f00}
.contact_actions .last {border: none; margin: 0; padding: 0}
.contact_actions .user_contact {float: right; font-size: .9em}
.contact_actions .user_contact a {color: #333}
.status {border-bottom: 1px solid #efefef}
.paginator {display: block; color: #f00}
.paginator span {color: #787878}
.ad_footer, .ad_banner, .ad_med_rectangle, .ad_large_rectangle, .ad_med_rectangle_2, .ad_skyscraper {border: 5px solid #ccc; background: #efefef; margin: auto; white-space: nowrap}
.ad_footer {width: 744px}
.ad_banner {width: 728px}
.ad_med_rectangle {width: 300px}
.ad_large_rectangle {width: 300px}
.ad_med_rectangle_2 {width: 300px}
.ad_skyscraper {width: 120px}
.ad_skyscraper_wide {width: 160px}
#blog_footer {text-align: center; float: right; width: 727px; padding: 20px; border-left: 1px solid #ddd; background: url(/images/bg-shadow-heading.png) repeat-x top}
#body_wrapper {width: 992px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; background: url(/images/content-bg.png) repeat-x #FFFFFF; overflow: hidden; margin-left:auto; margin-right:auto}
#content {position: relative; overflow: hidden; width: 800px; margin-left: 0px; border: 1px solid #ddd; border-top: none; border-bottom: none; padding-top: 10px; z-index: 1}
#fullwidth {float: left; width: 747px; padding: 20px 10px; background: url(/images/bg-shadow-line.png) repeat-x top}
#fullwidth .content_block {float: left; width: 747px; margin: 0 -10px; padding: 0 10px 20px; background: url(/images/bg-shadow-line.png) repeat-x bottom}
#primary_content {float: left; width: 512px; border-right: 1px solid #ddd; background: url(/images/bg-shadow-line.png) repeat-x top; padding: 10px 0}
#primary_content .content_block {float: left; width: 480px; margin: 0; padding: 0 10px 20px; background: url(/images/bg-shadow-line.png) repeat-x bottom}
#secondary_content {float: right; margin-left: -1px; width: 270px; border-left: 1px solid #ddd; background: url(/images/bg-shadow-line.png) repeat-x top; padding: 15px 0}
#footer {position: relative; clear: both;  margin: 0; padding:10px; color: #A9A9A9; border-right: 1px solid #DDD; background: #333 url(../images/tpl_footer_bg.png) repeat-x;}
#footer a {color:#A9A9A9; text-decoration:none}
#footer a:hover {color:#666}
#footcontainer {

    margin: 0px auto;

    padding: 0px;

    width: 920px;

    text-align: left;

}



#footcontainer p {

    margin: 0 10px;

    padding: 0px;

    color: #635549;

}



#footcontainer p a {

    margin: 0px;

    border: none;

    text-decoration: none;

    color: #ffffff;

}



#footcontainer p a:hover {

    border-bottom: 1px dotted #ffffff;

}



#footcontainer p a img.rss {

    border: none;

    text-decoration: none;

}
.new_case_study, .new_project, .new_blog_post, .get_contact_info, .get_consultation, .edit_profile {float: left; display: block; width: 244px; height: 61px; text-indent: -9999px}
.new_case_study {background: url(/images/button-new_case_study.png)}
.get_contact_info {background: url(/images/button_contact.jpg)}
.get_consultation {background: url(/images/button_consult.jpg)}
.new_project {background: url(/images/button-new_project.png)}
.new_blog_post {background: url(/images/button-new_blog_post.png)}
.edit_profile {background: url(/images/button-edit_profile.png)}
.get_started {width: 127px; height: 35px; display: block; margin: 10px auto 0; text-indent: -9999px}
.get_started {background: url(/images/button-get_started.png)}
.view_all {float: right; clear: left; width: 113px; height: 48px; display: block; margin: 0; text-indent: -9999px}
.view_all {background: url(/images/button-view_all.png)}
.dashboard_contact, .dashboard_project, .dashboard_purchase {display: block; width: 78px; height: 32px; text-indent: -9999px}
.dashboard_contact {background: url(/images/button_dash_contact.jpg)}
.dashboard_project {background: url(/images/button_dash_view_project.jpg)}
.dashboard_purchase {background: url(/images/button_dash_purchase.jpg)}
.buy_lead, .view_inquiry {margin: 10px 10px auto 0; background: #fff; border: none; text-indent: -9999px; float: left; display: block}
.buy_lead:hover, .view_inquiry:hover {background-position: 0px -56px}
.buy_lead {background: url(/images/button_dash_purchase.jpg)}
.view_inquiry {background: url(/images/button_dash_contact.jpg)}
.view_project {background: url(/images/button_dash_contact.jpg)}
.flash {width: 600px; margin-bottom: 20px}
.flash_blank {height: 40px; width: 640px; margin-bottom: 10px}
.flash_message p {font-weight: bold}
.flash p {font-weight: bold; font-size: 1.1em; padding: 5px 10px}
.flash_notice {color: green}
.flash_message {color: green}
.flash_warning {color: #ff0000}
.flash a {font-weight: bold}
#header {position: relative; padding-left:27px; width: 1019px; height: 154px; overflow: hidden; color: #f00;  margin-left:auto; margin-right:auto}
#header dt, #welcome dt {font-size: 1.1em; font-weight: bold; color: #333; margin-bottom: 4px; float: none}
#header dd, #welcome dd {float: none}
#header .active_group {border-top: 15px solid #fff}
#logo-1hit {text-indent: -9999px; width: 352px; height: 138px; background: url(/images/1hit-logo.jpg) #FFFFFF; border-top: 15px solid #333; border-bottom: 1px solid #ddd}
#logo-gaytube {text-indent: -9999px; margin-left:-27px; visibility:visible; width: 379px; height: 138px; background: url(/images/gaytube-logo.gif) #FFFFFF; border-top: 15px solid #333; border-bottom: 1px solid #ddd}
#logo-vidgay {text-indent: -9999px; margin-left:-27px; visibility:visible; width: 379px; height: 138px; background: url(/images/vidgay.jpg) #FFFFFF; border-top: 15px solid #333; border-bottom: 1px solid #ddd}
#logo-1hit a, #logo-gaytube a, #logo-vidgay a {display: block; width: 379px; height: 140px; text-decoration: none; overflow: hidden; -moz-outline-style: none}
#discover dd a, #explore dd a, #connect dd a, #welcome dd a {font-weight: normal; color: #666; display: block}
#status dd a {color: #f00}
#header dd a:hover {color: #333}
#welcome dt {color: #fff}
#welcome dd {color: #fff}
#welcome dd a {font-weight: normal; color: #fff}
#welcome dd a:hover {color: #fff}
#discover, #explore, #connect, #status {position: absolute; top: 0; width: 127px; height: 131px; padding: 7px 9px 0; border-top: 15px solid #333; border-bottom: 1px solid #ddd}
#discover, #connect {background: url(/images/bg-navborder.png) repeat-y left}
#explore {left: 379px; background:#FFFFFF}
#discover {left: 485px; background:#FFFFFF}
#connect {left: 608px; background:#FFFFFF}
#status {left: 864px; width: 138px; background:#FFFFFF}
#status dt, #status dd {height: auto}
#welcome {position: absolute; left: 736px; top: 0; width: 108px; overflow: hidden; padding: 22px 10px 0; color: #fff !important; height: 155px; background: url(/images/my-studio-bg1.png) repeat-x; z-index: 40}
.welcome_public dd {color: #fff !important; font-size: .9em !important; line-height: 1.3em}
#welcome #sign_out a {font-weight: bold; border-top: 1px solid #999; margin-top: 5px; padding-top: 5px}
#status label {width: 111px; height: 15px; font-size: .9em; color: #666; margin: 0; padding: 0}
#status input[type="text"], #status input[type="password"] {width: 90px; height: 15px; font-size: .8em; padding: 0; border: 1px solid #ccc}
#status input[type="submit"] {float: left; display: block; margin-right: 5px}
#welcome dl dd a {color: #fff}
#welcome .sign_up {display: block; width: 80px; height: 31px; background: url(/images/button-sign_up.png); text-indent: -9999px; margin: 14px auto 0}
#welcome #forgot {display: inline}
#my_msg, #create_account {position: absolute; top: 154px; left: 736px; width: 118px !important; padding: 5px 0 0 10px; font-size: 1em; color: #fff; line-height: 1.2em; overflow: hidden; height: 36px; z-index: 1000; background: #ff1d00}
#my_msg a, #create_account a {color: #fff; font-weight: bold; text-decoration: none; padding-right: 10px}
#my_msg a:hover, #create_account a:hover {text-decoration: underline}
#secondary_content .content_block {float: left; width: 265px; padding: 0 10px 20px; background: url(/images/bg-shadow-line.png) repeat-x bottom}
#secondary_content h2, #secondary_content .heading {float: left; width: 236px}
.item_list {width: 475px}
.item_list_sidebar {width: 221px !important}
.item_list dt, .item_list_sidebar dt {height: auto; padding-left: 15px; background: url(/images/icon-arrow.png) no-repeat 0 5px}
.item_list_sidebar dt {width: 221px}
.item_list dd {width: 475px}
.item_list_sidebar dd {width: 221px; height: auto}
.item_list dd, .item_list_sidebar dd {padding: 0 0 5px 15px; margin-bottom: 5px; border-bottom: 1px solid #eee; font-size: 1em; color: #777}
.vcard div {margin: 0; padding: 0}
.vcard .url {margin-bottom: 10px}
.contact_now {float: left; background: url(/images/icon-contact_now.png) no-repeat right 0%; padding: 0 40px 10px 0; color: #f00}
#secondary_content dl {width: 236px}
#secondary_content .details {width: 237px; list-style: outside disc}
#secondary_content .details li {margin: 5px 0 0 17px}
#ratings {float: left; width: 236px; padding-bottom: 5px; border-bottom: 1px solid #efefef; margin-bottom: 10px}
#ratings dt, #ratings dd {height: 20px}
#ratings dt {float: left; width: 130px; font-weight: bold; margin-bottom: 5px}
#ratings dd {float: right; width: 86px; margin-bottom: 5px}
#search_results, #blog_folder, #message_folder {clear: both; list-style: none}
#secondary_content #search_results {border-top: 1px solid #efefef; margin-top: 5px; padding-top: 5px}
#search_results dl, #blog_folder dl, #message_folder dl {float: left; display: block; margin-bottom: 0}
#secondary_content #search_results dl {width: 150px}
#search_results dt, #search_results dd, #blog_folder dt, #blog_folder dd, #message_folder dt, #message_folder dd {float: left; font-size: .9em; margin-right: 5px}
.folder_item .result {border: none}
#secondary_content #search_results dt, #secondary_content #search_results dd {height: auto}
#search_results dt, #blog_folder dt, #message_folder dt {clear: left; font-weight: bold}
.open_filter {float: left; width: 100%; display: block; margin-bottom: 7px}
#project_filters .special ul {width: 725px}
.open_filter a {text-decoration: underline; cursor: pointer}
.result {float: left; width: 490px; padding: 7px 0; border-bottom: 1px solid #efefef; margin-bottom: 7px; overflow: hidden}
#secondary_content .result {width: 236px; padding: 3px 0; border-bottom: 1px solid #efefef; margin-bottom: 7px; overflow: hidden}
.result .thumb {float: left; width: 58px; margin: 0 7px 10px 0; padding-bottom: 6px; background: url(/images/bg-shadow-line.png) repeat-x bottom}
#secondary_content .result .thumb {margin: 0 7px 5px 0}
.result dl {width: 270px; padding-left: 15px; background: url(/images/icon-arrow.png) no-repeat left 2px}
#secondary_content .result dl {width: 163px; padding-left: 15px; background: url(/images/icon-arrow.png) no-repeat left 2px}
#secondary_content #search_results dt {width: 163px}
.result .info {width: 163px}
.result dt, .result dd {height: 15px}
#search_results .name, #blog_folder .name, #message_folder .name {width: 100%; height: 1em; line-height: 1em; font-size: 1em; font-weight: bold; margin: 0}
#search_results .name a , #blog_folder .name a, #message_folder .name a {color: #333; text-decoration: none}
#search_results .name a:hover, #blog_folder .name a:hover, #message_folder .name a:hover {text-decoration: underline}
.result .rating {float: right; width: 110px; margin-left: 10px}
.result .teaser {height: auto; font-size: 1em !important; line-height: 2em; display: block; float: none !important; color: #666}
.result .teaser a {color: #f00}
.result .notes {height: auto}
.result .notes ul {float: left; list-style: none; padding: 0}
.result .notes ul li {float: left; border-right: 1px solid #ddd; margin-right: 5px; padding-right: 5px; line-height: 1.2em}
.result .notes ul li a {color: #f00}
.result .notes ul .last {border: none}
.result .rating .label {font-size: .9em; color: #666}
#user_results {border-top: 1px solid #f7f7f7}
.user {float: left; padding: 5px 0; border-bottom: 1px solid #f7f7f7}
.user dl {float: left; width: 300px; height: 30px; margin-bottom: 15px}
.user dl .name {background: url(/images/icon-arrow.png) no-repeat 0 5px}
.user dl dd {padding-left: 15px}
.user .links {font-size: .9em; float: left; color: #efefef}
.user .links a {color: #f00}
.user .add_user {float: right; margin-top: 15px}
div.profile input {width: auto; float: none}
.budget_slider, .est_time_slider, .distance_slider {float: left; margin: 10px 0}
div.budget_slider label span, div.est_time_slider label span, .distance_slider label span {display: block; font-size: .9em; font-weight: normal}
div.budget_slider ul, div.est_time_slider ul, div.distance_slider ul {padding-top: 5px; list-style: none; background: #efefef; width: 490px; float: left; padding-bottom: 5px}
div.slider_bar_wrap {background: #efefef}
div.slider_bar {width: 490px; height: 13px; background: url('/images/slider_bg.gif') repeat-x left top}
div.slider_handle, .selected {height: 10px; color: #000; cursor: move}
div.budget_slider div.slider_handle, div.budget_slider .selected {width: 61px}
div.est_time_slider div.slider_handle, div.est_time_slider .selected {width: 81px}
div.distance_slider div.slider_handle, div.distance_slider .selected {width: 70px}
div.budget_slider li {float: left; width: 61px; text-align: center}
div.est_time_slider li {float: left; width: 81px; text-align: center}
div.distance_slider li {float: left; width: 70px; text-align: center}
#subnav {width: 747px; display: block; overflow: hidden; border-top: 2px solid #eee; margin: 0 10px; padding: 10px 0; list-style: none}
#subnav li {float: left; border-right: 2px solid #eee; padding: 0 5px; line-height: 1.2em; color: #f00; font-weight: bold}
#subnav .first {padding-left: 0}
#subnav .last {border: none}
#subnav a:hover {text-decoration: underline}
#total_paid_accounts {margin-top: 10px}
.stats {border-collapse: collapse; width: 100%}
.stats {border-collapse: collapse; width: 100%}
.stats th {text-align: left}
.stats tr {border-top: 3px solid #fff}
.stats th, .stats td {padding: 3px 5px}
.stats td.label {width: 75%; font-weight: bold; color: #555}
#sortby_user {float: left}
#filter_type {float: right}
#invoices {list-style: none}
#sortby_user {float: left}
#filter_type {float: right}
#invoices {list-style: none}
table.admin {float: left; border-collapse: collapse; width: 100%}
table.admin tr th {text-align: left; background: #ccc; padding: 3px 5px 2px 5px; border-bottom: 3px solid #aaa; color: #222}
table.admin tr td {padding: 3px 5px 2px 5px; color: #444}
tr.even {background: #efefef}
tr.odd {background: #e1e1e1}
#project_filters {margin-bottom: 20px}
#search_result dl {width: auto}
#player_main {float: left; width: 728px; display: inline !important; text-align: right; background: #333; font-size: .9em}
 .id_number {float: left; background: #f00; color: #fff; line-height: 20px; width: 278px; height: 20px; padding: 0 5px; margin:0}
#player_main #credit {float: left; margin-left: 10px; color: #aaa; line-height: 20px}
#player_main .nav {text-align: right; height: 20px; line-height: 20px; color: #bfbfbf; padding-right: 10px}
#player_main .nav a {font-weight: normal; color: #fff}
.caption {font-size: .9em; padding: 0 40px 12px; color:#ccc}
#video_options {float: left; width: 488px; display: inline !important; margin-bottom: 12px; text-align: right; background: #333; font-size: .9em}
#video_options .nav {text-align: center; height: 60px; line-height: 20px; color: #bfbfbf; padding-right: 10px}
#tags { float:left; width:160px; height:230px; padding-top:45px; margin-bottom:12px; margin-top:12px; background: url(/images/tags.png) no-repeat top;}
#vv_feat_cams {float: left; width: 165px; height:690px; margin: 0 -10px 5px; padding: 2px 0; background: url(/images/live.png) no-repeat top}
.cams dl {float: left; width: 135px; height: 135px; margin: 0; padding-left:20px}
.cams dl dt, .cams dl dd, .case_studies dl dt, .case_studies dl dd {float: left}
.cams dl dt {float: left; width: 120px; height: 110px}
.cams dl dt a span {font-weight: normal; display: block; line-height: 20px; padding-left: 25px; font-size: .9em}
.cams dl dt a {display: block; color: #fff; background: #333 url(/images/icon-arrow-square.png) no-repeat left bottom}
.cams dl dt a:hover {text-decoration: none; background: #f00 url(/images/icon-arrow-square.png) no-repeat left bottom}
.cams dl dd {float: left; width: 120px; height: 40px; overflow: hidden; padding: 10px 0 0 0; font-size: .9em; line-height: 1.3em; border-bottom: 1px solid #efefef; margin-bottom: 5px}
.cams dl .cs_info {float: left !important; width: auto; height: auto; background: none; padding: 0 0 0 2px; line-height: 1.2em}
.cams dl dt.cs_info {width: 30px; font-size: .9em}
.cams dl dd.cs_info {width: 120px; height:12px; text-align:center; border: none}
.cams dl dd.cs_info a {color:#e4397d}
.cams dl dd.cs_info a:hover {text-decoration:underline}
.cams dl .cs_more {float: left !important; width: auto; height: auto; background: none; padding: 0 0 0 2px; line-height: 1.2em}
.cams dl dt.cs_more {width: 30px; font-size: .9em}
.cams dl dd.cs_more {width: 120px; height:12px; text-align:center; border: none}
#banner120x380 { float:left; width:120px; height:380px; margin-bottom:12px; margin-top:12px; margin-left:20px;}
#channels li {float: left; width: 250px; margin-top:1px; margin-left:-7px; padding:0; font-size: 1em; line-height: 1.4em; background: #333 url(/images/icon-arrow-square-channels-grey.png) no-repeat left bottom; color:#FFFFFF}
#channels li a {display: block; color: #fff; text-decoration: none}
#channels li a:hover {background: #f00 url(/images/icon-arrow-square-channels-red.png) no-repeat left bottom; color:#FFFFFF}
#photo_thumbs {float: left; width: 250px; display: block; list-style: none; margin: 0 -10px 0 0; padding: 0}
#photo_thumbs2 {float: left; width: 718px; height:220px; display: block; list-style: none; margin-left:10px; padding: 0}
#photo_thumbs li, #photo_thumbs2 li {float: left; width: 72px; margin-top:8px; margin-right:7px; padding:0; color: #bfbfbf; font-size: .7em; line-height: 1em; background: #333 url(/images/icon-arrow-square-small.png) no-repeat left bottom}
#photo_thumbs li a, #photo_thumbs2 li a {display: block; color: #bfbfbf; text-decoration: none}
#photo_thumbs li a:hover, #photo_thumbs2 li a:hover {background: #f00 url(/images/icon-arrow-square-small.png) no-repeat left bottom}
#photo_thumbs li span, #photo_thumbs2 li span {display: block; padding-left:14px; color: #fff}
#photo_thumbs li span a, #photo_thumbs2 li span a {color: #fff}
div.project_list {border: 1px solid #ccc; padding: 7px; margin-bottom: 10px}
#project_menu {float: left; display: block; width: 100%; border-bottom: 1px solid #efefef; list-style: none; margin: -10px 0 10px; color: #f00}
#project_menu li {float: left; margin: 0px 10px 0px 0; font-weight: bold; border-right: 1px solid #ccc; padding-right: 10px; line-height: 1.2em}
#project_menu li.last {border: none}
#project_menu li a:link {text-decoration: none}
#project_menu li a:hover {text-decoration: underline}
#project_menu .active {color: #f00}
#cs_details {clear: both; margin: 0 -10px; padding-left:10px; background: #fff url(/images/bg-shadow-heading.png) repeat-x top}
#cs_vidid {clear: both; float: left; width: 488px; height:60px; display: inline !important; margin-bottom: 12px; text-align: center; background: #333; font-size: .9em}
.banner {clear: both; float: left; width: 488px; height:60px; display: inline !important; margin-bottom: 12px; text-align: center; }
#cs_vidid2 {float: left; width: 481px; height:225px; display: inline !important; padding-left:8px; margin-bottom: 12px; text-align: center; background: #333; font-size: .9em}
#cs_vidid3 {float: left; width: 488px; display: inline !important; margin-bottom: 12px; text-align: center; background: #CCCCCC; font-size: .9em}
#cs_vidid4 {float: left; width: 481px; height:425px; display: inline !important; padding-left:8px; margin-bottom: 12px; text-align: center; background: #333; font-size: .9em}
#cs_vidid a, #cs_vidid2 a, #cs_vidid4 a {font-weight: normal; color: #fff}
#cs_details .more {padding-left: 12px; background: url(/images/icon-arrow.png) no-repeat left}
#cs_details .snippet {border-bottom: 1px solid #efefef}
#cs_details .leave_comment {margin: 5px 0 0 0 !important}
#cs_overview dt {width: 60px; margin-top: 10px}
#cs_overview dd {width: 165px; margin-top: 10px}
#more_cs {float: left; width: 236px; margin: 0}
#recent_cs {float: left; width: 530px; margin: 0 -10px}
#show_all {float: left; width: 777px; margin: 0 -10px}
#cs_list {width: 777px; margin: 0 -10px}
#recent_cs dl {padding: 12px 12px 15px}
#cs_list dl {padding: 12px 12px 15px; background: url(/images/bg-shadow-line.png) repeat-x bottom; border-right: 1px solid #eee}
#show_all dl {padding: 12px 12px 15px; background: url(/images/bg-shadow-line.png) repeat-x bottom; border-right: 1px solid #eee}
.case_studies dl {float: left; width: 145px; height: 185px;}
.case_studies dl dt {float: left; width: 120px; height: 110px}
.case_studies dl dt a span {font-weight: normal; display: block; line-height: 20px; padding-left: 25px; font-size: .9em}
.case_studies dl dt a {display: block; color: #fff; background: #333 url(/images/icon-arrow-square.png) no-repeat left bottom}
.case_studies dl dt a:hover {text-decoration: none; background: #f00 url(/images/icon-arrow-square.png) no-repeat left bottom}
.case_studies dl dd {float: left; width: 120px; height: 40px; overflow: hidden; padding: 10px 0 0 0; font-size: .9em; line-height: 1.3em; border-bottom: 1px solid #efefef; margin-bottom: 5px}
.case_studies dl .cs_info {float: left !important; width: auto; height: auto; background: none; padding: 0 0 0 2px; line-height: 1.2em}
.case_studies dl dt.cs_info {width: 30px; font-size: .9em}
.case_studies dl dd.cs_info {width: 120px; height:12px; text-align:center; border: none}

.case_studies dl dd.cs_info a {color:#e4397d}
.case_studies dl dd.cs_info a:hover {text-decoration:underline}
.case_studies dl .cs_more {float: left !important; width: auto; height: auto; background: none; padding: 0 0 0 2px; line-height: 1.2em}
 .case_studies dl dt.cs_more  {width: 30px; font-size: .9em}
 .case_studies dl dd.cs_more {width: 120px; height:12px; text-align:center; border: none}
.case_studies dl dt.rating {float: left; width: 65px; height: auto; padding-top: 5px; padding-left: 3px; text-align: left; font-size: .9em}
.case_studies dl dd.rating {width: 120px; height:30px; float: left; border: solid; margin: 8px 0 0 0; padding: 0}

#comments {float: left; margin-bottom: 20px}
.comment {clear: both; overflow: hidden; padding: 5px 0; margin: 10px 0px; width: 488px; border-bottom: 1px solid #efefef}
.comment .user_icon {float: left; width: 50px}
.comment dl {float: right; width: 420px}
.comment dl dt, .comment dl dd {float: none; margin-bottom: 0}
.meta_content {float: left; width: 490px; margin: 5px 0 20px 0; border-top: 2px solid #f7f7f7; padding-top: 5px; clear: left}
.details {float: left; width: 490px; margin: 10px 0 10px 0; padding: 10px 0; border-bottom: 2px solid #f7f7f7}
.details .user_icon {float: left; margin-right: 10px}
.details dl {float: left; margin: 0}
.details dt, .details dd {float: none; height: auto; font-size: 1em; color: #464646; line-height: 1.6em}
.details dt {background: none}
.details .timestamp {float: right; font-size: 1em}
.content img {clear: left}
.comment dl {margin: 0; padding: 0; color: #7d7d7d}
.comment dt {padding: 0; margin: 0; font-weight: normal; line-height: 1em}
.author {position: relative; left: -12px; margin: 0; text-indent: 12px; background: url(/images/icon-arrow.png) no-repeat 0 3px}
.author a {font-weight: bold; line-height: 1em}
.comment .owner a {background: url(/images/tag-author.gif) no-repeat right center; padding-right: 54px}
.message .timestamp, .comment .timestamp {color: #aaa; font-size: .9em}
.comment .content {display: block; width: 100%; height: auto; float: none; margin: 0 0 -5px 0; padding: 0}
.comment .content p {padding: 0 0 5px 0}
.actions {float: left; text-align: left; margin-bottom: 20px}
.meta_content .comment_actions {float: left}
a.leave_comment {color: #f00; text-decoration: underline; font-weight: normal; margin-left: 10px; padding-left: 16px; background: url(/images/icon-arrow-circle.png) no-repeat left center}
.meta_content .owner_actions {float: right}
.actions span {padding-right: 5px; color: #606060}
#message_list {width: 100%; float: left; border-bottom: 1px solid #efefef}
#message_list .title {width: 50%; display: inline}
#message_list .title a {background: url(/images/icon-arrow.png) no-repeat 0 3px; padding-left: 12px}
#message_list .author {width: 30%; background: none}
#message_list .author a {font-weight: normal; text-decoration: underline}
#message_list .date {width: 20%; margin: 0}
#new_comment {float: left}
#new_comment textarea {width: 465px}
div#folder_widget {border-top: 1px solid #ccc; padding: 10px; margin-bottom: 10px}
#current_folder_list {margin-top: 10px}
#folder_widget_container {clear: both}
#current_folder_list textarea {width: 350px; height: 80px}
.in_folder_list {margin-top: 5px}
.in_folder_list div {margin: 5px 0 10px 15px}
#folder_header {clear: left}
#folder_item {}
#folder_widget_text {width: 455px}
#leads {float: left}
#leads td {border-bottom: 1px solid #efefef; vertical-align: top}
#leads .info {width: 50%; padding: 7px 15px 0 0}
#leads .info dt {line-height: 1.4em}
#leads .location {width: 30%; padding: 7px 5px 0 0}
#leads .action {width: 10%; text-align: center}
#leads .action a {font-weight: normal; text-decoration: underline; color: #666; margin-top: 5px}
#leads .action span {display: block; padding: 7px 0 0 0}
#leads dl, #dashboard_section #leads dl {width: 100%; margin-bottom: 0}
#leads dt, #leads dd, #dashboard_section #leads dt, #dashboard_section #leads dd {width: 100%; border: none; height: auto}
#leads dt, #dashboard_section #leads dt {background: none}
#leads dt a, #dashboard_section #leads dt a {color: #333}
#leads dd, #dashboard_section #leads dd {color: #999}
.user_badge_big, .user_badge_small {float: left; width: 250px; padding: 0; margin-bottom: 20px}
.post .user_badge_small {margin: 7px 0 0 0; color: #acacac}
.post .user_badge_small dt, .post .user_badge_small dd {float: none; width: auto; height: auto; font-weight: normal; color: #a7a7a7}
.user_badge_big dt, .user_badge_small dt {float: left; margin-right: 10px}
.user_badge_big dt {width: 58px; height: 58px}
.user_badge_small dt {width: 32px; height: 32px}
.user_badge_big dt img, .user_badge_small dt img {padding-bottom: 6px; background: url(/images/bg-shadow-line.png) repeat-x bottom}
.user_badge_big dd, .user_badge_small dd {float: left; width: 158px}
.user_badge_big .name, .user_badge_small .name {width: auto; height: auto; font-size: 1.1em; font-weight: bold; color: #333; line-height: 1.2em}
.user_badge_big .pro, .user_badge_small .pro {padding-right: 31px; background: url(/images/tag-pro.gif) no-repeat right center}
.user_badge_small .title {float: none; width: 60%; text-indent: 15px; padding-left: 15px}
.user_badge_big .links, .user_badge_small .links {font-size: .9em; line-height: .9em}
.user_badge_small .links {margin-top: 15px; color: #f00}
.user_badge_big .links a, .user_badge_small .links a {color: #f00}
.remove {float: left; font-size: .9em; margin: -34px 0 0 68px}
.user_icon {background: url(/images/bg-shadow-line.png) repeat-x bottom; padding-bottom: 6px}
#myphoto {float: left; width: 58px; margin-right: 20px}
#upload_photo {float: left; width: 350px}
#portfolio_menu {list-style: none}
#portfolio_menu li {display: inline; padding: 5px}
.photo_list_container {padding-top: 15px; float: left}
.photo_list {list-style: none; clear: both}
.photo_single {padding: 5px; border: 1px solid #ccc; display: inline; float: left; margin-right: 7px}
.photo_single a {display: block}
.help_text {font-weight: normal; font-size: 1em}
.linked_project_help_text {font-size: .8em}
#upgrade_account {padding: 10px 5px 0; border-top: 1px solid #ddd; margin-top: 10px}
.account_levels {border-collapse: collapse; width: 100%}
.account_levels th {width: 12%; font-size: 1.2em}
.account_levels th dl dd {font-size: .9em; color: #666; font-weight: normal}
.account_levels .myplan {background: #eaeaea; border-top: 3px solid #f1f1f1}
.account_levels tr {}
.account_levels th, .account_levels td {padding: 3px 5px; text-align: center; border-top: 3px solid #fff}
.account_levels td.label {font-weight: bold; color: #fff; background: #666; border-top: 3px solid #999}
.account_levels td.label span {font-weight: normal; font-size: .9em}
.account_levels .description {width: 30%; color: #fff; background: #888; font-size: .9em; font-weight: bold; border-top: 3px solid #aaa}
.account_levels .price {border-bottom: 3px solid #aaa}
.account_levels input {margin: 5px}
#billing_address {border: 1px solid #ccc; padding: 10px}
#billing_address h3 {display: inline}
.vcard {margin: 10px 0 20px}
#thankyou {color: #666}
#plan_features {list-style: none}
#plan_features li {margin-top: 10px}
#billing_info {width: 490px}
.profile_nav li a {font-size: 2em}
.textile_widget {clear: both}
#textile_help {border: 2px solid red; font-size: .9em; padding: 10px}
#textile_help table {width: 100%}
#textile_help table th, #textile_help table td {width: 50%}
#textile_help th {color: #333; font-size: 1.1em; text-align: left}
#textile_help h1 {text-indent: 0; width: auto}
#textile_help h2 {border: none; padding: 0 !important; width: auto}
.recentpost {clear: left; padding-top: 15px}
#hp_footer-ads {float: right; width: 856px; padding: 20px; border-left: 1px solid #ddd; background: url(/images/bg-shadow-heading.png) repeat-x top}
#portfolios-show #content, #portfolios-search #content, #portfolios-index #content {float: right; margin-left: 0}
#filter {border-bottom: 1px solid #f7f7f7; float: left; margin-top: 26px; width: 168px}
#filter #selected {border-bottom: 1px solid #f7f7f7; font-size: 10px; margin-bottom: 10px}
#filter #selected ul li {list-style: none}
#filter #selected ul li a {background: url(/images/icon-close.png) no-repeat left; padding-left: 20px}
#filter input[type=submit] {margin-bottom: 10px}
#filter h2 {font-size: 14px; padding-bottom: 8px; width: auto}
#filter h3 {float: none; font: bold 12px "Times New Roman", Georgia, serif; letter-spacing: 1px; text-transform: uppercase; width: auto}
#filter ul {list-style: none; margin-bottom: 10px}
#filter ul li {font-size: 10px; margin-left: 10px}
#filter ul li ul {padding: 0}
#filter ul li ul li {margin-left: 0}
#filter ul li a {padding-left: 20px}
#filter ul li a.uncheck {background: url(/images/check-off.png) no-repeat left}
#filter ul li a.check {background: url(/images/check-on.png) no-repeat left}
#filter ul li span {color: #f00}
#filter ul li.more a {font-size: 10px; font-weight: normal; margin-left: 20px; padding-left: 0}
.button_container{ float: left}
.pagination {overflow: hidden}
.pagination li {border: 1px solid #ccc; float: left; list-style: none; margin-right: 9px}
.pagination .prev a, .pagination .next a {background: #ccc; padding: 1px 4px}
.pagination li.current {color: #f00; padding: 1px 4px}
.pagination li a {display: block; padding: 1px 4px}
div.x_paging {padding: 0; margin: 3px 0; color: #003366; line-height: 30px; font-weight: bold}
div.x_paging a {padding: 5px 9px; margin: 2px; border: 1px solid #afd1f1; text-decoration: none; color: #003366; background-color: #D6E7FF}
div.x_paging a:hover, .pagination a:active {background: #C6DDFE}
#lightbox{ display:none; position: absolute; top:50%; left:50%; z-index:9999; width:500px; height:400px; margin:-220px 0 0 -250px; border:10px solid #ccc; background:#FFFFFF; text-align:left}
#lightbox[id]{ position:fixed}
#overlay{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; z-index:5000; background-color:#000; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80)}
#overlay[id]{ position:fixed}
#lightbox.done #lbLoadMessage{ display:none}
#lightbox.done #lbContent{ display:block}
#lightbox.loading #lbContent{ display:none}
#lightbox.loading #lbLoadMessage{ display:block}
#lightbox.done img{ width:100%; height:100%}
#sign_in, #sign_up {width: 220px; height: 360px; padding: 10px}
#sign_in {border-right: 1px solid #ccc; float: left; padding-right: 18px}
#sign_up {float: right}
#lb_close {clear: both; margin: 30px 10px 0 0; text-align: right}
#lightbox h2 {width: auto}
input.fullboxtext {

    margin: 0 0 10px 0;

    padding: 3px;

    border: 1px solid #25afc0;

    background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;

    font: normal 11px "Lucida Sans Unicode", Arial, Helvetica, sans-serif;

    width: 220px;

    height: 15px;

}
#navsubbar {

    width: 993px;
	
	text-align:right;
    background: url(../images/tpl_footer_bg.png) repeat-x;
	margin-left: auto;

margin-right: auto;

    height: 25px;
	
	line-height: 20px;

}
#navsubbar a { color:#FFFFFF; text-decoration:none;}
.channeltags a { color:#09F; text-decoration:underline}
#navsubbar a:hover, .channeltags a:hover {

    border-bottom: 1px dotted #ffffff;

}
#ticker {
 background-color: #ebebeb;
 border: 1px solid #ccc;
 padding: 20px;
}

ul#news {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul#news li {
 margin: 0;
}

ul#news li.loud {
 font-weight: bold;
}