/*
Theme Name: The Paragraphe Theme
Theme URI:  http://paragraphe.org/
Description: A Tubular Theme
Version: 1.0
Author: Ignacio
Author URI: http://paragraphe.org/
*/

/* reset.css */

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}

a img{border:none}



/* typography.css */
body{font-size:75%; color:#929090; background: #2B201E url('images/bg.jpg');font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;line-height:1.5em}
h1, h2, h3, h4, h5, h6{font-weight:bold; color:#F9F9F9; text-shadow: 1px 1px 1px #000}
h1{font-size:3em; line-height:1em; margin-bottom:0.5em}
h2{font-size:2em; margin-bottom:0.75em}
h3{font-size:1.5em; line-height:1; margin-bottom:1em}
h4{font-size:1.2em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:1em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:1em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{border-bottom:2px solid #fff}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{border-bottom:2px solid #777}
p{margin:0 0 1.5em;line-height:1.5em; color:#F7F7F7}
a:focus, a:hover{color:#fff}
a{color:#fff; text-decoration:none; -moz-outline:none; outline:none}
em{font-style:italic; font-family: georgia, serif; font-weight:bold;}
strong{font-weight:bold;color:#A9E4F1; font-size: 1.3em}
tt, code, pre{font:.9em 'andale mono','lucida console',monospace; line-height:1.5}
pre{
	padding:3em;
	background: url('images/dark-bg.png');
	width:auto;
	height:auto;
	overflow:auto;/* overflow:show; */
	margin-bottom:3em;
	color:#ccccbb;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	}
	
li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}
ul{list-style-type:disc}
ol{list-style-type:decimal}
/*blockquote{
	width:90%;
	font-family:georgia;
	font-style:italic;
	font-weight:bold;
	line-height:1.2em;
	letter-spacing:1px;
	margin:1em 0;
	padding:2em;
	color:#ccc;
	}*/
blockquote{
	width:90%;
	font-family:arial;
	line-height:1.2em;
	letter-spacing:1px;
	clear:both;
	margin:1em 0;
	padding:2em;
	color:#ccc;background:rgba(0,0,0,0.2);
	}
hr {background:#999;color:#999;clear:both;float:none;width:100%;height:1px;margin:0 0 1.45em;border:none;}

::-moz-selection {
		background: #000;
		color: #fff;
		} 

::selection {
		background: #000;
		color: #fff;
		}
		
pre::-moz-selection {
		background: #000;
		color: #fff;
		} 

pre::selection {
		background: #000;
		color: #fff;
		}
		
img{width:auto;height:auto;max-width:660px}

/*recurrent classes */
.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em;}
.hide{display:none}
.center{text-align:center}
.right{text-align:right}
.noimage img{display:none}
.italic{font-style:italic}
.padding1{padding:1em}.padding2{padding:2em}.padding3{padding:3em}.padding-half{padding:.75em}
.space{width:100%;height:3em;display:block}.space2{width:100%;height:1em;display:block}
.grey{color:#bbb}

/* grid.css */
.container{width:734px;margin:0 auto;}
.module100{width:100%;float:left}
.module66{width:66%;float:left}
.module33{width:33%;float:left}
.module34{width:34%;float:left}
.module50{width:50%;float:left}
.module60{width:60%;float:left}
.module40{width:40%;float:left}
.module75{width:75%;float:left;}
.module25{width:25%;float:left;}
.module20{width:20%;float:left;}
.module80{width:80%;float:left;}

/*=== HEADER NAV ==*/
.nav {
	width: 367px;
	height: 150px;
	background: url('images/menu.png') no-repeat top;
	position: relative;
	right: 1em;
	top:.75em
}

.nav li {
	display: inline-block;
	height: 150px;
	width: 120px;
	position: absolute;
	text-indent: -9000px;
}

.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	left: 0;
	height: 150px;
	width: 120px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}

.nav .blog {
  left: 0px;
  width: 120px;
}

	.nav .blog a:hover, .nav .blog a:focus {
		background: url('images/menu.png') no-repeat 0px -157px;width: 120px;
	}
	.nav .home a:active {
		background: url('images/menu.png') no-repeat 0px -312px;width: 125px;height:155px
	}
	.nav .blog.current {
		background: url('images/menu.png') no-repeat 0px -157px;width: 120px;
	}
	.nav-blog, .nav-blog-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 120px;
		height: 150px;
		background: url('images/menu.png') no-repeat 0px -157px;
	}
	.nav-blog-click {
		background: url('images/menu.png') no-repeat 0px -312px;width: 125px;height:155px
	}
	
.nav .about {
  left: 123px;
  width: 120px;
}

.nav .about a:link, .nav .about a:visited {
  width: 120px;
}
	.nav .about a:hover, .nav .about a:focus {
		background: url('images/menu.png') no-repeat -123px -157px; width: 120px;
	}
	.nav .about a:active {
		background: url('images/menu.png') no-repeat -123px -312px;width: 125px;height:155px
	}
	.nav .about.current {
		background: url('images/menu.png') no-repeat -123px -157px;width: 120px;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 120px;
		height: 150px;
		background: url('images/menu.png') no-repeat -123px -157px;width: 120px;
	}
	.nav-about-click {
		background: url('images/menu.png') no-repeat -123px -312px;width: 125px;height:155px
	}

.nav .contact {
  left: 245px;
  width: 120px;
}
.nav .contact a:link, .nav .contact a:visited {
  width: 120px;
}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url('images/menu.png') no-repeat -245px -157px;width: 120px;
	}
	.nav .contact a:active {
		background: url('images/menu.png') no-repeat -245px -312px;width: 125px;height:155px
	}
	.nav .contact.current {
		background: url('images/menu.png') no-repeat -245px -157px;width: 120px;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 120px;
		height: 150px;
		background: url('images/menu.png') no-repeat -245px -157px;
	}
	.nav-contact-click {
		background: url('images/menu.png') no-repeat -245px -312px;width: 125px;height:155px
	}
	
	
#extra-info{height:90px}
#bulles{width:470px;height:90px;float:left}
.bulle{width:463px;height:68px;background:url('images/bulle.png') no-repeat}
.bulle p{width:400px;height:50px;padding:1.5em;font-size:.9em}
#work-icons{cursor:pointer}

#checkout{position:relative;right:3em}
	
#top{width:100%;height:54px;background:url('images/top.png')}
#body-top{width:100%;height:22px;float:left;background:url('images/bg-top.png') no-repeat}
#body{width:100%;min-height:2000px;float:left;background:url('images/bg-body.png')}
#body-bottom{width:100%;height:13px;float:left;background:url('images/bg-bottom.png') no-repeat center;margin-bottom: 5em}


#body p a{font-weight:bold;color: #A9E4F1; text-shadow: 2px 2px 2px #000}/*border-bottom: 2px solid*/
#body p a:hover{border-bottom: 2px solid #A9E4F1}


.thetags a{height:1.5em;line-height:1.5em;padding:.5em;margin:.5em;font-size:.9em;background:#8C8789;margin-right:1em;display:inline-block;
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.thetags a:hover{background:#A8A8A8; color:#333}



.archive-activate{line-height:30px;text-indent:3em;padding-top:.45em;background:url('images/bg-archive.png') no-repeat; cursor:pointer}
.archive-list ol{ margin: 0 0 3em 0}
.archive-list ol li{color:#fff;height:30px;line-height:30px; background: url('images/bg-archive-li2.png') no-repeat; margin: 0 0 .5em 0; /* list-style-position:inside; */ list-style-type:none;text-indent:3.5em;overflow:hidden}
.archive-list ol li a:hover{text-decoration:underline}

.fade img{cursor:pointer}



/* Images
-------------------------------------------------------------- */

.entry-content img {
	margin: 0 0 1.5em 0;
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
  margin-right: 1.5em;
}
img.alignleft,img.alignright,img.aligncenter,img.alignnone { max-width: 350px;margin-bottom:1.5em;padding:2px;border:1px solid #111;background: url('images/dark-bg.png');}

.alignright,
img.alignright {
	display: inline;
	float: right;
  margin-left: 1.5em;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {	font-family:georgia;		font-size: .9em;
	text-align: center;
	margin-bottom: 1.5em;
}
.wp-caption img {
	margin: 0;
	padding: 0;		padding:2px;border:1px solid #111;background: url('images/dark-bg.png');
}
.wp-caption p.wp-caption-text {
	margin: 0;
}
.wp-smiley { 
	max-height: 1em;
	margin:0 !important;
}
.gallery dl {
	margin: 0;
}
.gallery-caption {
	margin:-1.5em 0 0 0;
}


/* Pullquotes
-------------------------------------------------------------- */

blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	text-align: right;
	width: 33%;
}
blockquote.right {
	float: right;
	margin-left: 20px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}


.commentlist li{list-style-type:none;font-family:georgia}
.comment-top{width:396px;height:33px;float:left;background:url('images/comments/top-even.png') no-repeat}
.comment-body {width:396px;float:left;background:url('images/comments/body-even.png');}
.comment-body .comment-meta a{padding:2em}.comment-body p{padding:2em}
.comment-bottom{width:396px;height:52px;float:left;background:url('images/comments/end-even.png') no-repeat}
.vcard{float:right;font-family:georgia}
.orange a{color:#A9E4F1}
.orange a:hover{color:white}
.comment-author{color:#fff}

.odd div .comment-top{width:396px;height:26px;float:left;background:url('images/comments/top-odd.png') no-repeat}
.odd div .comment-body {width:396px;background:url('images/comments/body-odd.png');}
.odd div .comment-body .comment-meta a{padding:2em}.comment-body p{padding:2em}
.odd div .comment-bottom{width:396px;height:50px;float:left;background:url('images/comments/end-odd.png') no-repeat}
.odd div .vcard{float:left}

.says{display:none}

#author,#email,#url{width:160px;height:36px;border:none;background: url('images/theinput.png') no-repeat; color:#fff;padding: 0 0 0 2em; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold}
textarea{width:535px;height:230px;float:left;border:none; background:rgba(250,250,250,0.2); /*background: url('images/thetextarea.png') no-repeat;*/ color:#fff;padding: 1em 0 0 2em;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:bold}

.avatar{margin-right:1em}
.avatar{position:relative;top:.5em;border:2px solid #fff}

/* 
Coldskin #3 for Contact Coldform WordPress Plugin
@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 
@ http://perishablepress.com/press/2008/01/15/contact-coldskins/ 
*/

div#coldform * {
	padding: 0;
	margin: 0;
}
div#coldform {
	color: #F7F7F7;
}
div#coldform fieldset {
	border: 0 none; float:left; margin-right:3em
}
div#coldform legend.hide {
	display: none;
}
div#coldform label.label {
	margin: 12px 0px 6px 0px;
	text-align: left;
	display: block;
	border: 0 none;
	float: left;
	clear: both;
} 
div#coldform input.input {
	float: left;
	clear: both;
	width:160px;
	height:36px;
	border:none;
	background: url('images/theinput.png') no-repeat;
	color:#fff;
	padding: .75em 0 0 0;
	text-indent:1em;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold
}
input#coldform_carbon {
 	float: left;
	clear: both;

}
div#coldform textarea#coldform_message {
	width:535px;
	height:230px;
	border:none;
	background: url('images/thetextarea.png') no-repeat;
	color:#fff;
	padding: 1em;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold
}
div#coldform input.submit {

}

/* ALL YOUR CODE ARE BELONG TO POETRY */

.thecontent{font-size:1.1em}

.thecontent ol{

}
/*.thecontent li{
	color:#fff;
	font-weight:bold;
	margin:2em;
	font-size:18px;
	min-height:2em;
	line-heoght:2em;
	text-shadow: 1px 1px 1px #000
}*/
.thecontent li{
	color:#ccccbb;
	font-weight:bold;
	font-family:georgia;
	margin:.5em;
	min-height:2em;
	line-height:1em;
	text-indent:1em;
	padding:1em;
	font-size:14px;
	background:url('images/dark-bg.png');
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	list-style-position:inside;
}

div.wp-caption{max-width:600px}
div.wp-caption img{max-width:600px}