/*------------------------------------------------------------------------
 *=GLOBAL OVERRIDES
  ------------------------------------------------------------------------*/
body { background:#fff; color:#333; font: normal 75% Helvetica,Arial,sans-serif; text-align:center;}
html, body, pre, code, form, div, p, blockquote, ul, li, dt, dl, dd, ol, h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }

p { line-height:1.3em; margin:0 0 12px 0; }

ul { list-style:none; }
img { border:0; }

/*=LINKS=*/
a, a:visited { text-decoration:none; color:#546060; outline:none !important; }
a:hover { color:#2D3636; text-decoration:none; }


input, textarea, select { background:#efefef; border: 2px solid #c2c2c2; background-color: #fff; font-size:12px; padding:2px 4px; height:15px; width:200px; }
input:focus, select:focus, textarea:focus { background:#FFF; border-color: #FF8000; color:#000; }


select { padding:1px 0; height:25px; }

/*= CLEAR and CLEARFIX =*/
.clearboth { clear:both; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }


/*------------------------------------------------------------------------
 *=COMMON CLASSES
  ------------------------------------------------------------------------*/
  
.protected { color:#999; }
.video-thumb { border:#C2C2C2 2px solid; margin:0px; }
.video-thumb:hover { border:#FF8000 2px solid; }
.row{ padding-bottom:2px; }

.img-thumb { border:#C2C2C2 2px solid; margin:5px; height:100px; width:100px; float:left; text-align:center }
.img-thumb img{ text-align:center; vertical-align:middle; }
.img-thumb:hover { border:#993399 2px solid; opacity:.75; filter:alpha(opacity=75);}

.recent-img-thumb { border:#666 2px solid; margin:2px; height:78px; width:78px; float:left; }
.recent-img-thumb img{ text-align:center; vertical-align:middle; }
.recent-img-thumb:hover { border:#993399 2px solid; opacity:.75; filter:alpha(opacity=75);}
.row{ padding-bottom:2px; }
 
  
/*------------------------------------------------------------------------
 *=LAYOUT
 ------------------------------------------------------------------------*/

#container { text-align:left; background:#fff; margin: 0 auto; width:975px; /* fixes bg center-align bug */ }
#left-banner{ float:left; border:0px solid red; height:700px; width:170px; margin:10px 0 0 10px; }
#right-banner{ float:right; border:0px solid red; height:700px; width:120px; margin:10px 40px 0 0; display:none; }
#siteframe { width:975px; margin:0 auto; position:relative; }
#main-content { overflow:visible; }
#ad-leaderboard-bottom { text-align: center; margin: 0 0 4px 0; height: 90px }

#createAlbumDiv { display:none; height:40px; background-color:#CCCCCC; padding:5px; margin-bottom:10px; }
#createAlbum_label { width:140px}
#createAlbumButt { width:50px; height:25px; margin-top:1px}
.albumList{ font-size:16px; font-weight:bold; border-color:#FED79A; border-bottom:solid 1px; height:20px; margin-bottom:5px; width:96%  }


/* column styles for adding sidebar 
#column1 { width:730px; z-index: 80; float:right;}*/
#column1 { width:664px; z-index: 80; float:right;}
#column2 { position: relative; padding-top: 0px; }

#enter-area{text-align:center; padding-bottom:100px}
#enter-area input.submit_button {width: 100px; height: 30px; margin:50px; border: 2px solid #c2c2c2; font-family: Helvetica,Arial,sans-serif; font-weight: bold; font-size:150%}
#enter-area input.submit_button:hover { color: #FF8000;}

#uploadFeedback{ color: #339900; font-size: 12px; font-weight: bold;  }

.h2title{ padding:4px 0 0 6px; }
.filter-container{ border:1px solid #FED79A; text-align:left; padding:5px 0 5px 35px; color:#FF8000 }
.filter-container-label{ text-align:left; font-size:16px; font-weight:bold; margin-left:-20px; margin-bottom:10px; color:#000000 }

/*------------------------------------------------------------------------
 *=GLOBAL HEADER
 ------------------------------------------------------------------------*/

/*= HEADER, LOGO & NAV =*/
#header { background: #FED79A 0 0 repeat-x; border-bottom:5px solid #FF8000; min-width: 975px; }
#masthead_container { width: 975px; margin-left: auto; margin-right:auto; height:200px; }
#logo { float: left; margin-top: 11px; height:100px; width:100px;}
#logo2 { float: left; margin-top: 11px; height:100px; width:100px;}
#nav { float: left; margin: 5px 0 0 10px; }
#nav li { float:left; padding-top:5px;  text-align: center; width: 130px; height:40px; margin: 6px 6px 0 6px; background:url(../img/menu/main_menu_button_2.gif) no-repeat; }
#nav li a { color:#C2C2C2; display:block; font-weight:bold; line-height: 30px; font-weight: bold; font-size: 20px; height: 34px;}
#nav li a.emphasys { color:#666666; display:block; font-weight:bold; line-height: 30px; font-weight: bold; font-size: 20px; height: 34px;}
#nav li a:hover { color:#FF8000; text-decoration:none; background-position: 50% -68px; height: 34px;}
#nav a.inactive-nav, #nav a.inactive-nav:hover { color: #aaa; text-decoration: none; cursor: default;}
#nav .active-nav { background-position: 50% -68px; }
#nav .active-nav a, #nav .active-nav a:hover { background-position: 50% -68px;}
#nav .active-nav-dashboard { background-position: 50% -142px; }
#nav .active-nav-dashboard a, #dashboard-nav-button a:hover { background-position: 50% -142px !important;}

/*
#upload-tools-nav { float:right; width: 130px; height:40px; margin-top: 13px; background:url(../img/menu/main_menu_button_2.gif) no-repeat;} 
#upload-button { float:left; height: 24px; width: 92px; margin-left: 8px;}
#upload-button a { display:block; font-weight: bold; padding-left: 25px; color: #fff; line-height: 24px; font-size:20px;}
#upload-button a:hover { color:#FF8000; }

#share-button { background: transparent url(../images/nav-button-bg.gif) 50% -230px no-repeat; float:left;  height: 24px; width: 92px;}
#share-button a { display:block; font-weight: bold; text-align: center; color: #fff; line-height: 24px; font-size:20px;}
#share-button a:hover { color:#FF8000;}
*/
/*= SEARCH =*/
#site-search { width: 460px; float: right; margin-top: 8px; background:url(../img/search.gif) no-repeat left;}
#search-form { padding-top: 2px;}
#search-form input#searchbox { border: 2px solid #C2C2C2; background-color:#fff; padding:2px 5px; width:180px;}
#search-form input#searchbox:focus, #search-form select:focus { border: 2px solid #FF8000;}
#search-form #search_submit, #search-form #search_wiki, #wiki-box #search_wiki {height: 23px; width: 40px; border: 2px solid #FF8000; margin-left: 5px; cursor: pointer; font-weight:bold}
#search-form select {background:#FFF; border: 2px solid #C2C2C2; height:23px;}


/*= LOGIN AREA =*/
#login-utils-search { margin-top: 15px; height: 38px;}
#login-area { float: left; margin: 2px 0 8px 0; text-align: left;}
#logged-in-links { margin: 4px 0 0 0; line-height: 25px; float: left; }
#login-area a {color: #000; font-size: 12px; font-weight: normal; line-height: 25px; text-decoration: none; font-weight: bold;} 
#login-area a:hover {color: #aaa; font-size: 12px; font-weight: normal; line-height: 25px; text-decoration: underline; font-weight: bold;}
#login-area .register-pwforget {float: left; padding: 0; text-align: center; color: #999999; font-size: 13px; line-height: 25px; text-decoration: none; margin-top: 1px; font-weight: bold;} 
#login-area .register-pwforget:hover {color: #FF8000; text-decoration: underline; font-size: 13px; }

#login-area ul { display: inline; list-style:none; } 
#login-area ul li {display:inline; margin-right:10px; }
#login-area label {color: #8e8e8e; font-size: 11px; font-weight: bold;}
#login-area input {width: 90px; height: 15px; border: 2px solid #c2c2c2; background-color: #fff; margin-top: 1px;}
#login-area input.submit_button {width: 60px; height: 23px; border: 2px solid #c2c2c2; font-family: Helvetica,Arial,sans-serif; font-weight: bold;}
#login-area input.submit_button:hover { color: #FF8000;}
#login-area input:focus { border-color: #FF8000;} 
.login-form-area { float: left; margin-top: 4px;}
.login-form-area form { float: left; }

#search_on { width: 100px; }


/*------------------------------------------------------------------------
 *= GLOBAL SIDEBAR BASE
 ------------------------------------------------------------------------*/

#sidebar { position: relative; float:left; width:200px; padding:0; z-index: 100;}
#sidebar h3, #contacts-directory h3 { background-color: #FED79A; color: #fff; height: 25px; font-size: 15px; font-weight: bold; width: 200px; line-height: 25px; border: 1px solid #FF8000;}
#sidebar h3 a, #sidebar h3 span, #contacts-directory h3 a , #contacts-directory h3 span {padding-left: 8px; color: #fff;}
#sidebar h3 a:hover, , #contacts-directory h3 a:hover { text-decoration: none;}
#sidebar h3.secondary { margin-top: 20px;}
#sidebar li, #contacts-directory li { position: relative; background-color: #fff; border-bottom: 1px solid #FF8000; border-right: 1px solid #FF8000; border-left: 1px solid #FF8000; width: 200px; zoom:1; margin: 0; }
#sidebar li a, #contacts-directory li a { display: block; margin: 1px; font-size: 12px; font-weight: bold; color: #5a5a5a;}
#sidebar #category-list li a { padding: 5px 0 5px 15px;}
#sidebar li a:hover, #contacts-directory li a:hover {background-color: #e6eeed; text-decoration: none; color: #000;}
#sidebar .sidebar-banner img { margin: 0 0 15px 1px;}
#sidebar .cd-down-arrow a, #sidebar .cd-up-arrow a { margin: 0; }

a.sb-image-link, .sb-image-li-double { position: relative; padding: 0 0 0 10px; font-size:12px; height: 38px; line-height: 38px; overflow: hidden;}
a.sb-image-link img, a.sb-image-li-double img { position: relative;  padding: 0 10px 0 0; }  
a.sb-image-link:hover { color:#000; }
.user-ico { margin-bottom:-10px; }
.sb-image-li-double { line-height: 12px; padding: 0 0 0 38px;}
.sb-image-li-double .text-wrapper { padding-top: 7px;}
.sb-image-li-double .text-wrapper div { font-size: 11px; font-weight: normal; color: #666; }
.sb-more a { display: block; margin-top: 2px; font-weight: bold; } 
.sb-more { text-align: right;}
.sb-more-users { text-align: right; margin:5px;}

#sidebar h3 span.playlists {padding: 0 4px;}


/*------------------------------------------------------------------------
 *=MISC
 ------------------------------------------------------------------------*/

#page-content, .page-content  { background:white; padding: 0px 10px 10px 10px; overflow:hidden; zoom:1; text-align: left;  } /* clear: both; */

.widget h2 { background-color: #FED79A; font-size:20px; height: 30px; position:relative; margin-bottom: 10px; padding: 2px 0 0 10px; }
.widget h2 div { padding: 2px 0 0 10px; line-height: 30px; color: #231F20;}
.widget a.more { line-height:19px; padding:0px 7px 0 5px; font-size:12px; }

/* 5 THUMB WIDGET */
.widget-5thumbs { width: 730px; height: 210px; overflow: hidden; margin-right: 0; padding-right: 0px;}
.widget-5thumbs span { padding:3px; }

.widget-7thumbs { width: 100%; height:100px; overflow:hidden; text-align:center}
.widget-7thumbs span { padding:2px; }

#hictu-widget{ margin-top: 10px }


/*------------------------------------------------------------------------
 *= GLOBAL FOOTER
 ------------------------------------------------------------------------*/
.feedback-button-wrapper { margin: 20px 0; text-align: right;}

#footer { background:#FED79A 0 0 repeat-x; font-size:92%; position:relative; width: 100%; border-top:5px solid #FF8000;  min-width: 975px;}
#footer #copyright { right:25px; top:60px; color:#324040; }
#footer dl { float: left; margin: 24px 8px 40px 0; padding: 0 8px 0 8px;}
#footer dl.last-dl { border-right: 0px;}
#footer dl dt {font-size: 16px; color: #4f4f4f; font-weight: bold; padding-bottom: 4px;}
#footer dl dd { margin: 4px 0 4px 2px;}
#footer dl dd a {font-size: 13px; color: #777; font-weight: normal; margin-left: 0px; }
#footer dl dd a:hover {color:#FF8000; text-decoration:underline; }
#footer .footer-container { text-align:left; margin: 0 auto; width:975px; height: 100px;}


/*------------------------------------------------------------------------
 *=HOMEPAGE
 ------------------------------------------------------------------------*/

/*= HOMEPAGE MASTHEAD INTRO =*/
#site-intro { padding:10px 0px 5px 0px; margin:0 1px 5px 1px; overflow:hidden; zoom:1; }
 
.monny-wrapper { position: relative; float:right; width: 460px; border: 1px solid #FF8000; }
#monny-title { font-weight: bold; padding: 5px; font-size: 15px; margin-left:20px} 
#monny { margin: 6px auto; text-align: center; }
#monny-logo { margin: 5px; vertical-align: middle;}
#monny-search { position: absolute; right: 40px; top: 364px; height: 20px; width: 150px; }
#monny-search-submit { position: absolute; right: 5px; top: 363px;} 
#monny-search-status { position: absolute; left: 130px; top: 364px; font-weight: bold; font-style: italic; padding: 5px; }
#monny-player-overlay { position: absolute; width: 488px; height: 400px; top: 0px; left: 0px; background-color: #fff; z-index: 1000; display:none;}
#monny-player-close { position: absolute; top: 3px; right: 3px; }
#monny-player { position: absolute; top: 27px; left: 45px;}
#monny-player-title-h2 { position: absolute; top: 356px; left: 45px; width: 400px; overflow: hidden;  background-color: #fff !important; font-size:14px !important; font-weight: bold; padding: 0;}
#monny-player-owner-wrapper { position: absolute; top: 381px; left: 45px;}
#monny-player-owner { font-size: 13px; font-weight: bold;}
#monny-player-views { display: none;}
#monny-player-load-related { position: absolute; right: 43px; top: 363px; }

#featured-meta { padding:8px 5px 0 0; }
#featured-meta p a { font-weight:bold; color:#000; }
#featured-meta h2 { font-size:18px; }
#featured-meta .meta { font-size:12px; margin-top: 5px; }
#featured-meta .meta-owner, #home-feature .feature-list-meta .meta-owner {font-size: 16px; color: #FED79A; font-weight: bold; margin-left: 3px;}
#featured-meta .meta-owner-avatar {float: left; display: block; margin-right: 5px;} 
#featured-meta .meta .meta-add-contact {font-size: 11px; color: #536060; }
#featured-meta .meta a:hover {text-decoration: none; color: #000;}
#featured-meta h2 a:hover { text-decoration: none; color: #536060;}


#home-feature { position: relative; margin-right:480px; border: 1px solid #FF8000; width: 488px; height: 400px; background-color: #FED79A; }
#home-feature h2 { background-color: #FED79A; color: #536060; font-size:13px; font-weight: bold; padding: 8px 0 5px 0;}
#home-feature h2 span {margin-left: 8px;}
#home-feature p { color:#231F20; font-size:110%; line-height:110%;}
#home-feature ul li { background-color: #fff; position: relative; display: block; height: 118px; padding: 0px 5px; margin: 0; border-top: 1px solid #FF8000; text-align: left;}
#home-feature ul li.last {border-bottom: 0px;}
#home-feature .feature-list-thumb {position: absolute; top: 8px; left: 5px;}
#home-feature .feature-list-meta { position: absolute; top: 8px; left: 146px; font-size: 11px; height: 90px; line-height: 170%; width: 330px; overflow: hidden;}
#home-feature .feature-list-meta h3 {margin-top: 1px;}
#home-feature .feature-list-meta h3 a { font-size: 16px; color: #000; text-decoration: none; line-height: 100%;} 
#home-feature .feature-list-meta h3 a:hover, #home-feature .feature-list-meta .meta-owner:hover {text-decoration: none !important; color: #888;}
#home-feature .feature-list-meta .meta-owner { font-size: 12px; line-height: 80%;}
#home-feature .feature-list-meta span {font-size: 11px;} 
#home-feature .alt-desc {margin-top: 10px;}

#homepage-content { padding:0px; zoom:1; }


/*------------------------------------------------------------------------
 *=MASTHEAD
 ------------------------------------------------------------------------*/

#masthead { color:#333; padding:18px 25px 18px 25px; zoom:1;}
#masthead #page-info { float:left; padding:5px 0 0 15px; width:400px !important; overflow: hidden;}
#masthead h1.pagetitle, #masthead-simple h1.pagetitle { font-size:24px; font-weight: bold; color:#231F20; margin: 0 0 0 20px; line-height: 49px; }
#masthead h1.pagetitle a { font-size: 80%;} 
#masthead-simple { color:#231F20; height: 49px; background: #FED79A; margin: 15px 0; overflow: hidden;}
#masthead .pageimage { height:100px; }
#masthead .tagline { font-weight:bold; font-size:110%; width: 400px; }
#masthead .desc { color:#231F20; font-size:92%; margin-top:8px; line-height:120%; width: 400px;}
#masthead .preview { float:left; }
#masthead a { color:#546060;}
#masthead a:hover { color:#2D3636;}
.tagline, .desc { margin:0 0 5px 0; color: #231F20;}
.dashboard #masthead-simple { background: #273e16;}
.dashboard #masthead-simple h1.pagetitle { color: #fff; }

#register-form, #login-form-dedicated, #upload-image-form, #upload-video-form, #edit-image-form, #edit-video-form  { width: 240px; }
#register-form label, #login-form-dedicated label, #upload-image-form label, #upload-video-form label, #edit-image-form label, #edit-video-form label {width: 240px; display: block; color: #231f20; font-weight: bold; }

.submit_button {width: 210px; height: 30px; border: 2px solid #c2c2c2; font-family: Helvetica,Arial,sans-serif; font-weight: bold; }
#register-column1 input.submit_button, #register-column2 input.submit_button, {width: 210px; height: 30px; border: 2px solid #c2c2c2; font-family: Helvetica,Arial,sans-serif; font-weight: bold; }
#register-column1 input.submit_button:hover, #register-column2 input.submit_button:hover { color: #FF8000;}

#register-form input#id_member_agreement { width: auto; border: 0px; background-color: transparent; margin: 0px  }
#watch-column { float:left; width:480px; }
#register-column1, #watch-column-1 { width:400px; float:left; padding-left:40px; }
/*#register-column2, #watch-column-2 { width:350px; float:right; padding-left:40px; }*/
#register-column2, #watch-column-2 { width:400px; float:right; padding-left:40px; }
#register-promotion { border: 2px solid #FF8000; position: relative; text-align: center; margin: 0 20px; width: 400px; }
#register-promotion img, .image-border img { border: 1px solid #b9cfcf; }
#register-promotion h1 { font-size: 18px; font-weight: bold; background-color: #fff; position: relative; top: -13px; width: 80%; margin: 0 auto;}
#register-promotion p { text-align: left; padding: 0 10px;}

#forgot-password { margin: 15px 0;}
#forgot-password label { font-weight: bold; margin: 0 20px; }
#forgot-password .text { width: 200px; margin-right: 40px;}

.errorlist li { font-weight: bold; color: #f00; font-size: 110%; margin: 4px 0; } 
.register-username { margin: 0 0 20px 15px; padding-left: 20px; }
.register-username li { list-style: circle;}

#info-box{ background-color: #FED79A; border:1px solid #FF8000;}
#info-box div{ padding-bottom:5px }
#info-box .label{ font-weight:bold }
#user-info, #item-info, #edit-info{ border-bottom:1px solid #FF8000; padding:4px }
#item-info{ border-bottom:1px solid #FF8000; padding:4px}
#action-info{ padding:4px }
#edit-info{ text-align:right }
#image-box { width:480px; text-align:center; vertical-align:middle; padding:10px 0 10px 0; border:1px solid #FED79A; /*border:1px solid #b9cfcf;*/  }
#video-box { width:480px; text-align:center; vertical-align:middle; padding:10px 0 10px 0; border:1px solid #FED79A; /*border:1px solid #b9cfcf;*/  }
#related-box, #related-img-box, #related-video-box, #gmaps-box, #wiki-box{ 
	border:1px solid #FF8000; /*height:320px;*/ 
}
#related-box .related-box-header, #related-img-box .related-box-header, #related-video-box .related-box-header, #info-box .info-box-header, #gmaps-box .gmaps-box-header, #wiki-box .wiki-box-header{
	height:20px; padding:4px 0 0 4px; background-color: #FED79A; font-weight:bold 
}
/*
#related-box .related-box-list, #related-img-box .related-box-list, #related-video-box .related-box-list{  padding:4px 4px 4px 8px; text-align:left; overflow:auto; }*/
#related-box .related-box-list, #related-img-box .related-box-list, #related-video-box .related-box-list { padding:4px 4px 4px 25px; text-align:center; overflow:auto; }

#vote-box{ border:1px solid #FED79A; height:80px; width:480px; }
#vote-box .votes-box-div{ float:left; padding:5px; }
#vote-box .views-box-div{ float:right; padding:5px; }
#notification-box{ font-size:100%}
#notification-box .notification-unread{ font-weight:bold }
#comments-box, #notification-box{ /*border:1px solid #FF8000;*/ border:1px solid #FED79A; width:480px; float:left; clear:both }
#comments-box .comment-box-single, #notification-box .notification-box-single{ border-bottom: 1px solid #FED79A; width:470px; padding:5px; float:left }
#comments-box .comment-username{ float:left; font-weight:bold; }
#comments-box .comment-date{ float:right; color:#777777; font-size:10px }
#comments-box .comment-body{ float:left; padding:4px 0 4px 0; clear:both }
#comment-paging { text-align:center; font-weight:bold; height:20px; padding:10px }
#comment-paging span { color: #777777; margin:2px; }
#comment-paging a { color: #FF8000; margin:2px; }

#rating-feedback{float:left; margin-top:5px}
.embed{ width: 300px;}

#notify{ background:url(../img/notify.gif) no-repeat; height:17px; width:17px; float:left; text-align:center; font-weight:bold; font-size:80%; cursor:pointer }

/*------------------------------------------------------------------------
 *=COLOR CONSISTENCY
 ------------------------------------------------------------------------*/
.color-title { color: #231F20 !important;}
.color-title:hover { color: #A3A5A8 !important; text-decoration: none;}
.color-owner { color: #546060 !important;}
.color-owner:hover { color: #A3A5A8 !important; text-decoration: none;}

#scroll_1, #scroll_2, #scroll_3{
	background: #FFF;
	border:1px solid #FF8000;
	text-align:center;
	color:#FF8000;
	color: red;
	height: 20px;
	padding: 5px;
	margin-top:20px;
	margin-bottom:20px;
	font-size:14px;
}

.myList, .myList ul {
	padding-left:20px; 
	list-style-position:inside;
	list-style-type:circle;
}
.myList li{
	padding: 2px;
}

.buttons-container{ float:right; color:#999; padding-top:10px; }
.arrow_left a, .arrow_right a, .arrow_left a:visited, .arrow_right a:visited{ color:#F60; font-weight:bold; font-size:12px; }
.arrow_disabled{ color:#999; font-weight:bold; font-size:12px; }