/*
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;

text-align: center;

width: 99%;

color: #669900;

font-family: arial, verdana, sans-serif;

border: 1px solid #717171;

background-color: #FFFFFF;

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: #FFFFFF;

line-height: 15px;

font-size: 12px;

color: #fff;

}



.vp_video_title {

color: #fff;

padding: 5px 10px;

background: #669900;

}



.vp_video_description {

padding: 5px 0;

color: #636466; 

text-align: left;

}



/* video thumbs area */

#vp_video_thumbs {

background-color: #FFFFFF;

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 #FFFFFF;

display: inline;

margin-bottom: 2px;

}



.vg_page a {

padding: 0 2px;

border: 1px solid #FFFFFF;

}



.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;

}