/* ====== SKIN INFO ==== DO NOT DELETE ===================================================================
   ==
   == SKIN NAME: 'eTube'
   ==
   == SKIN AUTHOR: 'Shawn Padgett'
   == SKIN SUPPORT: 'http://phpmotionwiz.com/forum/index.php/board,21.0.html'
   ==
   == Copyright 2012 PHPmotionWiz.com - All Rights Reserved
   == You may NOT redistribute this file modified or unmodified
   ======================================================================================================= */


/* == Reverse Layout == */
#left_1 { float: right !important; margin: -5px 16px 0 0 !important; }
#right_1 { float: left !important; margin: -5px 0 0 0 !important; background: #262626; border-top-left-radius: 5px; }
#right_2 { background: #e7e7e7; }

/* == Header Properties == */
#header {}

#header_wrap {
	height: 80px;
	margin: 0 auto 0 auto;
	
}

#logo {
    width: 91px; height: 40px; margin-top: 10px;
}

/* == Search Properties == */
#search-field {
    color: #999; border: 1px solid #d0d0d0; border-right: none; background: #fff;
    border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
#search-field:focus { color: #222; }
#search-button {
    border: none; background: transparent url(../images/etube/button_search.png) no-repeat; cursor: pointer;
}
#search-select {
    color: #999; border: 1px solid #d0d0d0; background: #fff;
    border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}

/* == Main Navigation == */
#nav_main a {
    color: #222;
    font-size: 14px;
    text-transform: capitalize;
    border-right: 1px solid #d1d1d1;
}

#nav_main a:hover {
    text-decoration: underline; 

}


/* == Body Properties == */
body {
    color: #fff;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif; 
    background: #eee;
}


/* == Wrapper Properties == */
#wrap_back {
    color: #222; border-bottom: 1px solid #d1d1d1;
}

