/*
Theme Name: CZAR
Description: CZAR.BE Wordpress theme.
Author: Simon Lagneaux
Author URI: http://www.simonlagneaux.com
version: 1.0
Based on the Blank theme by Refueled
(http://refueled.net/blank-themes/)
*/

/* basics */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	margin: 0;
	min-width: 1130px;
}

h1 {
	font-size: 18pt;
}

h2 {
	font-size: 14pt;
}
 
h3 {
	font-size: 10pt;
}

h4 {
	font-size: 9pt;
}

img {
	border: none;
	padding: 0;
}

img a {
	border: none;
}

img.left {
	float: left;
	border: none;
	padding: 6px 0 0 0;
}

img.right {
	float: right;
	border: none;
	padding: 0 0 0 6px;
}

blockquote {
	border-left: 1px solid #A5ABAB;
	margin: 15px;
	padding: 0 12px 0 12px;
}

code {
	font-family: "Courier New", Courier, monospace;
}

/* links */

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* container */

.blogpost {
	overflow: hidden;
	width: auto;
	margin-bottom: 12px;
}

.blogpost div.entry {
	margin-right: 0px;
}

div.entry a.tooltip img:hover {
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	opacity: .70;
}

.link.blogpost a div.entry:hover {
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	opacity: .70;
}

span.date {
	background: #fff;
	font: 11px "Courier New", Courier, mono;
	color: #000;
	margin-bottom: 40px;
	position: absolute;
	z-index: 7;
	padding: 2px 2px 2px 0;
	margin-top: 0;
	text-transform: lowercase;
}

.link.blogpost .entry {
	padding-top: 16px;
	margin-right: 10px;
	font: bold 20px Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	width: 360px;
	overflow: hidden;
}

.entry p.crop_news {
	height: 40px;
	width: 360px;
	margin: 0 0 3px;
	overflow: hidden

;
	/* this is important */
	position: relative
}

.crop_news img {
	margin: -50px -10px -40px;
}

#container {
	

/*background: url(/wp-content/themes/blank3/images/pattern2.png) repeat;*/
	width: auto;
	padding: 0;
	color: #333;
	overflow: hidden;
	z-index: 1;
	position: relative;
	padding-left: 20px;
}

/* header */

#header {
	width: 100%;
	height: 93px;
	color: #fff;
	margin-top: 8px;
}

#logo {
	position: fixed;
	z-index: 9;
	top: 6px;
	left: 21px;
}

#header h1 {
	font: normal 20pt georgia, times;
	padding: 20px 0 0 16px;
	margin: 0;
	display: none;
}

#header h1 a {
	color: #404040;
	text-decoration: none;
}

#header h1 a:hover {
	color: #666;
	text-decoration: none;
}

#header h2 {
	font: normal 10pt georgia, times;
	color: #333;
	padding: 0 0 0 18px;
	margin: 0;
	display: none;
}

h2#content_title {
	background: #4f5151;
	font: 11px "Courier New", Courier, mono;
	color: #FFF;
	margin-bottom: 40px;
	position: fixed;
	z-index: 8;
	padding: 2px 2px 2px 0;
}

h2#right_title {
	background: #4f5151;
	font: 11px "Courier New", Courier, mono;
	color: #FFF;
	margin-bottom: 40px;
	position: fixed;
	z-index: 9;
	padding: 2px 2px 2px 0;
}

/* main menu */

#menu {
	font-family: verdana, arial, times, serif;
	font-size: 8pt;
	width: 100%;
	overflow: hidden;
	margin-top: -7px;
}

#menu ul {
	padding: 0;
	width: 100%;
	overflow: hidden;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
}

#menu ul li {
	list-style-type: none;
	font: 11px "Courier New", Courier, mono;
	color: #FFF;
}

#menu ul li a {
	background: #4f5151;
	line-height: 25px;
	color: #fff;
	display: inline;
	padding: 2px 2px 2px 0;
}

#menu ul li a:hover {
	background: #fff;
	color: #000;
	text-decoration: none;
}

/* content */

