/*
Theme Name: Julien's
Theme URI: http://www.juliens.org/
Description: Julien's theme
Author: Julien Decaudin
Author URI: http://www.juliens.org/
Tags: perso, red, fixed width, one column, no widgets
*/



/*--------------------------------------------------=> HEADERS */
/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Paragraph */
/*-------------> Images */
/*-------------> Links */
/*-------------> Lists */
/*-------------> Pager */
/*-------------> forms */
/*--------------------------------------------------=> CONTENT LAYOUT */
/*-------------> Global */
/*-------------> Columns */
/*--------------------------------------------------=> MAIN LAYOUT */
/*--------------------------------------------------=> NAVIGATION */
/*-------------> Breadcrumb */
/*-------------> Support Navigation */
/*-------------> Main Navigation */
/*-------------> Sitemap */
/*--------------------------------------------------=> UTILITY CLASSES */

html, body
{
    margin: 0;
    padding: 0;
    border: 0;
    height: 100%;
}

body 
{
    font-size:100%;
    line-height:1em; /* 16px */ 
    font-family:Arial, Sans-Serif;
    background:#e03107 url(images/bg_body.png) repeat-y top left;
    color:#7b7172;
}

/*--------------------------------------------------=> HEADERS */
/* H1 */
h1
{
	float:right;
	font-size:1.88em; /* 30px */
	font-weight:normal;
	line-height:1em;
	padding-bottom:5px;
	margin:25px 64px 0 0;
	background:url(images/logo.png) no-repeat top left;
}

h1 a
{
	position:relative;
	display:block;
	width:211px;
	height:51px;
	background:url(images/logo.png) no-repeat top left;
	font-size:0;
	
}

h1 a:hover
{
	background-image:url(images/logo_hover.png);
	text-decoration:none;
	color:#EF3E01;
}

h1 a div
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:211px;
	height:51px;
	background:url(images/logo_hover.png) no-repeat top left;
	font-size:0;
	cursor:pointer;
}

/* H2 */
h2
{
	color:#f24200;
	font-size:1.38em; /* 22px */    
    font-weight:bold;
	line-height:1em;
    padding:0 0 2px 0;
	margin-bottom:0px;	
}

.page h2
{
	margin-bottom:10px;
}

#sidebar h2
{
	color:#c20000;
	font-size: 1em; /* 14px from 11px */
	text-transform:uppercase;
	background:url(images/bullet_sidebar_header.png) no-repeat left 1px;
	padding-left:15px;
	padding-bottom:5px;
}

#tag_cloud_list h2
{
	display:none;
}

/* H3 */
h3
{
    font-size:1.00em; /* 16px */    
    font-weight:bold;
    padding:0 0 10px 0;
}

h3#comments
{
	color:#ff7b4d;
	background:url(images/ico_comment_large.png) no-repeat top left;
	padding:27px 0 15px 48px;
}

h3#respond
{
	color:#68c85e;
	background:url(images/ico_compost_large.png) no-repeat top left;
	margin-top:55px;
	padding:0px 0 35px 46px;
}

/* H4 */
h4
{
    font-size:0.94em; /* 15px */    
    font-weight:normal;
    padding:0 0 5px 0;
}

/* H5 */
h5
{
    font-size:0.75em; /* 12px */    
    font-weight:normal;
    padding:0 0 5px 0;
}

/*--------------------------------------------------=> CONTENT LAYOUT */
/*-------------> Global */
.content_holder
{
    padding:0px 0px 0px 55px;
}

/*-------------> Columns */
.column_half_left
{
	float:left;
	width:48%;
}

.column_half_right
{
	float:right;
	width:48%;
}

/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Paragraph */
p
{
    font-size:0.75em; /* 12px */
    padding-bottom:10px;
	/*text-align:justify;*/
}

small
{
    font-size:0.92em; /* 11px from 12px */
}

cite
{
    font-size:0.75em; /* 12px */
	font-weight:bold;
	font-style:normal;
	color:#ff7b4d;
}

p.top
{
	text-align:right;
}

p.post_info
{
	padding-bottom:10px;
}

.date, p.postmetadata
{    
    color:#b2aaa8;
}

.commentmetadata, .commentmetadata a
{
	color:#ffa877;
	font-size:0.92em; /* 11px from 12px */
}