/* == Link Properties == */
a { color: #064463; text-decoration: none; }
a:hover { text-decoration: underline; }


/* == Thumbnail Properties == */
.thumb { border: 1px solid #d1d1d1; background: #fff; }
.thumb:hover { background: #044769; }

.thumb img, .related_media img { border: 1px solid #d1d1d1; }
.thumb img:hover { border: 1px solid #044769; }

.related_media_thumb { background: #e7e7e7; }
.related_media_thumb:hover { background: #fff; border-bottom: 1px solid #999; }
.related_media_thumb img { }
.related_media_thumb a { color: #555; }
.related_media_thumb a:hover { text-decoration: none; }

.member_media_thumb { background: #fff; border: 1px solid #d1d1d1; }
.member_media_thumb:hover { background: #477891; border: 1px solid #4d9ac1; }

.now_playing_thumb { background: #477891; border: 2px solid #4d9ac1; }


/* == Background color for thumbs == */
.browse_media img, .browse_media2 img, #media_tmb img, .related_media img, .related_media_2 img, #member_media img { 
	background: #064463;
}

/* =============================
   == Begin Popup-Info Styles
   ============================= */
.popup-info span { /* Styles for main pop-up */
	color: #555; background: transparent url(../images/popup-info/popup-info.png) no-repeat;
}

.popup-info_flipped span { /* Styles for the "upside down" popup that shows in the user panel */
	color: #555; background: transparent url(../images/popup-info/popup-info_reverse.png) no-repeat;
}

.popup-info_title { color: #044769; }
.popup-info_flipped_title { color: #044769; }

.popup-info_rating { color: #555; }
.popup-info_flipped_rating { color: #555; }
/* == End Popup-Info Styles == */



/* == Drop Shadow =====================================================
   == Set's the drop-shadow shown on thumbnails and other elements.  ==
   == Delete  this section to remove drop shadows from all elements. ==
   ==================================================================== */
.blog-thumb, #image_viewer img, .comm_tmb img {
	 box-shadow: 1px 2px 2px #555; -moz-box-shadow: 1px 2px 2px #555;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#555555')";
}

.avatar {
	box-shadow: 0 1px 2px #555; -moz-box-shadow: 0 1px 2px #555;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#555555')";
}

/* == End Drop Shadow == */


/* == Pagination == */
#pagination { background: #e7e7e7; }

#pagination_2 { background: #e7e7e7; }


/* == Footer Properties == */
#footer { color: #222; }

.footer-menu_title {
    font-size: 18px; font-weight: bold;
}

.footer-menu a { color: #222; }
.footer-menu a:hover { text-decoration: underline; }
.footer-menu ul li {
    list-style: url(../images/etube/bullet_2.png) !important;
}

#footer_fb { list-style: url(../images/icons/icon_fb_sm.png); }
#footer_twitter { list-style: url(../images/icons/icon_twitter_sm.png); }
#footer_rss { list-style: url(../images/icons/icon_rss_sm.png); }

/* == Sets the color of the first few letters in footer menu titles and Spotlight Video Title == */
.highlight { color: #999; }

.button_generic a {
    color: #222 !important; margin-left: 5px; padding: 2px 5px; border: 1px solid #d0d0d0; background: #fff url(../images/button_generic.png) no-repeat;
}
.button_generic a:hover {
    text-decoration: none; border: 1px solid #064463;
}


/* == Notification Message Container == */
.notification-message {
  color: #222; font-size: 14px; background: #ffffaa url(../images/icons/message_warning.png) no-repeat;
  background-position: 5px 0; border: 1px solid #f6af29; text-align: left;
}

.note {
	color: #3d3d3d; background: #e8eff7; border: 1px solid #3d3d3d; border-radius: 3px;
}


/* == Welcome Message == */
#welcome {
	border: 1px solid #d0d0d0; margin: 19px 5px 0 5px !important; padding: 2px 5px 3px 0 !important;
}

#welcome a {
    color: #222; font-size: 14px; text-decoration: none; text-transform: capitalize;
}
#welcome a:hover { color: #ff0000; }

.loginout { border-left: 1px solid #d1d1d1 !important; }

/* == Upload Button == */
#upload a{
	color: #222; font-size: 14px; text-transform: capitalize;
}

#upload a:hover { text-decoration: underline; }

/* == Form Styles == */
.input {
	width: 320px; padding: 2px;
}

.input {
	border: 1px solid #555; border-radius: 5px;
}
.input:focus { border: 2px solid #064463; }

.submit {
	text-align: right; background: #e7e7e7; border: 1px solid #ccc;
}



/* ======================
   =  Index Page Styles =
   ====================== */

/* = Promoted Videos, Browse Videos, Browse Audio, etc... = */   
.browse_media, .browse_media2 { background: #fff; }

.browse_media_nav { border-bottom: 1px solid #888; }

.browse_media_nav h1 {
    color: #555; font-size: 16px; font-weight: normal; float: left;
}

.browse_media_nav h1 span {
	font-size: 10px; font-weight: normal; float: right; margin: 2px 0 0 0;
}

.browse_media_narrow {
    border: 1px solid #d0d0d0; 
}

.browse_media_narrow_title {
    border-bottom: 1px solid #888;
}

.browse_media_narrow h1 {
    color: #555; font-size: 16px; font-weight: normal; float: left;
}

.browse_media_nav_menu a {
    color: #222;
}


.browse_media_title {
    display:none; 
}

.members_title {
    color: #fff; font-weight: bold; font-size: 10px; background: transparent url(../images/transparency_black.png) repeat;
    border-bottom: 1px solid #666666;
}

.browse_media_duration {
    color: #fff; font-size: 12px; text-align: right; background: transparent url(../images/transparency_black.png) repeat; border-top: 1px solid #666666;
}

/* == Vertical Layout == */
.v_display {}
.v_display2 { display: none !important; }

.v_title {
	color: #222; font-weight: bold; font-size: 14px; margin: 3px 0 0 0;
}
.v_title a { color: #222; }
.v_title a:hover { color: #0557aa; text-decoration: none; }

.v_title2 {
	color: #fff; font-weight: bold; font-size: 10px; background: transparent url(../images/transparency_black.png) repeat;
    border-bottom: 1px solid #666666; width: 154px; position: absolute; margin: 1px 0 0 1px; padding: 4px 2px 4px 4px;
}

.v_description {
	color: #777; width: 395px; margin: 5px 0 0 0 !important;
}
.v_cat { font-size: 10px; margin-top: 5px; }
/* == End Vertical Layout == */

.blog-thumb {
    width: 16px; border: 1px solid #fff;
}
.stats-label { font-weight: bold; margin: 0 5px; }
.stats-thumb { width: 16px; }
.stats-value { float: right; margin-top: 5px; }

.site_stats li {
    color: #fff; border-bottom: 1px solid #333; padding: 5px 0;
}


/* ======================
   =  Media Page Styles =
   ====================== */
#bymember {
	margin: 0 0 -8px 2px; width: 100%; float: left;
}

#bymember h2 { font-size: 14px;  }
#bymember h2 span {}

.member-button { float: left; }
.member-button a {
	color: #888; height: 22px; display: block; padding: 9px 12px 4px 8px; background: #fff url(../images/etube/button.png) repeat-x bottom;
	border: 1px solid #d1d1d1; border-radius: 3px;
}
.member-button a:hover { background: #f4f4f4; border: 1px solid #ababab; text-decoration: none; }

.more-button {}

#user_panel, #related {
    border: 1px solid #d0d0d0; background: #e5e5e5;
}

/*#user_panel img:hover { border: 1px solid #064463; }*/

#user_panel li {
	color: #555; font-size: 10px;
}

#member_info {
    border-right: 1px solid #666666;
}

#member_name a { font-size: 16px; }
#member_name2 a { font-size: 16px; }

#more_from img {
    border: none; box-shadow: none; -moz-box-shadow: none; -ms-filter: "none";
}
#more_from img:hover { border: none; }

#player {
	border: 1px solid #d0d0d0;
}

#image_viewer { background: #e7e7e7; border: 1px solid #d0d0d0; }
#image_viewer img {
	border: 3px solid #fff;
}
#image_viewer img:hover { border: 3px solid #d0d0d0; }

#mycarousel img { border: 1px solid #fff; }
#mycarousel img:hover { border: 1px solid #064463; }

.related_media {
	background: #e7e7e7 url(../images/etube/related_back.gif) repeat-y left;
}

.related_media_2 {
	border: 1px solid #d0d0d0; 
}

.related_media_2 img:hover { border: 1px solid #064463; }

.related_media_header {
    color: #555; font-size: 16px; font-weight: normal; border-bottom: 1px solid #888; 
}

.related_media_title {
    color: #fff; font-weight: bold; background: transparent url(../images/transparency_black.png) repeat; border-bottom: 1px solid #666666;
}

.related_media_duration {
    color: #fff; text-align: right; background: transparent url(../images/transparency_black.png) repeat; border-top: 1px solid #666666;
}

.media_info {
	background: #eee url(../images/etube/minfo_back.gif) repeat-x bottom; border-bottom: 1px groove #fff;
}

.media_info h1 {
    color: #555; font-size: 14px; border-bottom: 1px solid #555;
}

#media_title {
	background: #eee;
}

#media_title h1 { color: #111; font-size: 20px; font-weight: normal; margin-top: 2px; }

#media_title h1 span {
	font-size: 10px; font-weight: normal;
}

.title_wide, .title_wide2 {
	background: #1c1c1c url(../images/etube/icon_heading.png) no-repeat 7px 4px; border-top-right-radius: 5px;
}

.title_wide h1 { color: #e7e7e7; font-size: 14px; margin: 5px; padding-top: 2px; }

.title_wide h1 span {
	font-size: 10px; font-weight:normal;
}

.title_wide a, .title_wide2 a { color: #fff; }

.title_wide2 h1 { color: #e7e7e7; font-size: 14px; margin: 5px; padding-top: 2px; }

.title_wide2 h1 span {
	font-size: 10px; font-weight:normal;
}

.title_narrow {
	background: #1c1c1c url(../images/etube/icon_heading2.png) no-repeat 7px 12px; border-right: 4px solid #b90808; border-top-left-radius: 5px;
}

.title_narrow a { color: #fff; }

.title_narrow h1 { color: #e7e7e7; font-size: 14px; font-weight: normal; margin: 5px; padding-top: 2px; }

.title_narrow h1 span {
	font-size: 10px; font-weight:normal;
}

.title_narrow h5 { color: #e7e7e7; font-size: 14px; margin: 5px; padding-top: 2px; }

.title_narrow h5 span {
	font-size: 10px; font-weight:normal;
}


#media_details { font-size: 12px; }

#media_details strong { color: #555; }

#media_tmb img { border-left: 1px solid #d0d0d0; border-right: 1px solid #111; }

#media_description {
    color: #222; font-size: 14px;
}

#media_buttons {}

#media_buttons li {}

#media_buttons a {
	color: #555; display: block; padding: 3px 10px 1px 10px; background: #fff url(../images/etube/button.png) repeat-x bottom;
	border: 1px solid #d1d1d1; border-radius: 3px;
}
#media_buttons a:hover {
	text-decoration: none; background: #f4f4f4; border: 1px solid #ababab; text-decoration: none;
}

#showlink a {
	color: #555; font-size: 12px; display: block; padding: 3px 10px; background: #fff url(../images/etube/button.png) repeat-x bottom;
	border: 1px solid #ababab; border-radius: 3px;
}
#showlink a:hover { background: #f4f4f4; border: 1px solid #555; text-decoration: none; text-decoration: none; }

#showembed {
	border: 1px solid #d0d0d0; background: #e7e7e7;
}

.embed-field {
	color: #555; font-size: 10px; border: 1px solid #999; border-radius: 5px; background: #fff;
}

/* == Media Comments and Responces */
#responces {}

#responces_title {
	color: #222; font-size: 18px;
}

.comment {
	border: 1px solid #d0d0d0;
}

.comm_usr_info {
	border-bottom: 1px solid #888; background: #e7e7e7;
}

.comm_tmb {
    border-bottom: 1px solid #888; background: #e7e7e7;
}

.comm_tmb img {
	border: 1px solid #fff;
}

.comm_rating { font-size: 11px; }
.comm_date { font-size: 10px; }

.comm_body { border-bottom: 1px solid #ccc; }

.comm_buttons { text-align: right; }

#comm_form textarea { color: #999; }

#comm_form textarea:focus { color: #222; }

/* ======================
   =  Blog Page Styles =
   ====================== */
.avatar {
	border: 1px solid #fff;
}


/* =====================================
   =  Search and "SeeMore" Page Styles =
   ===================================== */
.browse_media2 {}

.block_narrow {
	background: #262626;
}

.block_narrow b { color: #fff; }

.block_narrow a { color: #555; }

.block_narrow li { margin: 0px 0px 0px 0px !important; }

.block_narrow li a {
	color: #e7e7e7; display: block; width: 285px; padding: 10px 0 10px 5px;
	border-bottom: 1px solid #333; border-right: 4px solid #262626;
}
.block_narrow li a:hover { text-decoration: none; background: #1c1c1c; border-right: 4px solid #777; }

#members-search input { color:#555; }

/* ========================
   =  Profile Page Styles =
   ======================== */
#member_info_profile {
    border-right: 1px solid #666666;
}

#member_info_profile li img {
	width: 100px; box-shadow: none; -moz-box-shadow: none; -ms-filter: "none";
}

#profile_menu li { border-right: 1px solid #999; }
#profile_menu a { font-size: 12px; }

.member_info {
    border: 1px solid #d0d0d0; 
}

.member_info h1 {
    color: #555; font-size: 14px; border-bottom: 1px solid #555;
}
.member_info h1 span { font-size: 11px; font-weight: normal; }

.member_info ul { border-right: 1px solid #555; }


.form {
	border: 1px solid #d0d0d0; 
}

.form h1 {
	color: #555; font-size: 16px; border-bottom: 1px solid #555;
}

.form h2 {
	color: #555; font-size: 12px; border-bottom: 1px solid #555;
}

.form li {
	color: #555; list-style: none;
}

/* =========================================
   =  Login and Registration Page Styles   =
   ========================================= */
.register { color: #fff; }
.register li { list-style: url(../images/bullet_2.png); }

.form_back {
	background: #e7e7e7; border: 1px solid #ccc; padding: 0 5px; margin: 5px 0;
}


/* ========================================================
   =  Special Formatting (DO NOT EDIT BELOW THIS LINE!)   =
   ======================================================== */
#wrap_back { padding: 0 15px !important; }
  
#search { float: left !important; width: 400px !important; height: 35px !important; margin: -33px 0 0 130px !important; }
#search-field { width: 200px !important; height: 33px !important; padding-left: 5px; }
#search-select { display: none; }
#search-button {
    width: 35px !important; height: 35px !important; float: left;
}

#nav_main { float: left !important; margin: -25px 0 0 375px !important; }
#nav_main a { padding: 0 6px !important; }

#button_home { display: none !important; }

#upload a {
	float: left !important; margin: 19px 0 0 600px !important;
}

.title_narrow {
	width: 266px !important; height: 34px !important; margin-bottom: 0 !important; padding: 7px 2px 2px 30px !important;
}

.block_narrow { width: 292px !important; }

.block_menu li {
    list-style-image: none !important;
}

.title_wide, .title_wide2 {
    width: 611px !important; padding: 6px 2px 10px 45px !important;
}

.browse_media, .browse_media2 {
	width: 648px !important; margin: 0 10px 0 0 !important;
}

.browse_media ul li ul { padding-top: 5px; border-top: 1px solid #e7e7e7; }

#match-container { width: 100%; float: left; padding: 0; margin: 15px 0 0 0; background: #272727; }

.user-menu li ul {
	background: #eee !important;
}
.user-menu li ul li:hover {
	background: #fff !important;
}
.user-menu li ul a:hover {
	color: #222 !important;
}
.user-menu li ul li { list-style-image: url(../images/etube/bullet_2.png) !important; }