#content {
	float: left;
	width: 385px;
	margin: 0 0 0 171px;
	padding-top: 40px;
	position: relative;
	padding-right: 0px;
	background: url(/wp-content/themes/blank3/images/trick.png) repeat;
}

#content.blog {
	float: left;
	width: 385px;
	overflow: hidden;
	margin: 0 0 0 171px;
	padding-top: 40px;
	position: relative;
	background: url(/wp-content/themes/blank3/images/trick.png) repeat;
}

#content.contact {
	float: left;
	width: 385px;
	overflow: hidden;
	margin: 0 0 0 171px;
	padding-top: 40px;
	position: relative;
	background: url(/wp-content/themes/blank3/images/trick.png) repeat;
}


#post {
	margin: 0;
	width: auto;
	overflow: hidden;
	background: url(/wp-content/themes/blank3/images/trick.png) repeat;
	padding: 59px 0 25px;
}

#content.blog #post{
	margin: 0 0 0;
	padding: 59px 0 30px;
	width: auto;
	overflow: hidden;
	background: url(/wp-content/themes/blank3/images/trick.png) repeat;
}

#post h2 {
	font: normal 15pt georgia, times;
}

#post h2 a {
	color: #000;
	text-decoration: none;
}

#post h2 a:hover {
	color: #777;
	text-decoration: none;
}

#post .inner div {
	margin-bottom: 8px;
}

#post .col1, .post .col2 {
	width: 360px;
	float: left;
	font: 11px "Courier New", Courier, mono;
	color: #000;
	margin-bottom: 30px;
}

#post .col1 p, .post .col2 p {
	margin-bottom: 5px;
	background: white;
	padding: 2px 2px 2px 0px;
}

#links {
	width: 358px;
	float: left;
	font: 11px "Courier New", Courier, mono;
	color: #000;
	margin-right: 30px;
}

#links a {
	margin-bottom: 5px;
	display: inline-block;
	width: 100%;
	background: white;
	padding: 2px 2px 2px 0px;
}

.entry p {
	margin: 12px 0;
}

.postmetadata {
	clear: both;
	background: #F7F7F7;
	padding: 6px;
	margin: 20px 0;
}

.navigation {
	font-size: 8pt;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}



.navigation .alignleft a {
	float: left;
	padding: 2px 2px 2px 0;
	background: #fff900;
	font: 11px "Courier New", Courier, mono;
	color: #000;
	margin-bottom: 36px;
	text-transform: lowercase;
}

.navigation .alignleft a:hover {
	text-decoration: none;
}

.alignright a {
	float: right;
	padding: 2px 2px 2px 0;
	background: #fff900;
	font: 11px "Courier New", Courier, mono;
	color: #000;
	margin-bottom: 36px;
	margin-right: 26px;
	text-transform: lowercase;
}

.alignright a:hover {
	text-decoration: none;
}

/* left sidebar */

#left {
	width: 150px;
	float: left;
	margin: 0;
	padding: 0;
	position: fixed;
}

#left h2 {
	font: normal 11pt arial, georgia, times;
	color: #000;
	margin: 0;
	padding: 0;
}

#left label {
	font: normal 11pt arial, georgia, times;
	color: #000;
	margin: 0;
	padding: 0;
}

#left p {
	margin: 0;
	padding: 0;
}

#left img {
	padding: 0;
	margin: 0;
}

#left ul {
	margin: 0;
	padding: 0;
}

#left ul li {
	margin: 0;
	padding: 0;
	line-height: 12pt;
	list-style-type: none;
}

#left ul li.page_item_rss {
	margin-top: 15px;
}


#left ul ul {
	margin: 14px 0;
	padding: 0;
}

#left ul ul li {
	list-style-type: none;
}

#left ul ul ul {
	margin: 0;
	padding: 0;
}

#left ul ul ul li {
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

/* right sidebar */

#right {
	float: left;

/*background: url(/wp-content/themes/blank3/images/load2.gif) no-repeat left 100px;*/
	position: relative;
	padding: 40px 0 0;
	margin: 0 0 0 60px;
	overflow: hidden;
	width: 470px;
}

.link_web {
	float: left;
	width: 110px;
	position: relative;
	width: 104px;
	height: 64px;
	border: 3px solid #fff900;
	background: none;
}

