/*
Theme Name: Berlin-Transformer
Theme URI: http://www.graphpaperpress.com/
Description: A Wordpress magazine theme based on the Blueprint CSS Framework.
Version: 1.0
Author: Thad Allender for Graph Paper Press rearrange by David Michaud
Author URI: http://www.graphpaperpress.com/
License: GPL
*/

body
{
	background: #000;
	margin: 0;
	padding: 0;
}

.container
{
	background: #fff;
	width: 998px;
}

#myGallery
{
	width: 998px;
	height: 310px;
	overflow:hidden;
}

blockquote
{
	background: url('images/quote.png') .5em top no-repeat;
	color: #000;
	font-style: normal;
	padding: 0 0 0 0;
}
h2 { clear: both; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #000; }

a
{
	color: #D91A20;
	text-decoration: none;
}

a:active, h2 a:active, h3 a:active
{
	color: #8c1b00;
	text-decoration: none;
}

a:hover, h2 a:hover, h3 a:hover
{
	color: #D91A20;
	text-decoration: none;
}

blockquote p {
	padding:0 20px 0 30px;
}

hr {
	background:#fff;
	height:1px;
	border-bottom: 1px dotted #aaa;
}

img {
	margin:0;
}

img.attachment-thumbnail {
	margin: 0 1em 1em 0;
	float:left;
}

#home_right img.attachment-thumbnail {
	margin: 0 10px 0 0;
}

.photo_align_left {
	float:left;
	padding:0 1.5em 1.5em 0;
}
.news-block h6
{
	text-transform: uppercase;
	font-size: 24px;
        font-style: italic;
	font-weight: bold;
}
ul.news-block {
	margin:0;
	padding:0
}

ul.news-block li {
	list-style:none;
	line-height:18px;
	padding: 10px 0 5px 12px;
}

ul.news-block li:hover {
	background:#e5e5e5;
}

