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

*/

div.vg_fullpage {
	margin: 0 auto;
	width: 804px;
}

.vg_gallery {
padding: 0;
margin: 0 auto;
text-align: center;
width: 580px;
color: #636466;
font-family: arial, verdana, sans-serif;
border: 1px solid #cccccc;
background-color: #F7F7F7;
font-size: 11px;
padding-top: 20px;
float: left;
}

.vg_gallery.fa {
	float: right;
}

.vg_container {
width: 540px;
margin: 0 auto;
text-align: left;
}

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

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

#vg_video_player {
width: 540px;
margin: 0 auto;
background-color: #F7F7F7;
line-height: 15px;
font-size: 12px;
color: #fff;
}

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

.vg_video_description {
padding: 5px 0;
color: #636466;
margin-left: 5px;
text-align: left;
clear: both;
width: 100%;
}

/* video thumbs area */
.vg_video_thumbs {
background-color: #F7F7F7;
color: #636466;
font-family: arial,verdana,sans-serif;
font-size: 11px;
width: 551px;
margin: 0 auto;
text-align: center;
}

/* video thumbnails */
.video_thumb {
float: left;
width: 100px;
height: 75px;
position: relative;
border: 1px solid #777;
margin: 3px;
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;
text-align: left;
}

.video_thumb .thumb_title a {
color: #fff;
text-decoration: none;
}

/* medium video thumbnails */
.med-video_thumb {
float: left;
width: 160px;
height: 120px;
position: relative;
border: 1px solid #777;
margin: 10px 20px 0px 20px;
padding: 0;
cursor: pointer;
}

.med-video_thumb img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
}

.med-video_thumb .thumb_title_box {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 40px;
background: #000;
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;
}

.med-video_thumb .thumb_title {
position: absolute;
bottom: 0px;
top: 82px;
left: 3px;
width: 100%;
height: 38px;
overflow: hidden;
line-height: 12px;
color: #fff;
font-size: 12px;
font-weight: bold;
text-align: left;
}

.med-video_thumb .thumb_title a {
color: #fff;
text-decoration: none;
}

/* Pagination */
.vg_pagination {
float: left;
padding-top: 6px;
margin-left: 3px;
clear: both;
width: 535px;
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 #F7F7F7;
display: inline;
margin-bottom: 2px;
}

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

.vg_pagination a:link {
text-decoration: none;
color: #2970A6;
}

.vg_pagination a:visited {
text-decoration: none;
color: #2970A6;
}

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

.vg_gallery_bottom {
background-color: #717171;
padding: 12px 12px 0 12px;
text-align: right;
margin-top: 10px;
color: #fff;
line-height: 1.8;
height: 30px;
}

span.vg_bottom_left {
background: transparent url(images/logo.jpg) left top no-repeat;
padding-left: 42px;
margin-top: -7px;
padding-top: 5px;
height: 32px;
float: left;
}

span.vg_bottom_right {
margin: 0;
float: right;
}

.vg_gallery_bottom a:link {
color: #fff !important;
background: transparent;
text-decoration: none;
}

.vg_gallery_bottom a:visited {
color: #fff !important;
background: transparent;
text-decoration: none;
}

.vg_gallery_bottom a:hover {
color: #fff !important;
background: transparent;
text-decoration: underline;
}

.vg_tag_area {
display: block;
width: 100%;
padding-top: 4px;
height: 3em;
}

.vg_tag_area span.vg_label {
float: left;
margin-top: 2px;
margin-left: 5px;
font-size: 12px;
}

.vg_tag_area form {
float: left;
padding-left: 7px;
}

#form_search {
	float: right;
}

.vg_embed_code {
float: right;
padding: 5px 0 10px 0;
width: 49%;
text-align: right;
height: 1.2em;
display: block;
}

.vg_embed_code span.vg_label {
margin: 2px 5px 0 5px;
font-size: 12px;
color: #636466;
position: relative;
float: right;
}

.vg_embed_code input {
	float: right;
}

.vg_sidebar {
float: left;
width: 202px;
color: #636466;
font-family: arial, verdana, sans-serif;
background: transparent url(images/vg_sidebar_bg.gif) top left repeat-y;
font-size: 11px;
padding-bottom: 20px;
margin-left: 20px;
border-bottom: 1px solid #ccc;
}

.vg_sidebar.fa {
	float: right;
	margin-left: 0;
	margin-right: 20px;
	background: transparent url(images/vg_sidebar_fa_bg.gif) top left repeat-y;
}

.vg_sidebar_top {
	background: #42AE49 url(images/vg_sidebar_top.gif) no-repeat;
	line-height: 1px;
	margin: 0;
	padding: 0;
	width: 202px;
	float: left;
}

.vg_sidebar_title {
	color: #fff;
	font-family: arial, verdana, sans-serif;
	float: left;
	text-align: left;
	margin: 8px 10px 0px 10px;
	padding: 0;
	font-size: 13px;
	line-height: 1.2;
}

.vg_share_links {
	width: 49%;
	float: left;
	margin-left: 5px;
	height: 1.2em;
	padding: 5px 0 10px 0;
}

.vg_share_links a img{
	padding: 0 4px 0 0;
	width: 16px;
	height: 16px;
	float: left;
}

.vg_share_links span.vg_label {
margin: 2px 5px 0 0px;
font-size: 12px;
color: #636466;
position: relative;
float: left;
}