.link_web:hover {
	border: 3px solid #dad82f;
}


.link_web:hover span{
	background: #dad82f;
}

.link_web span {
	font: 11px "Courier New", Courier, mono;
	background: #fff900;
	position: absolute;
	display: inline;
	padding: 0 2px 2px 0;
	width: auto;
	margin-top: -1px;
	margin-left: -3px;
}

/*#right h2{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#right label{
	font:normal 11pt arial, georgia, times;
	color: #000;	
	margin: 0;
	padding: 0;
}

#right p {margin:0; padding:0;}

#right img {padding: 0; margin: 0;}

#right ul {
	margin:12px;
	padding:0;
	}

#right ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}

#right ul ul {
	margin:14px 0;
	padding: 0;
}

#right ul ul li {
	list-style-type: none;
	}

#right ul ul ul{
	margin: 0;
	padding: 0;
}*/



#right ul ul ul li {
	padding: 0 0 0 15px;
	list-style-type: square;
	color: #898989;
}

/* comments */

#commentform {
	background: #fff;
	margin: 0;
	padding: 0;
}

#commentform p {
	color: #000;
}

#commentform a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #465D71;
	line-height: 14pt;
}

#commentform h3 {
	font-family: georgia, times, verdana;
	font-size: 10pt;
	font-weight: 300;
	color: #000;
	margin: 0;
	padding: 0;
}

#comment {
	width: 80%;
}

#author, #email, #url, #comment, #submit {
	background: #fff;
	font-family: verdana, arial, times;
	font-size: 8pt;
	margin: 5px 5px 0 0;
	padding: 0;
	border: 1px solid #000;
}

#submit {
	margin: 5px 5px 0 0;
}

#comments {
	margin: 0;
	padding: 0
}

ol.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.avatar {
	float: left;
	margin: 0 12px 0 0;
}

ol.commentlist li {
	background: #fff;
	margin: 10px 0;
	padding: 5px 0 5px 10px;
	list-style-type: none;
}

ol.commentlist li.alt {
	background: #eee;
}

ol.commentlist li p {
	margin: 6px 0 6px 0;
	padding: 0 12px 0 0;
	line-height: 14pt;
}

ol.commentlist a {
	color: #000;
}

cite {
	font-family: arial, verdana, tahoma;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
}

cite a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #465D71;
}

/* search */

#searchform {
	padding: 0;
	margin: 14px 0;
}

#searchform input#s {
	margin: 0;
	border: 1px solid #000;
	padding: 2px;
}

/* misc */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/* footer */

#footer {
	background: #000;
	clear: both;
	width: 100%;
}

#footer p {
	padding: 14px 0;
	margin: 0;
	color: #eee;
	text-align: center;
}

#footer a {
	color: #BCBCBC;
	text-decoration: none;
}

#footer a:hover {
	color: #5D5D5D;
	text-decoration: underline;
}

/* @group entry_real */

#backd {
	display: none;
	float: left;
	padding: 2px 2px 2px 0;
	background: #fff900;
	font: 11px "Courier New", Courier, mono;
	color: #000;
	z-index: 999;
	margin-top: 58px;
	cursor: pointer;
}

#rokkitd {
	font: bold 30px/36px Helvetica, Arial, Geneva, sans-serif;
	color: #fff900;
	text-transform: uppercase;
	cursor: pointer;
	display: inline;
	padding: 0 2px 0 0;
	text-decoration: none;
}



#rokkitd:hover {
	cursor: pointer;
	color: #dad82f;
	text-decoration: none;
}

#stinkd {
	font: bold 30px/36px Helvetica, Arial, Geneva, sans-serif;
	color: #fff900;
	text-transform: uppercase;
	cursor: pointer;
	display: inline;
	padding: 0 2px 0 0;
	text-decoration: none;
}

#stinkd:hover {
	cursor: pointer;
	color: #dad82f;
	text-decoration: none;
}



#bacond {
	font: bold 30px/36px Helvetica, Arial, Geneva, sans-serif;
	color: #fff900;
	text-transform: uppercase;
	cursor: pointer;
	display: inline;
	padding: 0 2px 0 0;
	text-decoration: none;
}



