/*
Copyright 2008 Diana Kantor and John Keck

This file is part of Vodpod Video Gallery WordPress Plugin.

Vodpod Video Gallery WordPress Plugin is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

Vodpod Video Gallery WordPress Plugin is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with Vodpod Video Gallery WordPress Plugin.  If not, see <http://www.gnu.org/licenses/>.

*/

#vp_gallery {
padding: 0;
margin: 0 auto 1em auto;
text-align: center;
width: 99%;
color: #636466;
font-family: arial, verdana, sans-serif;
border: 1px solid #717171;
background-color: #F1F1F1;
font-size: 11px;
padding-top: 20px;
}
.vp_container {
	width: 425px;
	margin: 0 auto;
	text-align: left;
}

.vp_container a {
	color: #e76629;
	font-family: arial, verdana, sans-serif;
	text-decoration: none;
}

.vp_container a:hover {
	color: #e76629;
	text-decoration: underline;
}

.vp_video_player {
width: 425px;
margin: 0 auto;
background-color: #F1F1F1;
line-height: 15px;
font-size: 12px;
color: #fff;
}

.vp_video_title {
color: #fff;
padding: 5px 10px;
background: #717171 url(images/gallery_video_top.gif) no-repeat;
}

.vp_video_description {
padding: 5px 0;
color: #636466; 
text-align: left;
}

/* video thumbs area */
#vp_video_thumbs {
background-color: #F1F1F1;
color: #636466;
font-family: arial,verdana,sans-serif;
font-size: 11px;
width: 436px;
margin: 0 auto;
}

/* video thumbnails */
.video_thumb {
float: left;
width: 96px;
height: 72px;
position: relative;
border: 1px solid #777;
margin: 4px;
padding: 0;
cursor: pointer;
}
.video_thumb img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
}
.video_thumb .thumb_title_box {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 24px;
background: #000;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
}
.video_thumb .thumb_title {
position: absolute;
bottom: 0px;
left: 3px;
width: 100%;
height: 22px;
overflow: hidden;
line-height: 11px;
color: #fff;
font-size: 10px;
font-weight: bold;
}
.video_thumb .thumb_title a {
color: #fff;
text-decoration: none;
}
/* Pagination */

.vg_pagination {
float: left;
padding-top: 6px;
margin-left: 3px;
clear: both;
width: 420px;
color: #636466;
font-size: 12px;
line-height: 1.4;
font-family: arial, verdana, sans-serif;
text-decoration: none;
}

.vg_page {
padding: 0 2px;
border: 1px solid #f1f1f1;
display: inline;
margin-bottom: 2px;
}

.vg_page a {
padding: 0 2px;
border: 1px solid #f1f1f1;
}

.vg_pagination a:link {
text-decoration: none;
color: #e76629;
}
.vg_pagination a:visited {
text-decoration: none;
color: #e76629;
}
.vg_pagination a:active{
text-decoration: none;
}
.vg_pagination a:hover {
	border: 1px solid #ccc;
}

.vg_pagination .current_vg_page {
padding: 0 2px;
border: 1px solid #ccc;
}


.vp_gallery_bottom {
background-color: #717171;
padding: 4px 12px 0 12px;
text-align: right;
margin-top: 10px;
color: #fff;
line-height: 1.8;
height: 25px;
}
span#vp_bottom_left {
	background: transparent url(images/vodpod_logo.gif) left top no-repeat;
	padding-left: 20px;
	margin: 0;
	float: left;
}

span#vp_bottom_right {
	margin: 0;
	float: right;
}

.vp_gallery_bottom a:link {
color: #fff !important;
background: transparent;
text-decoration: none;
}
.vp_gallery_bottom a:visited {
color: #fff !important;
background: transparent;
text-decoration: none;
}
.vp_gallery_bottom a:hover {
color: #fff !important;
background: transparent;
text-decoration: underline;

}