/* ----- BASELINE STYLES ----- */

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:;}abbr,acronym {border:0;}
body.widget {background-color:transparent; padding:0;}
body #frame {background-color:white;}
  
/* GRID */
#frame, #header, #footer {margin:0 auto; width:940px;}
#frame {padding:15px;}
.layout-block-empty {display:none;}

/* Sidebar */
#leftsidebar {float:left; width:220px;}
#sidebar {float:right; width:220px;}
/* This is needed for IE6, unfortunately */ 
#contentsub {width:700px; overflow:hidden;}
#main.has-rightsidebar #content {margin-right:230px;}
#main.has-leftsidebar #content {margin-left:230px;}
  
/* FORMS */
input, input.text {background-color: transparent; border: 1px solid #CCC; padding:5px;}
input.preview {color: #666;}
input.button, input.submit, .form-button input {background-color: #000; border: none; color: #fff; cursor:pointer; font-weight: bold; vertical-align: middle;}
textarea {background-color: %input-background-color%; border: 1px solid #CCC; padding: 0 5px; width: 350px;}
.form-label-error, .form-widget-error, .form-error {color:#c30000; font-weight:bold;}
.autoform .form-item-wrapper {background-color:#f6f6f6; padding:10px; font-size:11px;}
.autoform .form-label {float:left; text-align:right; display:block; width:130px; font-size:11px; padding-top:5px; line-height:1.1em;}
.autoform .form-help-text {margin:4px 0; font-size:10px;}
.autoform .form-item-wrapper .form-widget, .autoform .form-button, .autoform .form-item-wrapper .form-error, .autoform .form-item-wrapper .form-widget-error, .autoform .form-help-text {display:block; margin-left:140px;}
.plainform .autoform { background-color:white; padding:0px;}
.form-fieldset-comment {font-size:1.1em; line-height:1.25em; margin-bottom:10px;}
.autoform fieldset {margin-bottom:20px;}
.autoform fieldset .form-fieldset-comment {font-size:11px; line-height:15px; color:#333; padding:0 5px 0 0;}
.autoform legend {display:block; font-size:1.2em; font-weight:bold; color:#333; margin: 0 0 5px 0; padding: 0;}

/* COMMENTS */
.comment-recaptcha {margin:15px 0;}
.comment-facebook, .comment-facebook-image, .comment-facebook-body {height:42px;}
.comment-facebook-image {float:left; }
.comment-facebook-body {margin-left:45px; line-height:54px;}
.comment-facebook a {font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-size:11px; padding-left:3px; color:#3B5998!important; font-weight:bold;}
.comment-facebook img {height:40px; width:40px;}
.comment-error {font-weight:bold; color:#c00; font-size:11px;}

/* Stuff for SEO purposes */
#video-one h1, #video-one h2.channel-name, #index #title, #manage #title, #photo-one #title, .album-one .title, .sitepage .headline {display:none;}  
  
/* Status Messages */
#message, .screamingnotice {background-color:#D4F2D3; font-size:13px; padding:5px 10px; line-height:18px; margin:10px 0 15px 0;}
.screamingnotice {color:#DA3838; border-color:#DA3838; background-color:#fee;}

/* Admin links */
#adminlinks_container {z-index:1000; position:absolute; width:100%; top:0; background-color:#D3ECDD; border-bottom:1px solid #A8C89D; height:5px;}
#adminlinks {position:absolute; top:4px; right:20px;}
#adminlinks a {float:left; display:block; margin-left:10px; background-color:#D3ECDD; border:1px solid #A8C89D; border-top-color:#D3ECDD; color:#5D9B4B; font-size:10px; height:16px; line-height:16px; padding: 0 6px; text-transform:uppercase; font-weight:normal;}

/* AUTO-COMPLETE */
.ac ul  {background-color:white; list-style-type:none; margin:0px; padding:0px; border:1px solid #ffb;}
.ac ul li.selected {background-color: #ffb;}
.ac li {font-size:.9em; line-height:1.1em; list-style-type:none; display:block; margin:0; padding:2px;}

/* THUMBS */
a.playlink, a.play75, a.play100 {display:block; margin: 0 5px 5px 0; position:relative; cursor:hand; overflow:hidden;}
a.play75, a.play100 {float:left;}
a.playlink img, a.play75 img, a.play100 img {top:0; left:0; border:0;}
a.play50, a.play50 img {width:50px; height:50px;}
a.play75, a.play75 img {width:75px; height:75px;}
div.playicon {position:absolute; top:0; left:0; height:100%; width:100%; background:url('/resources/um/graphics/playbutton.png') center center no-repeat;}
* html div.playicon {background-image:url('/resources/um/graphics/playbutton.gif');}

/* Ratings */
.block-rating {margin-bottom:10px;}
.object-rating-item img {width:12px; height:12px;}
.object-rating-item img {background:url('/resources/um/graphics/staroff.gif') top left no-repeat; padding-right:2px; cursor:pointer;}
.object-rating-average .object-rating-item img {background-image:url('/resources/um/graphics/staron.gif');}
.object-rating-user span.object-rating-item img {background-image:url('/resources/um/graphics/staroff-hover.gif');}
.object-rating-user .object-rating-user-average .object-rating-item img {background-image:url('/resources/um/graphics/staron-hover.gif');}
.object-rating-hover span.object-rating-item img {background-image:url('/resources/um/graphics/staron-hover.gif');}
.object-rating-average-value {font-size:10px; font-weight:bold; padding-left:3px;}

/* Translator mode */
.translator-mode-absolutized {display:block; opacity:0.8; cursor:pointer; width:6px !important; height:6px !important; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border-width:1px; border-style:solid;}
.translator-mode-translated {background-color:#666; border-color:#666;}
.translator-mode-translated:hover {background-color:black; border-color:green;}
.translator-mode-untranslated {background-color:red; border-color:red;}
.translator-mode-untranslated:hover {border-color:black;}

/* Channel desc */
.channel-description {margin-bottom:10px;}

/* Maps */
.visualmap .visualmap-canvas {position:relative;}
.visualmap .visualmap-marker {display:none;}
.visualmap .visualmap-map {position:absolute; top:0; left:0; width:100%; height:100%;}