.commentmetadata a
{
	font-size:1em;
}

strong
{
	font-weight:bold;
}

.highlighted
{
	color:#d42938;
}

#footer p
{
	padding-top:28px;
	padding-bottom:0px;
	margin-bottom:0;
	color:#fcfce4;
	font-size:0.69em; /* 11px */
}

/*-------------> Images */
.post a img, .page a img
{
	margin:5px 10px 5px 0px;
	/*border:5px solid #f3f2dc;*/
}

.post p a:hover img, .page p a:hover img
{
	/*border-color:#e5e3cd;*/
}

img.alignleft
{
	float:left;
	margin-right:10px!important;
	margin-left:0px!important;
}

img.alignright
{
	float:right;
	margin-right:0!important;
	margin-left:10px!important;
}

/*-------------> Links */
a
{
    color:#f24200;
    text-decoration:none;
}

a:hover
{
    color:#d72500;
    text-decoration:underline;
}

#sidebar a, #tag_cloud_list a
{
    color:#a50000;
}

#sidebar a:hover, #tag_cloud_list a:hover
{
    color:#790000;
}

#footer p a
{
	color:#fcfce4;
	text-decoration:underline;
}

#footer p a:hover
{
	color:#fff;
	text-decoration:none;
}

p.top a
{
	background:url(images/link_top.gif) no-repeat 100% 5px;
	padding-right:10px;
}

a.link_comments
{
    background:url(images/ico_comment.png) no-repeat top left;
    padding:0px 0 0 14px;
	margin-left:20px;
}

p a.link_comments
{
    font-size:0.92em; /* 11px (from 12px) */
}

#link_rss
{	
	
	/*font-size:0.69em;  11px */
	position:relative;
	z-index:10;
	color:#f24200;
	background:url(images/feed-icon-14x14.png) no-repeat top left;
	padding:1px 0 1px 18px;
	margin-left:15px;
}

/*-------------> Lists */
#content .entry ul
{
	padding-bottom:10px;
	padding-left:0px;
}

#content .entry ol
{
	padding-bottom:10px;
	margin-left:18px;
}

#content .entry li
{
	font-size:0.75em; /* 12px */	
	padding:0 0 0px 18px;
}

#content .entry ul li
{
	background:url(images/bullet.png) no-repeat 0px 6px;
}

#content .entry ol li
{
	padding:0 0 0px 0px;
	list-style-type:decimal;
}

#sidebar ul
{
	padding-bottom:25px;
}

#sidebar ul ul
{
	padding-left:16px;
}

#sidebar li
{
	color:#9e0000;
	font-size:0.69em; /* 11px */
	padding-bottom:2px;
	line-height:13px;
}

#sidebar li#tag_cloud
{
	/*padding-bottom:28px;*/
}

#sidebar li li
{
	font-size:1em;
}

#sidebar li li#blurb
{
	
}

.commentlist
{	
	padding-left:24px;
}


.commentlist li
{
	float:left;
	margin-bottom:21px;
	width:421px;
	color:#d52300;
}

.commentlist li div.comment_number
{
	float:left;
	font-size:0.63em;
	width:18px;
	height:10px;
	text-align:right;
	padding:0 2px 0 0;
	line-height:7px;
}

.commentlist li div.comment_content
{
	float:left;
	width:401px;
}

.commentlist li div.top
{
	background:url(images/bg_comment_top.png) no-repeat top left;
	width:100%;
	height:10px;
	font-size:0;
	color:#ff7b4d;
}

.commentlist li div.middle
{
	background:url(images/bg_comment_middle.png) repeat-y top left;	
	padding:0 15px 0 15px;
}

.commentlist li div.bottom
{
	background:url(images/bg_comment_bottom.png) no-repeat top left;
	width:100%;
	height:4px;
	font-size:0;
}

.commentlist li.alt
{
	
}

#tag_cloud_list
{
	float:left;
	width:180px;
	padding-top:10px;
	text-align:center;
	line-height:normal;
}


/*-------------> Pager */
/*-------------> forms */
#commentform
{
	padding-left:48px;
	width:398px;
}

label
{
	color:#006600;
	padding-left:5px;
}

