/*   
Theme Name: Lipsumarium
Theme URI: http://lipsumarium.com/
Description: The one and only Lipsumarium
Author: Emmanuel Pire
Author URI: http://lipsumarium.com/about
Version: 1
.
License: this is mine, you may not have it !
.
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}


/** end reset **/

@font-face{
	font-family: "TCCEB";
    src: url(fonts/TCCEB.ttf);
    font-size:190%;
}

/**/

body,td{
	font-size:12px;
	font-family:arial;
	color:#333;
}
a{color:#000;text-decoration:none;border-bottom:1px dashed #000;}
a:hover{text-decoration:none;border-bottom:1px solid #000;}

body{
	background:#000 url(images/bg.jpg) repeat-x 0 0;
}

textarea,input{width:100%;}
input.pushbutton-wide{width:auto;}

#container{
	width:700px;
	margin:0 auto;
	padding-left:100px;
}

#header{
	width:100%;
	height:264px;
	background:transparent url(images/header30.jpg) no-repeat 0 0;
	color:#fff;
	position:relative;
}

#header h1,#header #header_h1{z-index:1;position:absolute;}
#header h1 a,#header #header_h1 a{
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:92px;/*74px;*/
	padding:40px 0 0 0;
	display:block;
	letter-spacing:-7px;/*-5*/
	text-indent:-5px;
	border:none;
	
	font-family:TCCEB,arial;
	
}
#header h1 a:hover,#header #header_h1 a:hover{border:none;}
#header p{
	font-family:TCCEB,arial;
	font-size:30px;
	letter-spacing:-3px;
	position:absolute;
	text-indent:-1px;
	text-transform:uppercase;
	top:128px;
}

#navigation{position:absolute;bottom:35px;}
#navigation li{
	float:left;
	
}
#navigation li a{
	display:block;
	color:#fff;
	text-transform:uppercase;
	font-size:25px;
	letter-spacing:-1px;
	text-decoration:none;
	padding:12px 20px 8px 0;
	border:none;
	
	font-family:TCCEB,arial;
}
#navigation li a:hover{border:none;}
#navigation li a span{
	padding-bottom:7px;
}
#navigation li.active a span{
	background:transparent url(images/active.jpg) no-repeat center bottom;
}

#qrcode{
	bottom:35px;
	float:right;
	position:absolute;
	right:0;
	z-index:0;
}




#content{width:100%;float:left;}

#col1{
	width:494px;
	float:left;
}
#col2{
	width:175px;
	float:right;
}

.post{
	background-color:#FFF;
	color:#000;
	padding:20px;
	position:relative;
}
.post h2 a,.post h1 a,.post h2{
	font-size:35px;
	letter-spacing:-3px;
	text-transform:uppercase;
	margin-bottom:15px;
	border:none;
	display:block;
	
	font-family:TCCEB,arial;
}
.post h2.small{
	font-size:28px;
	letter-spacing:-2px;
}

.post .date{
	color:#FFFFFF;
	float:left;
	font-size:44px;
	left:-110px;
	line-height:18px;
	position:absolute;
	text-align:right;
	text-transform:uppercase;
	top:30px;
	width:90px;
	letter-spacing:-3px;
	
	font-family:TCCEB,arial;
}
.post .date span{display:block;}
.post .date span.day{font-size:76px;line-height:57px;letter-spacing:-6px}
.post p{
	margin:15px 0;
	line-height:20px;
	font-size:14px;
}
.post img.alignleft{float:left;margin-right:10px;}


.comments{
	padding:20px 0 20px 0;
	margin-bottom:10px;
}
.comments a{color:#FFF;border-color:#FFF;}
.comments h2{color:#FFF;font-size:25px;text-transform:uppercase;font-family:TCCEB,arial;letter-spacing:-1px;}

.pageLinks{margin:5px 0 30px 0;overflow:hidden;}
.pageLinks a{color:#FFF;}

.sidebar-box{
	width:100%;
	color:#FFF;
	margin-bottom:30px;
}
.sidebar-box a{color:#FFF;border-color:#FFF;}
.sidebar-box h3{
	background-color:#FFFFFF;
	color:#000000;
	font-size:17px;
	letter-spacing:-2px;
	margin-bottom:10px;
	padding:5px;
	text-transform:uppercase;
	width:165px;
	
	font-family:TCCEB,arial;
}
.sidebar-box ul li{padding:5px 0;line-height:15px;}
.sidebar-box p{line-height:15px;}

#last-tweet p{font-style:italic;}

#content blockquote,#content q{
font-family:georgia;
font-style:italic;
padding-left:20px;
}





/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	margin-bottom:20px;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
	
.comment{
	border:1px solid #FFF;
	background:#FFF;
}
.comment a{color:#000;border-color:#000;}
.comment a:hover{color:#000;border-color:#000;}

.comment .avatar{float:right;}
.comment cite{font-size:20px;font-style:normal;}
.comment .comment-author{margin-bottom:4px;}
#commentform{color:#FFF;}
#respond label{color:#FFF;}
/* End Comments */