ul.news-block li img {
	width:100px;
	height:100px;

}
ul.news-block li a{color:#D91A20;font-size: 16px;font-weight:bold;border-bottom:0;padding:0; margin-top:2px;}
ul.news-block li a:hover{color:#D91A20;background: none;}


ul.news-block li p {
	margin:0;
	padding: 0 5px 0 0;
}

a.button {
	float:left;
}

input {
	border:1px solid #CCCCCC;
	padding-left:0;
}

ol {
	margin-left:35px;
}

label {
	font-weight:normal;
}

textarea {
	height:200px;
	width:480px;
}

.small {
	font-size:10px;
}

.feedlink {
	line-height:12px;
}

.nomargin {
	margin:0;
}

a.button,button {
	font-weight:normal;
}

dl.small dd {
	font-size:.9em;
}

.linkcat {
	list-style:none;
}

.post_first {
	background:#fff;
	padding:12px 12px 0 12px;
}

.post_alt {
	background:#eee;
	padding:12px 12px 0 12px;
}

span.meta_align_right
{
	color: #ccc;
	float: right;
	font-size: .6em;
}

span.meta_align_right a { color: #ccc; }
span.meta_align_right a:hover { color: #000; }

.meta
{
	color: #6e6e6e;
	font-family: "helvetica", Helvetica, Arial, sans-serif;
	font-size: .8em;
	line-height: 1.875em;
}

.meta a { color: #D91A20; }
.meta a:hover { color: #000; }

.byline
{
	color: #ccc;
	font-size: .8em;
	line-height: 1.875em;
}

.byline a
{
	color: #D91A20;
	line-height: 1.875em;
	text-decoration: none;
}

.byline a:hover { color: #000; }

.meta_list, .meta_list a, ul.meta_list
{
	color: #aaa;
	list-style-image: none;
}

.meta_list li
{
	border-bottom: 1px dotted #aaa;
	list-style-image: none;
}

.mini-infos
{
	color: #666;
	font-size: .8em;
}

.five_posts h3
{
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1em;
}

.five_posts h6, .five_posts h4
{
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1em;
}

.five_posts h6 a
{
	color: #D91A20;
}

.five_posts p
{
	margin-bottom: 3px;
}

ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
ul li a,ul.txt li{color:#222;line-height:1.1em;border-bottom:1px solid #aaa;display:block;padding:6px 0 6px 8px;}
ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #222 url(images/li-white.png) no-repeat 3px 10px;}
ul li a span,ul.txt li,h4 a span{color:#696455;}
ul li.active a{cursor:default;color:white;}
ul ul{margin:0;list-style:none;}

#home_right ul{list-style:none;margin:0;}
#home_right ul li a,ul.txt li{color:#D91A20;line-height:1.1em;border-bottom:0;padding:0;}
#home_right ul li a:hover,ul.txt li:hover{color:#D91A20;background: none;}
#home_right ul h6{margin:0 0 6px 0;}

.postmetadata
{
	color: #666;
	font-size: 9px;
	font-weight: bold;
}

h6.category_more
{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 5px 0;
	padding: 0;
	line-height: 1em;
}

h6.category_more a
{
	color: #000;
}

h6.category_more a:hover
{
	color: #D91A20;
}

.bottombar h2.widgettitle {color:#000;text-transformation:uppercase;font-size:24px;text-transform:uppercase;}

#maincontent h2
{
	border-bottom: 1px dotted #AAA;
	color: #000;
	margin: 25px 0 15px 0;
	line-height: 1em;
}

h2 a
{
	color: #000;
	text-decoration: none;
}

#maincontent .post h2 
{ 
	text-align: left;
	font-size: 40px;
	line-height: 38px;
	color: #000;
	margin-bottom: 5px;
	font-weight: bold;
	letter-spacing: -1px;
}
#maincontent .content { padding: 25px 30px 20px 48px; }

#maincontent h2.pagetitle
{
	border: none;
	text-transform: uppercase;
	color: #000;
	font-size: 34px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1em;
}

#feature h3
{
	margin-bottom: 0;
	padding: 0;
	font-size: 24px;
	font-weight: bold;
	line-height: 1em;
}

#feature .postthumb
{
	margin: 8px 0 4px 0;
	padding: 0;

}

h6
{
	margin-bottom: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
}

#feature p img { margin: 7px 0 2em 0; }
.feature_text { margin-top: 2em; }
#home_right { padding: 0; }
#home_right .entry { padding: 0 0 2em 0; }
.news h3 { text-transform: uppercase; }

ul#featurenav
{
display:none;
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}

#featurenav li
{
	display: inline;
	list-style-type: none;
}

#featurenav a { padding: 3px 10px; }

#featurenav a:link, #featurenav a:visited
{
	background-color: #333;
	border: 1px solid #000;
	color: #fff;
	text-decoration: none;
}

#featurenav a:hover
{
	background-color: #D91A20;
	color: #fff;
	text-decoration: none;
}

.author
{
	background: #eee;
	margin-bottom: 1.5em;
	padding: 1.5em;
}

.author img
{
	float: left;
	padding: 0 1em 1em 0;
}

.author p { margin-left: 8em; }

.author h6
{
	border-bottom: 1px #000 dotted;
	margin-left: 7em;
}

.navigation, 

.navigation a { color: #AAA; }
.alignright { float: right; }
.alignleft { float: left; }
.post { margin-bottom: 25px; }
.post {
	width: 500px;
	font-size: 14px;
	text-align: justify;
	line-height: 1.6em;
	overflow: hidden;
	padding-left: 1px;
 }
.entry { padding-bottom: 25px; }

#header
{
	height: 50px;
	padding: 4px 0 0 0;
	width: 950px;
}

#header h1, #header .description
{
	line-height: 1em;
	margin: 0;
	padding: 0;
}

.entry #nav .content
{
	margin: auto;
	padding: 0;
}

.entry #nav
{
	background: #FFF;
	margin-bottom: 15px;
}

.entry #nav li a
{
	background: #666;
	border-right: 1px solid #AAA;
	color: #FFF;
}

.entry #nav li.last a { border-right: none; }

.entry #nav li a:hover
{
	background: #333;
	color: #FFF;
}

#footer
{
	font-size: .9em;
	margin: 0;
	text-align: center;
}

#footer a { text-decoration: none; }

.quiet {
	margin-top: 15px;
	color: #aaa;
}
.quiet a {
	color: #666;
}
.quiet a:hover {
	color: #D91A20;
}

#search {  }

#search #s
{
	background: transparent url('images/icons/search_grey.gif') 0px center no-repeat;
	color: #CCCCCC;
	font-size: 14px;
	margin-right: 0px;
	margin-top: 10px;
	padding: 2px 0 4px 17px;
	width: 200px;
}

#search #s:hover { color: #000; }
.search-excerpt { margin: 0; }
.bottombar { }

.bottombar h2
{
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
	margin: 25px 0 5px;
}

#top
{
	margin: 0 auto;
	width: 998px;
	padding: 0;
}

#title {margin:0; width: 240px; height: 118px; overflow:hidden; text-align:left; float:left;}

#title-baseline
{
	color:#fff;
	margin:0;
	width: 730px;
	height: 118px;
	overflow:hidden;
	float:right;
}

ul#navlist li.navprems
{
	background: transparent url('images/logo_lejapon_bas.gif') 0px top no-repeat;
	width: 517px;
}

ul#navlist li.navprems a:hover
{
	background: transparent url('images/logo_lejapon_bas.gif') 0px top no-repeat;
	color: #fff;
	background-color: #111;
}

.home-news
{
	margin-bottom: 20px;
}

.home-news p
{
	margin-bottom: 2px;
}

.wp-smiley
{
	margin: 0;
	padding: 0;
}

.premier
{
	margin-left: 24px;
}

/************************* MENU HAUT ************************************/

#navcontainer 
{
clear:both;
padding: 0;font-family:"helvetica", Helvetica, Arial, sans-serif;
text-align: right;
margin:0; 
padding:0;
}

#navlist {height:40px}

#navcontainer p	
{
padding: 7px 7px 0px;
font-family:"helvetica", Helvetica, Arial, sans-serif;font-size: 1em;
font-weight: bold;
}

/* to stretch the container div to contain floated list */
#navcontainer img {margin: 0;padding: 0;}
ul#navlist {list-style: none;padding: 0;margin: 0px;background-color: #222;font-size: 1em;}
ul#navlist li {text-align: left;float: left;height: 40px;margin: 0;background: #222;border-right:1px solid #666;padding: 0;}
ul#navlist li { width: 105px; voice-family: "\"}\""; voice-family:inherit; width: 119px;}
html>body ul#navlist li { width: 119px; }
ul#navlist li a {display: block;padding: 7px 5px 25px 7px;color: #aaa;font-size: 11px;text-decoration: none;height: 1%;height:40px;text-shadow: 0 0 0 #000;}
#navcontainer>ul#navlist li a {width: auto;height: auto;height: 8px}
ul#navlist li#active a {background: #eee;color: #222;}
ul#navlist li a:hover,ul#navlist li#active a:hover {color: #fff;background-color: #111;}
ul#navlist li.home	{border-left: none;}
ul#navlist li#empty	{width: 120px;}
ul#navlist li.rss {background: transparent url('images/icons/rss_mini.png') 4px 5px no-repeat;}
ul#navlist li.rss a:hover {background: #111 url('images/icons/rss_mini.png') 4px 5px no-repeat;}

/************************* MENU BAS ************************************/

#inside-widgets {padding:0 24px 24px 24px; background-color:#333;color:#fff;}
#inside-widgets h6.widgettitle {color:#fff;border-bottom:1px solid #ccc;text-transform:uppercase;padding:1em .3em .5em;}
#inside-widgets h2.widgettitle {color:#fff;border-bottom:1px solid #ccc;text-transform:uppercase;padding:1em .3em .5em;}
#inside-widgets h2.widgettitle a {color:#fff;}
#inside-widgets ul{list-style:none;margin:0 0 1.6em 0;font-size:1em;}
#inside-widgets ul li a,ul.txt li{color:#b8b8b8;height:1%;background:url(images/li.png) no-repeat  0;line-height:1.2em;border-bottom:1px solid #525252;display:block;padding:6px 0 6px 8px;}
#inside-widgets ul li a:hover,ul.txt li:hover{color:#fff;background-position:1px 0.8em;background: #222 url(images/li-white.png) no-repeat 3px 10px;}
#inside-widgets ul li a span,ul.txt li,h4 a span{color:#696455;}
#inside-widgets ul li.active a{cursor:default;color:white;}
#inside-widgets ul ul{margin:0;list-style:none;}

/************************* BOX PLUS ************************************/
.box-plus { 
  background: #fff; 
}
.box-plus .widgettitle { 
	padding: 0;
	margin: 0;
}
.box-plus .textwidget { 
	padding: 0px 0 5px 0;
}


.twitter {
	padding-bottom: 10px;
}
.twitter-item {
	font-size: 10px;
	line-height: 1.3em;
}
.twitter-timestamp {
	color: #666;
	font-size: 8px;
	line-height: 1.3em;
}
.twitter-timestamp abbr{
	border-bottom: none;
}

/************************* GALLERY ************************************/

.gallery {
	font-size: 4px;
	line-height: 0.6em;
	overflow: hidden;
	padding-left: 10px;
 }


/************************* POLLS ************************************/



.wp-polls {
	border: 3px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 30px 0 10px 0;
	width: 470px;
	color: #000;
	font-size: 14px;
	background: #eee url('http://www.lejapon.fr/wp/wp-content/themes/berlin/images/fond-polls3.jpg') right -30px no-repeat;
	padding: 5px 15px 5px 5px;
}

div.wp-polls div.wp-polls {
	border: none;
	margin:0;
	width: 464px;
	background: transparent;
}

.wp-polls strong {
	font-size: 18px;
}

.wp-polls strong i {
	font-size: 14px;
}

.wp-polls li {
	font-size: 14px;
	margin-top: 10px;
	background: transparent;
}

.wp-polls li input {
	width: 17px;
	margin: 10px 3px 0 8px;
	padding: 0px;
	background: transparent;
}

.wp-polls p .Buttons {
	border: 2px solid #b2cfe4;
	width: 180px;
	padding: 4px;
	background-color: #ebf1ff;
}

.wp-polls p .Buttons:hover {
	border: 2px solid #305769;
	color: #000;
	cursor: pointer;
}

.pollbar {
	border: 3px solid #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/************************* FORM ************************************/

textarea,input[type="text"],input[type="password"],input[type="file"],input[type="button"],input[type="submit"],input[type="reset"],select{border-width:2px;border-style:solid;-moz-border-radius:4px;-khtml-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}

input.checkbox {
	margin-right: 5px;
	vertical-align: middle;
	width: auto;
	border-style: none;
}

input {
	border: 2px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 3px;
	margin-bottom: 3px;
	color: #000;
	font-size: 14px;
	background-color: #fff;
	padding: 2px;
}

select {
	vertical-align: baseline;
	width: 176px;
	margin-right: 5px;
	border: 2px solid #6caccd;
}

input#bnc-button {
	color: #fff;
}

input#submit {
	border: 2px solid #b2cfe4;
	float: left;
	width: 180px;
	padding: 4px;
	background-color: #ebf1ff;
}

input#submit:hover {
	border: 2px solid #305769;
	color: #000;
	cursor: pointer;
}

/************************* COMMENT ************************************/

#commentform {
	padding-bottom: 40px;
}

li.comment {
	overflow:hidden;
	margin-bottom:20px;
}

.comment .avatar {
	border:1px solid #a6a6a6;
	background-color:#d9d9d9;
	padding:1px;
	float:left;
	margin-top:8px;
}
.comment .message {
	margin-left:50px;
}
.comment .message .t {
	height:40px;
	background:url(./images/comment.png) no-repeat 0 0;
	margin-right:10px;
}
.comment .message .t div {
	height:40px;
	width:10px;
	background:url(./images/comment.png) no-repeat -990px 0;
	float:right;
	margin-right:-10px;
}
.comment .message .i {
	border:1px solid #bfbfbf;
	border-width:0 1px;
	background-color:#f2f2f2;
	margin:0 0 0 17px;
	padding:1px 0;
}
.comment .message .i .i2 {
	margin:-37px 15px 0;
	position:relative;
	padding-top:14px;
}
	.comment .message .i span {
		font-size:11px;
	}
	.comment .message .i .title {
		display:block;
		position:absolute;
		top:0;
		left:5px;
	}
	.comment .message .i .links {
		display:block;
		position:absolute;
		top:0;
		right:5px;
	}
.comment .message .b {
	height:11px;
	background:url(./images/comment.png) no-repeat 0 -40px;
	margin-right:10px;
}
.comment .message .b div {
	height:11px;
	width:10px;
	background:url(./images/comment.png) no-repeat -990px -40px;
	float:right;
	margin-right:-10px;
}
.comment .message p,
.comment .message ul {
	margin-top:10px;
	font-size:12px;
	line-height:150%;
}

ol.commentList li {
	list-style:none;
}

.commentList ul.children {
	margin:0 0 0 20px;
	clear:both;
}


.commentList .adminComment .avatar {
	float:right;
}

.commentList .adminComment .message {
	margin:0 50px 0 0;
}

.commentList .adminComment .message .t {
	margin:0 0 0 10px;
	background-position:right -60px;
}

.commentList .adminComment .message .t div {
	background-position:0 -60px;
	float:left;
	margin:0 0 0 -10px;
}

.commentList .adminComment .message .i {
	margin:0 17px 0 0;
}

.commentList .adminComment .message .b {
	background-position:right -100px;
	margin:0 0 0 10px;
}

.commentList .adminComment .message .b div {
	background-position:0 -100px;
	float:left;
	margin:0 0 0 -10px;
}


.commentList .adminComment ul.children {
	margin:0 20px 0 0;
}

/************************* RELATED ************************************/

#related {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 30px 0 10px 0;
	width: 480px;
	height: 84px;
	font-size: 14px;
	background-color: #666;
	padding: 5px 15px 5px 5px;
}

#related h3 {
	margin:0;
	padding: 2px 5px 5px 5px;
	line-height: 0.8em;
	color: #aaa;
}

#related img {
	border:2px solid #fff;
	background-color:#000;
	margin:4px;
	padding:1px;
	width:50px;
	height:50px;
}

#related img:hover {
	background-color:#fff;
}

#related ol li {
	list-style:none;
}

/************************* JAIME ************************************/

.social {
	font-size: 12px;
	color:#666;
}

.post-ratings {
	text-align:right;
}

.post-ratings img {
	vertical-align:middle;
}

.jaime {
	margin: 0 0 0 5px;
	font-size: 11px;
	color:#999999;
	background:url(http://www.lejapon.fr/wp/wp-content/themes/berlin/images/love.gif) 1px no-repeat;padding-left:17px;
}

.jaime-plus {
	margin: 0 8px 0 0;
	font-size: 11px;
	color:#999999;
}

#mini-rating .jaime {
	margin: 0;
	font-size: 10px;
	color:#000;
	background:url(http://www.lejapon.fr/wp/wp-content/themes/berlin/images/love_mini.gif) 1px 4px no-repeat;padding-left:10px;
}

#mini-rating .jaime-plus {
	display:none;
}

#mini-rating-g .jaime {
	margin: 0;
	font-size: 9px;
	color:#666;
	background:url(http://www.lejapon.fr/wp/wp-content/themes/berlin/images/love_mini_gris.gif) 1px 3px no-repeat;padding-left:10px;
}

#mini-rating-g .jaime-plus {
	display:none;
}

/************************* BLOG LIVE ************************************/

.bloglive li {list-style:none;margin:14px 0 0 0;text-align: justify;font-size: 10px;line-height: 13px;}
.bloglive li a{color:#D91A20;font-size: 12px;font-weight:bold;border-bottom:0;padding:0;margin-bottom:4px;}
.bloglive li a:hover{color:#D91A20;background: none;}
.bloglive li img {list-style:none;margin:0 4px 0 0;border:1px solid #CFCFCF;}


/************************* BLOG LIVE HOME ************************************/

.bloglivehome li {list-style:none;font-size: 12px;line-height: 18px; margin:0 12px 15px 12px;}
.bloglivehome li a{color:#D91A20;font-size: 16px;font-weight:bold;border-bottom:0;padding:0; margin-top:2px;}
.bloglivehome li a:hover{color:#D91A20;background: none;}
.bloglivehome li img {width:100px; height:100px;list-style:none;margin:3px 8px 0 0;border:0;}
.bloglivehome h6
{
	text-transform: uppercase;
	font-size: 24px;
        font-style: italic;
	font-weight: bold;
}

/* @end  */