#bacond:hover {
	cursor: pointer;
	color: #dad82f;
	text-decoration: none;
}

.entry_real .crop_real {
	float: left;
	margin: 0;
	overflow: hidden;
	/* this is important */
	position: relative;
	/* this is important too */
	width: 110px;
	height: 70px;
	background: #ffffff url(/wp-content/themes/blank3/images/pattern2.png) repeat;
}

.entry_real .crop_real img {
	position: absolute;
	top: -20px;
	left: -20px;
	height: 110px;
}

.entry_real .crop_real img:hover {
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	opacity: .70;
}

.entry_real {
	padding: 0 5px 10px 0;
	float: left;
	width: 110px;
	height: 80px;
	position: relative;
}

.element {
	width: 455px;
	overflow: hidden;
	position: relative;
}

.element_inner{ 
	width: 455px;
	position: relative;}

.element2 {
	width: 455px;
	position: relative
}

.element2 .blogpost {
	margin-top: -30px;
}

.entry_real span {
	font: 11px "Courier New", Courier, mono;
	color: #000;
	background: white;
	z-index: 6;
	position: relative;
	display: inline;
	padding: 2px 2px 2px 0;
	width: auto;
}

.toggler {
	font: bold 30px/36px Helvetica, Arial, Geneva, sans-serif;
	color: #fff900;
	text-transform: uppercase;
	cursor: pointer;
	display: block;
	width: 440px;
	background: url(/wp-content/themes/blank3/images/trick.png) repeat;
	padding: 0 2px 0 0;
}

.toggler2 {
	width: 100%;
	height: 30px;
	background: no-repeat;
}

.toggler:hover {
	color: #dad82f;
}

.crop {
	height: 70px;
	margin: -14px 0 .5em;
	overflow: hidden;
	/* this is important */
	position: relative
}

.crop img {
	margin: -50px -15px -40px 0;
}

.crop img:hover {
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	opacity: .70;
}

.thumbdiv {
	padding-top: 52px;
	margin-bottom: 13px;
}

.thumbdiv a{
	text-decoration: none;
}

#stinkdiv a, #rokkitdiv a, #bacondiv a{
	text-decoration: none;
}

.thumb span {
	z-index: 5;
	position: relative;
	background: white;
	font: 11px "Courier New", Courier, mono;
	color: #000;
	padding: 2px 2px 2px 0;
}

.thumb {
	padding-bottom: 13px;
	position: relative
}

.blank {
	height: 22px;
	width: 300px;
}

.border {
	width: 540px;
	overflow: hidden;
	margin-top: 7px;

	clear: both;
	position: static;
}

.space {
	height: 10px;
}

.opacity100 {
	-khtml-opacity: 1;
	-moz-opacity: 1;
	-ms-filter: "alpha(opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

#bg, #bg table, #bg td, #cont {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#bg div {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	overflow: hidden;
}

#bg td {
	text-align: center;
	vertical-align: top;
}

#bg img {
	margin: 0 auto;
	min-height: 100%;
	min-width: 100%;
}

.photo.blogpost a.tooltip span {
	display: none;
	padding: 2px 3px;
	margin-left: 8px;
	width: 130px;
}

.photo.blogpost a.tooltip:hover span {
	display: inline;
	position: absolute;
	border: 1px solid #cccccc;
	background: #ffffff;
	color: #6c6c6c;
}

/* @end */

div#WzTiTl {
	position: absolute;
	top: 12px;
}

#WzBoDyI span {
	padding: 2px 2px 2px 0;
	height: 12px;
	display: block;
	background-color: #4f5151;
}

.txt.blogpost .entry {
	width: 360px;
	height: 30px;
	background: #4f5151 url(/wp-content/themes/blank3/images/pattern2.png) repeat;
	font: 11px "Courier New", Courier, mono;
	color: #fff;
}

#WzBoDyI img {
	max-width: 500px;
}

.blogpost img {
	width: 360px;
	height: auto;
	margin-bottom: 3px;
}

