/*
Theme Name: Qontinent
Theme URI: http://theqontinent.be
Description:
Version: 1
Author: Sevenedge
Author URI: http://www.sevenedge.be
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/*-------------------+
| CLEAR ALL STYLES   |
+--------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a {outline : none; cursor:pointer;cursor:hand; }
em {font-style: italic;}

.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}


/*-------------------+
| SET ALL STYLES     |
+--------------------*/

* {
	margin: 0;
}

html, body {background:#faf6eb url('images/bg_qont.jpg') top center no-repeat;  width:100%; height:100%; margin:0; padding:0;  font-weight: normal; font-family:"Arial", serif; line-height:1.5em; text-align:left; font-size: 12px; color: #3b352e;}					 

#wrapper {width:960px; margin:0 auto; padding:0;}
#wpml_credit_footer { display: none; }

b {font-weight:bold;}
strong {font-weight:bold;}
i {font-style:italic;}

.content ul {list-style-type:disc; margin-left:0; padding:0px 0; text-align:left;}
.content li {padding:2px 0; list-style-type:disc; list-style-position: inside; }

.back_link{width: 98px; height: 43px; background:url('images/go_back.png') top center no-repeat; text-align: center; line-height:3.5em;}
.back_link a{font-weight: bold; text-decoration: none; color:#f9f3e9;}
.back_link a:hover{font-weight: bold; text-decoration: underline; color:#fa7900;}


/*-------------------+
| HEADER             |
+--------------------*/
.header {width:960px; height: 350px;}
.header a {position: absolute; display: block; outline: none; color:#3b352e; text-decoration: none;}
.header .basseventstop {margin-left: 90px; margin-top: 38px; width: 50px; height: 65px;}
.header .qdancetop {margin-left: 35px; margin-top: 38px; width: 50px; height: 65px;}
.header .home {margin-left: 0; margin-top: 255px; width: 385px; height: 85px;}
.header .tweet {margin-left: 605px; margin-top: 155px; width: 160px; height: 70px; text-align: left; font-size:11px; line-height:1.3em;}
.header .langselect {margin-left: 760px; margin-top: 4px; width: 114px; height: 20px; color:#f9f3e9; font-weight: bold; font-size:11px;}
.header .langselect ul {list-style: none; font-weight: bold; font-size:11px; text-transform: uppercase;}
.header .langselect li {float:left; margin: 0 6px; width:25px; text-align: center; display: inline;}
.header .langselect li a {color:#f9f3e9; text-decoration: none;  position: relative;}
.header .langselect li a:hover {color:#f9f3e9; text-decoration: underline;}
.header .langselect li a.act {color:#fa7900;}

.header .menu {margin-left: 420px; margin-top: 270px; width: 515px; height: 50px; color:#f9f3e9; }
.header .menu ul {list-style: none; font-weight: bold; font-size:14px; text-transform: uppercase; padding-top:16px;}
.header .menu li {float:left; margin: 0 17px; text-align: left; display: inline;}
.header .menu li a {color:#f9f3e9; text-decoration: none;  position: relative;}
.header .menu li a:hover {color:#f9f3e9; text-decoration: underline;}
.header .menu li a.act {color:#fa7900;}


/*-------------------+
| CONTENT LEFT       |
+--------------------*/

.container_left {width:570px; margin:20px 0 0 0; padding:0; float:left; display: inline;}


h1 {font-family:"Arial", serif; color:#3b352e; font-size:24px; font-weight:bold; text-align:left; margin:5px 0 15px 0;}
h2 {font-family:"Arial", serif; color:#e44b00; font-size:14px; font-weight:bold; text-align:left; margin:0 0 10px 0;}
h3 {font-family:"Arial", serif; color:#3b352e; font-size:18px; font-weight:bold; text-align:left; margin:0 0 20px 0;}

h1 a{font-family:"Arial", serif; color:#3b352e; font-size:24px; font-weight:bold; text-align:left; margin:5px 0 15px 0; text-decoration: none; line-height: 1; }
h1 a:hover{text-decoration: underline;}
.content p { margin: 10px 0; }  

.content {margin:10px 0; overflow: hidden;}
.content img {margin:10px 0; border: 3px solid #474039;}
.content {margin:10px 0;}
.content h1 {font-family:"Arial", serif; color:#e44b00; font-size:14px; font-weight:bold; text-align:left;}
.content h2 {font-family:"Arial", serif; color:#3b352e; font-size:14px; font-weight:bold; text-align:left;}
.content a {color:#fa7900; text-decoration:none;}
.content a:hover {text-decoration: underline;}

.dotted_line{background:url('images/dotted_line.gif') top center repeat-x; width:560px; height:2px; font-size: 0; line-height: 0;}
.dotted_line_bottom{background:url('images/dotted_line.gif') top center repeat-x; width:560px; height:2px; margin-bottom:20px;}

/* SOCIAL SHARE BAR */
.socialbar {background:url('images/bg_socialbar.png') top center no-repeat; width: 560px; height: 46px; margin: 0; padding: 0;}

.more_link2 {font-weight: bold; color:#fa7900; margin: 0; padding:10px 0; text-decoration:none;}
.more_link2 a {font-weight: bold; color:#fa7900; text-decoration:none; margin: 0; padding:10px 0;}
.more_link2 a:hover{text-decoration: underline;}

.socialbar .more_link a {height: 20px; border-right:1px solid #5c564d; font-weight: bold; color:#fa7900; text-decoration:none; margin-top: 12px; margin-right:10px; padding:0 10px 0 0; float: left; display: inline;}
.socialbar .more_link a:hover{text-decoration: underline;}

.socialbar a.commentslink {height: 20px; border-right:1px solid #5c564d; font-weight: bold; color:#fa7900; text-decoration:none; margin-top: 12px; padding:0 10px 0 5px; float: left; display: inline;}
.socialbar a:hover.commentslink {text-decoration: underline;}
.socialbar .speechbubble {border:none; margin:13px 5px; float: left; display: inline;}
.socialbar .postdate {font-weight: bold; color:#3b352e; float:left; padding:0 10px 0 5px; margin-top: 12px; display: inline;}

.socialbar .share{float:right; margin-top: 12px; padding:0 0 0 5px; font-weight: bold; color:#fa7900; display: inline;}

.socialbar .share a.twit{height:24px; width:25px; background:url('images/social_twit.png') top center no-repeat; float: left; margin:0 5px; display: inline;}
.socialbar .share a:hover.twit{height:24px; width:25px; background:url('images/social_twit.png') top center no-repeat; background-position: 0 -24px; float: left;}

.socialbar .share a.face{height:24px; width:25px; background:url('images/social_face.png') top center no-repeat; float: left; margin:0 5px; display: inline;}
.socialbar .share a:hover.face{height:24px; width:25px; background:url('images/social_face.png') top center no-repeat; background-position: 0 -24px; float: left;}

.socialbar .share a.net{height:24px; width:25px; background:url('images/social_net.png') top center no-repeat; float: left; margin:0 0 0 5px; display: inline;}
.socialbar .share a:hover.net{height:24px; width:25px; background:url('images/social_net.png') top center no-repeat; background-position: 0 -24px; float: left;}

.comment {width: 560px;}
.comment_txt {width: 560px; border:1px solid red;}
.comment .comment_name{font-weight: bold; color:#e44b00; float: left; display: inline; margin-bottom: 5px;}
.comment .comment_name a{font-weight: bold; color:#e44b00; text-decoration:none;}
.comment .comment_name a:hover{text-decoration:underline;}
.comment .comment_date{font-size:11px; float: left; display: inline; margin-bottom: 5px; margin-left:5px; font-weight: bold;}

.avatar {float:right; margin-left:15px; display: inline;}
.comment-meta{font-size:11px; float: left; display: inline; margin-bottom: 5px; margin-left:5px; font-weight: bold; border;1px solid red;}
.commentmetadata p{font-size:11px; float: left; display: inline; margin-bottom: 5px; margin-left:5px; font-weight: bold; border:1px solid red;}
.commentmetadata a{font-size:11px; float: left; display: inline; margin-bottom: 5px; margin-left:5px; font-weight: bold; text-decoration: none;}
.fn {font-weight: bold; color:#e44b00; float: left; display: inline; margin-bottom: 5px;}
.fn a{font-weight: bold; color:#e44b00; float: left; display: inline; margin-bottom: 5px; text-decoration: none;}
.fn a:hover{text-decoration: underline;}
.says {margin:0 5px 5px 5px; border:1px solid red;}
.commentpost{background:url('images/dotted_line.gif') bottom center repeat-x; width:560px; margin:5px 0 10px 0; padding-bottom:10px;}

.stage{width:560px;}
.stage h2{float: left; margin-top:30px; color:#3b352e; display: inline;}
.stage .logo {width:40px; height:40px; float: left; margin-left:10px; margin-top:10px;}
.stage .soundcloud {width:558px; height:81px; float: left; margin:5px 0;}
.stage ul {list-style: none; padding:0; margin:0; }
* html .stage ul { margin: 0; padding: 0; text-align: left; }
.stage li {padding:0 5px; margin:0; background: url('images/dj_list.png') top left no-repeat; width:262px; height:42px; font-size:12px; font-weight: bold; line-height:3.0em; list-style: none; *margin-left: -12px; *padding-left:15px; *width:252px; }
.stage li a {font-weight: bold; text-decoration: none; color:#fa7900; *margin-left: -12px;}
.stage li a:hover {font-weight: bold; text-decoration: underline; color:#fa7900;}
.stage li.nobg {background: none;}
.stage .dotted_line_bottom_stage{background:url('images/dotted_line.gif') top center repeat-x; width:560px; height:2px;}

.stage_detail{width:560px; margin-bottom:20px;}
.stage_detail img {border: 3px solid #474039; margin:10px 0;}
.stage_detail h1 {font-family:"Arial", serif; color:#3b352e; font-size:18px; font-weight:bold; text-align:left; margin:5px 0 5px 0;}
.stage_detailh2 {font-family:"Arial", serif; color:#e44b00; font-size:14px; font-weight:bold; text-align:left; margin:0 0 10px 0;}
.stage_detail p {margin:10px 0;}

.mediabuttons{float: right; height:31px;}
.mediabuttons a.pictures{height:31px; width:96px; background:url('images/bg_button.png') top center no-repeat; float: left; line-height:2.5em; text-align:center; color:#b6a89a; text-decoration: none; font-weight: bold; margin-right:10px; margin-top:-5px;}
.mediabuttons a:hover.pictures{height:31px; width:96px; background:url('images/bg_button.png') top center no-repeat; background-position: 0 -31px; float: left; color:#443e37;}
.mediabuttons a.pictures.act{height:31px; width:96px; background:url('images/bg_button.png') top center no-repeat; background-position: 0 -31px; float: left; line-height:2.5em; text-align:center; color:#443e37; text-decoration: none; font-weight: bold; margin-right:10px;}

.thmb{border: 3px solid #474039; width:150px; height: 100px; float: left;}
.pictures h2{font-family:"Arial", serif; color:#e44b00; font-size:14px; font-weight:bold; text-align:left; margin:5px 0 10px 0;}
.pictures h2 a{font-family:"Arial", serif; color:#e44b00; font-size:14px; font-weight:bold; text-align:left; margin:5px 0 10px 0; text-decoration: none;}
.pictures h2 a:hover{text-decoration: underline;}
.pic_container{float: left; margin-right:20px; width:150px;}


/*------------------+
| COMMENTFORM       |
+-------------------*/

#respond{margin-bottom:20px;}

.commentform{margin-bottom:20px; width:458px;}
.box_contact {margin:0 0 4px 0; float: left; display: inline;}
.label_contact{float: left; width: 106px; height:20px; margin: 0; padding:4px; background: #b8b2a8; color:#3b352e; font: bold 12px "Arial",Helvetica,sans-serif; line-height:16px;}
.field{float: left; width: 333px; height:22px; margin:0; padding:2px; border:1px solid #b8b2a8; color: #495152; background-color:#fff; line-height:1.5em; font: normal 11px "Arial",Helvetica,sans-serif;}
.fielddeep{float: left; width: 333px; height:85px; margin:0; padding:2px; border:1px solid #b8b2a8; color: #495152; background-color:#fff; line-height:1.5em; font: normal 11px "Arial",Helvetica,sans-serif;}

#contact_submit {background:#333; float:right; width:97px; height:28px; cursor:pointer; border:none; margin-right: 5px; padding:0; color:#ffffff; font-family:"Arial", serif; font-size:11px; font-weight:bold; text-align: center;}

p.warning {padding-bottom:10px;color:#bf1595;font-weight:bold;}

/*-------------------+
| CONTENT RIGHT      |
+--------------------*/

.container_right {width:330px; margin:20px 0 0 0; padding:0; float:right; display: inline;}

.dj_play {background:url('images/bg_djplay.png') bottom center no-repeat; width:330px; height:245px; margin-bottom:15px;}

.slideshow_dj {position:relative; width:300px; font-weight:bold; font-size:14px; color:#f9f3e9; text-align: center; margin-left:15px;}
.slideshow_dj div {position:absolute;top:0;left:0;z-index:8;opacity:0.0;display:none;}
.slideshow_dj div.active {z-index:10;opacity:1.0;display:block;}
.slideshow_dj div IMG {width:294px; height: 180px; display: block; margin-bottom: 17px; border: 3px solid #474039;}


.container_right .dotted_line{background:url('images/dotted_line.gif') top center repeat-x; width:330px; height:2px; margin:0;}
.container_right .dotted_line_bottom{background:url('images/dotted_line.gif') top center repeat-x; width:330px; height:2px; margin-bottom:20px;}
.container_right .tickets {background:url('images/tickets.png') top center no-repeat; width: 330px; height:30px; padding-top:44px;}
.container_right .tickets a{font-weight: bold; text-decoration: none; color:#3b352e; margin:0 0 0 20px;}
.container_right .tickets a:hover{text-decoration: underline;}

.container_right .travel {background:url('images/travel.png') top center no-repeat; width: 330px; height:127px;}
.container_right .travel p {width:200px; padding:35px 0 0 16px;}
.container_right .travel a{font-weight: bold; text-decoration: none; color:#fa7900; margin:0 0 0 16px;}
.container_right .travel a:hover{text-decoration: underline;}

.container_right .camping {background:url('images/camping.png') top center no-repeat; width: 330px; height:127px; margin-bottom:10px;}
.container_right .camping p {padding:35px 16px 0 16px;}
.container_right .camping a{font-weight: bold; text-decoration: none; color:#fa7900; margin:0 0 0 16px;}
.container_right .camping a:hover{text-decoration: underline;}

.container_right .social {background:url('images/social_xl.png') top center no-repeat; width: 330px; height:86px;}
.container_right .social a {position: absolute; display: block; outline: none; color:#3b352e; text-decoration: none;}
.container_right .social .fb {margin-left: 10px; margin-top: 8px; width: 65px; height: 65px;}
.container_right .social .twit {margin-left: 90px; margin-top: 8px; width: 65px; height: 65px;}
.container_right .social .flickr {margin-left: 175px; margin-top: 8px; width: 65px; height: 65px;}
.container_right .social .youtube {margin-left: 250px; margin-top: 8px; width: 65px; height: 65px;}

.container_right .partners {background:url('images/partners.png') top center no-repeat; width: 330px; height:175px; padding-top:45px;}
.container_right .partners a.more{font-weight: bold; text-decoration: none; color:#3b352e; margin:10px 16px 0 0; float: right;}
.container_right .partners a:hover.more{text-decoration: underline;}

.container_right .partners .slideshow_partners {position:relative; width:300px; height:115px; }
.container_right .partners .slideshow_partners div {position:absolute;top:0;left:0;z-index:8;opacity:0.0; display:none;height: 180px;}
.container_right .partners .slideshow_partners div.active {z-index:10;opacity:1.0; display:block;}
.container_right .partners .slideshow_partners div IMG {width:300px; height:115px; display: block; margin-left:15px;}

/*-------------------+
| FOOTER             |
+--------------------*/
#footer {width:100%; height:624px; margin:0; padding:0; background:url('images/crowdbottom.png') top center repeat-x;}
.footer_inner {margin:0 auto;  padding:0; background:url('images/deejay_foot.png') top left repeat-x; width:960px; height: 624px;}
.footer_inner a {position: absolute; display: block; outline: none; color:#3b352e; text-decoration: none;}
.footer_inner .menu {margin-left: 18px; margin-top: 464px; float: left; display: inline; width: 515px; height: 50px; color:#f9f3e9; position: absolute;}
.footer_inner .menu ul {list-style: none; font-weight: bold; font-size:14px; text-transform: uppercase; padding-top:16px;}
.footer_inner .menu li {float:left; margin: 0 17px; list-style-position: inside; display: inline;}
.footer_inner .menu li a {color:#f9f3e9; text-decoration: none;  position: relative;}
.footer_inner .menu li a:hover {color:#f9f3e9; text-decoration: underline;}
.footer_inner .menu li a.act {color:#fa7900;}

.footer_inner .face {margin-left: 640px; margin-top: 475px; float: left; display: inline; width: 30px; height: 30px;}
.footer_inner .twit {margin-left: 690px; margin-top: 475px; float: left; display: inline; width: 30px; height: 30px;}
.footer_inner .flickr {margin-left: 742px; margin-top: 475px; float: left; width: 30px; display: inline; height: 30px;}
.footer_inner .tube {margin-left: 792px; margin-top: 475px; float: left; width: 30px; height: 30px; display: inline; }
.footer_inner .se {margin-left: 640px; margin-top: 550px; float: left; display: inline; width: 30px; height: 30px; width:175px; height:36px; background:#faf6eb url('images/tag_foot.gif') top center no-repeat; text-align: center; line-height:3.0em; color:#efe8dd;}
.footer_inner .se a {text-decoration: none; color:#8f8a81;}
.footer_inner .se a:hover {text-decoration: underline;}

.footer_inner .se {margin-left: 640px; margin-top: 550px; float: left; width: 30px; height: 30px; width:175px; height:36px; background:#faf6eb url('images/tag_foot.gif') top center no-repeat; text-align: center; line-height:3.0em; color:#efe8dd;}
.footer_inner .se a {text-decoration: none; color:#8f8a81;}
.footer_inner .se a:hover {text-decoration: underline;}