input, textarea, button
{	
	font-family:Arial, Sans-Serif;
	font-size:1em; /* 12px */
}

#searchform
{
	padding-bottom:10px;
}

.input_text
{
	padding:1px 3px;
}

textarea
{
	padding:1px 3px;
	width:387px;
}

#commentform .input_text, 
#commentform textarea
{
	background-color:#bcffb3;
	border:4px solid #68c85e;
	border-top:none;
	border-left:none;
	color:#006600;
}

#s
{
	width:140px;
}

#searchsubmit
{
	/*border:1px solid #40171b;
	background:#40171b;*/
	border:none;
	background:none;
	font-size:1em;
	cursor:pointer;
}

p.form_submit
{
	text-align:right;
	padding-top:15px;
	padding-right:3px;
}

#submit
{
	color:#006600;	
	font-weight:bold;
	cursor:pointer;
	border:none;
	background:url(images/button_post.png) no-repeat 0 0px;
	padding-right:22px;
	width:47px;
	height:20px;
	text-align:left;
}

#submit:hover
{
	color:#2f912c;
	background-image:url(images/button_post_hover.png);
}

/*-------------> specific */
/* post */
.post
{
	background:url(images/ico_post.png) no-repeat 33px 0px;
	margin:0 0 35px 0;
	padding-top:10px;
}

.post_content
{
	padding:0 0 0 56px;
}

/* page */
.page
{
	margin:0 0 35px 0;
	padding-top:10px;
}

/* tooltips */
.ngg-gallery-thumbnail a
{
	color:#68C85E;
}

.tooltip
{
	position:absolute;
	display:none;
	float:left;    
	font-size:0.56em;
	line-height:normal;
	color:#006600;    
    height:30px;    
    background:url(images/bg_tooltip_right.gif) no-repeat 100% 0px;
    padding:0px 2px 0 0;
    margin:0px 0 0px 0;	
	text-align:left;
	z-index:20;
	text-decoration:none;
}

.tooltip span
{
    display:block;
    background:url(images/bg_tooltip_left.gif) no-repeat 0 0px;   
	height:26px;
    padding:2px 2px 2px 4px;     	
}


/*--------------------------------------------------=> MAIN LAYOUT */
#master_container
{
	width:890px;
	position:relative;
	height:100%;
}

#page
{
    float:left;
	position:relative;
	width:710px;
	min-height:100%;
	background: transparent url(images/bg_page.png) repeat-y top left;
}

#header
{
    height:88px;
	width:708px;
	background: transparent url(images/bg_header.png) no-repeat top left;
	margin-bottom:27px;
	text-align:right;
}

#content
{	
	float:left;
	width:555px;
	padding-bottom:40px;
}

#comments_container
{
	padding:0 0 35px 57px;
}

#sidebar
{
	float:right;
	width:110px;	
}

#footer
{
	position:absolute;
	background:url(images/bg_footer.png) no-repeat top left;
	width:595px;
	height:46px;
	padding:0 55px 0 5px;
	bottom:0px;
	left:0px;
}


/*--------------------------------------------------=> NAVIGATION */

/*-------------> Post Navigation */
.navigation
{
	float:left;
	width:505px;
	font-size:0.69em; /* 11px */
	padding:0px 0px 20px 55px;
	color:#f24200;
}

.alignleft
{
	text-align:left;
}

.navigation .alignleft
{
	float:left;
	width:45%;
}

.alignright
{
	text-align:right;
}

.navigation .alignright
{
	float:right;
	width:45%;
}

/*-------------> Main Navigation */
#main_nav
{
	float:left;
	margin:42px 0 0 56px;
	width:365px;
}

#main_nav li
{
    float:left;
    margin:0px 0px 0px 22px;	
}

#main_nav li.first
{
	margin-left:0px;
}

#main_nav li.current_page_item a
{
	
}

#main_nav li a
{
	font-weight:bold;
	font-size:0.69em; /* 14px */
	text-transform:uppercase;
}

/*-------------> Sitemap */
/*--------------------------------------------------=> UTILITY CLASSES */
.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.nodisplay
{
    display: none;
}

.clearmargin
{
    margin:0;
    padding:0;
}

.clearer
{
    clear: both;
    height: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

.spacer
{
    clear: both;
    height: 25px;
    line-height: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}