.blogpost h3.title {
	display: inline;
	margin-top: 20px;
	padding: 2px 2px 2px 0;
	position: absolute;
	color: #000;
	background: #fff900;
	font: bold 17px Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	
}

.blogpost .inner {
	padding-top: 55px;
	width: 360px;
	font: 11px "Courier New", Courier, mono;
	background: white;
	
padding: 2px 2px 2px 0;
	padding-bottom: 20px;
}

.blogpost .inner a {
	text-decoration: underline;
}

#credit {
	position: absolute;
	bottom: 40px;
}

#WzBoDyI div.texthover {
	width: 400px;
	color: black;
	background: white;
	padding: 2px 2px 2px 0;
}

.post-2 form {
	width: 360px;
	float: left;
	font: 11px "Courier New", Courier, mono;
	color: #000;
}

.post-2 form span {
	background: #fff900;
	font: 11px "Courier New", Courier, mono;
	color: #000;
	padding: 2px 2px 2px 0;
	width: 358px;
	display: block;
}

.post-2 form ol {
	margin-top: 5px;
}

.post-2 form input {
	vertical-align: baseline;
	background: #fff900;
	float: right;
	height: 16px;
	margin-top: -2px;
	margin-left: 1px;
	padding: 1px;
	border: none;
	font: 11px "Courier New", Courier, mono;
	width: 178px;
}

.post-2 form input#btn {
	width: 50px;
	height: 16px;
	margin-top: 0px;
}

.post-2 form ol li {
	height: 14px;
	overflow: hidden;
	margin-bottom: 5px;
	background: white;
	padding: 2px 0 2px 0px;
}

/* @group ie7+ff2 hacks */


*+html .entry_real span {
	font: 11px "Courier New", Courier, mono;
	color: #000;
	background: white;
	z-index: 9;
	position: static;
	display: none;
	padding: 2px 2px 2px 0;
	width: auto;
	
}

*+html .element {
	position: static;
}

*+html .element_inner{ 
	position: static;
}
*+html .entry_real .crop_real {
	position: static;

}

*+html .entry_real .crop_real img {
	position: static;
}

*+html .entry_real .crop_real img:hover {
	position: static;
}

*+html .entry_real {
	position: static;
}


*+html .crop {
	position: static;
}

*+html .link_web {
	position: static;
	background: url(/wp-content/themes/blank3/images/trick.png) repeat;
}

*+html .link_web span {
	position: static;
	display: inline;
	padding: 0 2px 2px 4px;
	width: auto;
}

*+html .post-2 form input {
	margin-top: -16px;
	}

*+html #links a {
	margin-bottom: -9px;
}

*+html #stinkdiv {
margin-top: 30px;
}

*+html #rokkitdiv {
margin-top: 30px;
}

*+html #bacondiv {
margin-top: 30px;
}

*+html #backd {
	position: absolute;
}

*+html .thumb .crop {
	margin: -16px 0 .5em;
}

.thumb .crop, x:-moz-any-link { margin: -14px 0 .5em; }
.thumb .crop , x:-moz-any-link, x:default { margin: -16px 0 .5em;}

.post-2 form input, x:-moz-any-link { margin-top: -14px; }
.post-2 form input, x:-moz-any-link, x:default { margin-top: -2px;}

#links a, x:-moz-any-link { display: block; margin-bottom: -6px; }
#links a, x:-moz-any-link, x:default { margin-bottom: -9px;}


/* @end */

#fb_like {
	bottom: 10px; 
	position: fixed;
	z-index: 99;
}

img.bg {
        /* Set rules to fill background */
        min-height: 100%;
        min-width: 600px;

        /* Set up proportionate scaling */
        width: 100%;
        height: auto;

        /* Set up positioning */
        position: fixed;
        top: 0;
        left: 0;
}

@media only screen and (max-device-width: 480px) { /* Specific to this particular image */
        img.bg {
                left: 50%;
                margin-left: -300px;   /* 50% */
        }
             #fb_like {
	display: none;
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	 img.bg {
                left: 0;
                margin-left: 0;   /* 50% */
                min-width: 1300px;
        }
        
        #fb_like {
	display: none;
}
}