/*
Theme Name: Vepl
Theme URI: http://vepl.fr/
Description: The original theme of vepl.fr
Version: 1.0
Author: Vepl
Author URI: http://vepl.fr/
Tags: vepl, broadcast, magazine
*/

@import "css/960.css";
@import "css/reset.css";
@import "css/typo.css";

/* Main */

body {background:#000;}
span.dl a{padding: 0 0 0 25px;background-image: url(img/sound.png);background-repeat: no-repeat;background-position: 0;width:16px;}

/* Header */

div#header {background:#121212;width:960px;height:150px;border:1px solid #313131;}

div#title h1{padding:0;margin:0;margin-left:20px;margin-top:1px; border:none;}
div#title h1 a{display:block;background:url(img/logo.png) no-repeat left;width:465px;height:94px;}
div#title h1 a span{display:none;}

#searchform {background: url(img/searchbg.png);margin:35px auto 0 auto; padding:0;width:301px; height:30px;}
#searchform #s {margin:0; padding:7px 10px 5px 25px;width:300px; height:auto;border:0;background:none;float:left;font-size:0.92em; color:#ccc;}

div#mainmenu {background:url(img/headspace.png) top no-repeat;height: 1px;width:940px; position: relative; text-transform: uppercase;font-family: Georgia, sans-serif; font-size:11px; margin-left:1px; padding-left:20px;}
div#mainmenu ul {position: relative; float:left; padding:17px 0 0 0; }
div#mainmenu ul li { float: left; }
div#mainmenu ul li a { color: white; outline: none; text-align: center; display: block; overflow: hidden; float:left; z-index: 10; padding: 0 10px; position: relative; } /* relative breaks ie */
div#mainmenu ul li a:hover { text-decoration: none; }
div#mainmenu ul li.back { background: url(img/lava.png) no-repeat right -24px;width:9px;height:25px;position:absolute;z-index:8;top:14px;}
div#mainmenu ul li.back .left { background: url(img/lava.png) no-repeat top left; height: 25px; margin-right: 9px; }
div#mainmenu .rss { float:right; background: url(img/rss.png); width: 32px; height:32px; text-indent:-9999px; margin-top:12px; margin-right:20px;}
div#mainmenu .rss a { background: url(img/rss.png); width: 32px; height:32px; }

/* Content */

div#main {background:#121212;margin-top:20px;padding:10px 0 20px 0;min-height:650px;border:1px solid #313131;}


p.post-info {padding:0;font-family: Georgia, sans-serif;font-size: 10px;font-style: normal;font-weight: normal;text-transform: uppercase;line-height: 2em; text-align:right;}

/* Featured*/

#featured { padding:0;min-height:200px}
.top-featured { margin: 0;padding:10px 0 0 5px;font-size: 1.5em;font: Georgia bold;position:absolute;text-transform:uppercase;height:30px;width:100%;background: black;opacity: .7;filter:alpha(opacity=70); }
.feat-img {position:absolute;margin:-40px 410px 0 410px;}


/* Slides Hover Post */

.boxgrid{width: 300px;height: 200px;margin:0 5px 5px auto; border:1px solid #313131;float:left;background:#000;	overflow: hidden;position: relative;}
.boxgrid_feat{width: 460px;height: 200px;margin:0 8px 20px auto; border:1px solid #313131; float:left;background:#000;	overflow: hidden;position: relative;}
.boxgrid_rel{width: 167px;height: 100px;margin:0 10px 5px 10px; border:1px solid #313131; float:left;background:#000;	overflow: hidden;position: relative;}
.boxgrid_arch{width: 300px;height: 200px;margin:0 11px 5px auto; border:1px solid #313131;float:left;background:#000;	overflow: hidden;position: relative;}
.boxgrid img{position: absolute;top: 0;left: 0;border: 0;}
.boxcaption, .boxcaption-rel{float: left;position: absolute;background: #000;height: 100px;width: 100%;opacity: .8;
/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}	
.caption .boxcaption {top: 170px;left: 0;}
.caption-rel .boxcaption-rel {top: 80px;left: 0;}
 
.date-link {float:left;margin-right:30px;margin-left:5px;}
.comments-caption {font-weight: bold;}
.continue {float:right;font-weight: bold; margin-right:5px;}

.viewArchives a, .viewArchives a:visited {margin-top:10px;padding: 4px 6px 4px 6px;background-color:#1E1E1E;font-size: 12px;color: #ffffff;font-weight: bold;border: none;;}

/* Single */
#post {background:#000000;border:1px solid #313131; min-height:713px;}
.post-meta {margin:0;padding:10px}
.post-box {margin:0;padding:10px}
.post-image-inner {margin-bottom:10px; text-align:center;}

#fav {margin:20px 10px 10px 10px;}
#fav ul.love {position: relative; float:left;background:#121212;padding:10px 20px 10px 20px;border:1px solid #313131;}
#fav ul.love span{display:none;}
#fav ul.love li { float: left;padding:10px 15px 10px 15px; }
#fav ul.love li a{position:relative;padding:0 0 0 5px;color:#ccc;font-size:12px;float:left;}
#fav ul.love li a:hover{text-decoration:none;}
#fav ul.love li.myspace a{background:url(img/myspace-fav.png) no-repeat;width:122px;height:42px;}
#fav ul.love li.twitter a{background:url(img/twitter-fav.png) no-repeat;width:122px;height:42px;}
#fav ul.love li.facebook a{background:url(img/facebook-fav.png) no-repeat;width:122px;height:42px;}
#fav ul.love li.delicious a{background:url(img/delicious-fav.png) no-repeat;width:122px;height:42px;}
#fav ul.love li.stumble a{background:url(img/stumbleupon-fav.png) no-repeat;width:122px;height:42px;}
#fav ul.love li.digg a{background:url(img/digg-fav.png) no-repeat;width:122px;height:42px;}

#related {margin:5px 10px 10px 10px}

/* Sidebar */

#sidebar {margin:0 0 20px 0;background:#000000;border:1px solid #313131;}

.widget {width: 300px; margin: 10px; padding: 0;margin-bottom: 15px; min-height:382px;}
    .widget a {text-decoration: none;}
    .widget a:hover {text-decoration: none;}
	.tabnav {padding-bottom:10px;border-bottom:1px solid #313131;width:92%;text-align:center;}
    .tabnav li {display: inline;list-style: none;padding-right: 1px;}
    .tabnav li a {text-decoration: none;padding: 4px 1px 4px 1px;outline: none;}
    .tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {background: #dedbd1;color: #222;text-decoration: none;}
    .tabdiv {margin-top: 2px;padding-top: 5px;width:92%;}
    .tabdiv li {margin:0 auto;}
    .ui-tabs-hide {display: none;}
	
/* Sidebar 2 */

.widget-single {width: 380px; margin: 10px; padding: 0;margin-bottom: 15px;}

/* Comments */
#comments {margin:0 0 20px 0;background:#000000;border:1px solid #313131;font-size:12px; min-height:432px;}
#comments-no {margin:5px 10px 10px 10px}
.commentlist {padding:10px;}
#respond {padding:0 10px 0 10px;}
.avatar {float:right;}
.comment-list {margin-bottom:5px;padding:0 0 2px 0;border-bottom:1px solid #313131;}
.nocomment {margin:5px 10px 10px 10px}

#author, #email, #url, #comment, #submit {margin-bottom:10px;padding:5px 5px 5px 5px;color:#fff;background:#121212;border:1px solid #313131;}
#submit {cursor:pointer;margin:auto;float:right;}


/* Footer */

#footer {background:#121212;margin-top:20px;margin-bottom:20px;padding:10px 0 0 0;border:1px solid #313131;}
#footer p.terms{color:#bababa;font-size:10px;}

#footer ul.love {position: relative; float:right;}
#footer ul.love span{display:none;}
#footer ul.love li { float: right; }
#footer ul.love li a{position:relative;padding:0 0 0 5px;color:#ccc;font-size:12px;float:right;}
#footer ul.love li a:hover{text-decoration:none;}
#footer ul.love li.myspace a{background:url(img/myspace.png) no-repeat;width:16px;height:16px;}
#footer ul.love li.twitter a{background:url(img/twitter.png) no-repeat;width:16px;height:16px;}
#footer ul.love li.facebook a{background:url(img/facebook.png) no-repeat;width:16px;height:16px;}
#footer ul.love li.delicious a{background:url(img/delicious.png) no-repeat;width:16px;height:16px;}
#footer ul.love li.stumble a{background:url(img/stumble.png) no-repeat;width:16px;height:16px;}

#footer ul.footer_menu {position: relative; float:left; padding:0;}
#footer ul.footer_menu li { float: left; }
#footer ul.footer_menu li a{position:relative;padding:0 0 0 10px;color:#ccc;font-size:10px;float:left;}

/* Calendar */

table.dbem-calendar-table tr.month_n {font-size:24px;font-weight:bold;}
table.dbem-calendar-table {margin:10px auto;font-size: 20px;cursor:pointer;color: #fff;}
table.dbem-calendar {border:1px solid #313131;}
table.dbem-calendar-table td, table.dbem-calendar-table th {width:81px;height:81px;text-align:center;vertical-align:middle;position:relative;}
table.dbem-calendar.table th {height:30px;font-weight: bold;font-size: 14px;} 
table.dbem-calendar-table td.eventless-pre, .dbem-calendar td.eventless-post {color: #ccc;}
table.dbem-calendar-table td.eventful a { font-weight: bold;}
table.dbem-calendar-table td.eventful {color: #ddd;}
table.dbem-calendar-table td.eventful:hover {color: #ddd;}
table.dbem-calendar-table td.eventless-today {color: #000;}
table.dbem-calendar-table td.eventless-today:hover {color: #ddd;}

#dbem-location-map {width: 200px !important;height: 180px !important;margin: 10px auto;}


/* Pages */

.page-title {margin-bottom:20px}

/* Video */

#video-first {margin-bottom:20px;padding:0;min-height:200px}
.video-meta {margin:0;padding:10px}
.video-box {margin:0;padding:10px}
.latest-img {position:absolute;margin:-40px 410px 0 410px;}

/* fvCommunityNews */

.fvCommunityNewsList {
	padding: 0 !important;
	margin-left: 5px !important;
}
.fvCommunityNewsList li, .fvCommunityNewsList li:before {
	list-style: none !important;
	content: "" !important;
	color: #ccc !important;
}
.fvCommunityNewsList li strong {
	display: block;
}
.fvCommunityNewsList li small {
	font-size: .8em;
	font-style: normal;
	letter-spacing: 1px;
	margin-left: 3px;
}

#fvCommunityNewsForm label {
	display: block;
	font: 11px Verdana, Geneva, sans-serif;
	font-weight: bold;
	padding: 4px 0 1px 3px;
}
#fvCommunityNewsForm label em {
	font: 12px Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
#fvCommunityNewsForm input, #fvCommunityNewsForm textarea {
	margin-bottom:10px;padding:5px 5px 5px 5px;color:#fff;background:#121212;border:1px solid #313131;
}
#fvCommunityNewsForm input:focus, #fvCommunityNewsForm textarea:focus { border-color: #b4b4b4 #cbcbcb #cbcbcb #b4b4b4; }
#fvCommunityNewsForm input.error, #fvCommunityNewsForm textarea.error { border-color: #e40000 #fb0000 #fb0000 #e40000; }
#fvCommunityNewsForm input.error:focus, #fvCommunityNewsForm textarea.error:focus { border-color: #c40000 #db0000 #db0000 #c40000; }
#fvCommunityNewsForm textarea { height: 50px; }
#fvCommunityNewsSubmit {
	width: auto !important;
	display: block;
	margin-top: 4px;
}
#fvCommunityNewsForm small a {
	outline: none !important;
}
#fvCommunityNewsErrorResponse { color: #e40000; }