/*
Theme Name: juliettepochin
Theme URI: http://designbit.co.uk
Description: A widget ready blank theme
Author: Anthony Brewitt
Author URI: http://designbit.co.uk
*/
@import 'css/reset.css';

/* @group Structure */



div#newsletter{
width: 650px;
height: 300px;
}

div#newsbox1{
float: left;
width: 290px;
padding: 10px;
background-color: #ededed;
height: 260px;
}

div#newsbox2{
float: right;
padding: 10px;
width: 290px;
height: 260px;
background-color: #ededed;
}




div.post {
background-image: url(images/spacer.png);
background-position: bottom left;
background-repeat: repeat-x; 
padding-bottom: 30px;
	}

#content h1.pagetitle {
background-image: url(images/spacer.png);
background-position: bottom left;
background-repeat: repeat-x; 
margin-right: 20px;
margin-left: 0 !important;
padding-bottom: 20px !important;
padding-left: 20px !important;
}


h3#respond{padding-left: 20px !important;}

h3.widgettitle{
background-repeat: no-repeat;
width: 150px;
height: 32px;
}

h3.widgettitle span, li.widget_text h3.widgettitle{ display: none; }


* html h3.widgettitle span{
display: block !important!;
background-image: none !important;
}

* html li.widget_text img{

}


*html .hide-ie6{display: none;}

li.widget_archive h3.widgettitle{background-image: url(images/blog-archives.png);}


li.widget_recent_entries h3.widgettitle{background-image: url(images/recent-posts.png);}

li.widget_links h3.widgettitle{background-image: url(images/links.png);}

li.widget_themeslice_recent_posts h3.widgettitle{background-image: url(images/recent-comments.png);}

li.widget_search h3.widgettitle{background-image: url(images/search.png);}

li.widget_pages h3.widgettitle{background-image: url(images/pages.png);}

li.widget_categories h3.widgettitle{background-image: url(images/blog-categories.png);}

li.widget_tag_cloud h3.widgettitle{background-image: url(images/tag-cloud.png);}

li.widget_calendar h3.widgettitle{background-image: url(images/calendar.png);}

li.widget_meta h3.widgettitle{background-image: url(images/meta.png);}

html { 
	font-size: 100%; /* IE hack - http://www.clagnut.com/blog/348/#c790 */ 
}
body {
	text-align: center;
	color: #555;
	background-color: #7D4252;
	font: 62.5% Verdana, Tahoma, Helvetica, Arial, sans-serif; /* Reset to 10px equivilent */
	line-height: 1.4em;
	background-image: url(images/body.jpg);
background-repeat: repeat-x;
}

.post p a{text-decoration: underline !important;}

a {
	color: #9E5963;
	text-decoration: none;
	}
a:hover, a:focus {
	color: #000;
	text-decoration: underline !important;
	}
/* Use this wrapper if narrow layout rather than wide */


* html #wrapper{
}

div#wrapper {
	font-size: 1.3em; /* 13px equiv */
        width: 870px;
	margin: 0 auto;
	text-align: left;
      
	}
#header {
	
        height: 364px;
	background: #555;
	color: #fff;
	overflow: hidden;
	background: url(images/header.png) no-repeat;
}
#header form {
	float: right;
	clear: right;
	margin: 50px 20px 0 0 !important;
       
}
div#logo {
float: left;
width: 240px;
height: 200px;
display: block;
margin-top: 200px;
padding: 0;
}


div#logo a{
width: 240px;
height: 200px;
display: block;
}

div#rightnav{
float: right;
height: 158px;
width: 200px;
display: block;
margin-top: 194px;
}

div#content {
	margin: 0;
	padding: 0;
	background: transparent;
	}
#mainContent {
	width: 690px;
	padding: 0 0;
	float: left;
	display: inline;
background-color: #fff;
	/* background: url(images/top.png) no-repeat;
background-position: top; */
	}

div.tagline{height: 60px; width: 690px; background-color: #381A22; background-image: url(images/tagline.png); background-repeat: no-repeat; }

div.top{width: 100%; height: 33px; background-image: url(images/top.png); background-repeat: no-repeat; background-color: #7D4252;}

div.bottom{width: 690px; height: 33px; background-image: url(images/bottom.png); background-color: #7D4252; }

#sidebar {
	float: right;
	display: inline;
	padding: 30px 0;
background-color: transparent;
	}
#sidebar, ul.widgets {
	width: 160px;
}
div#footer {
	clear: both;
	background: transparent;
	color: #A25C65;
	}
div#footer li {
	display: inline;
	margin-right: 10px;
}
div#footer a {
	color: #A25C65;;
	}
.clear {
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
	margin:0;
	padding: 0;
	outline: 0;
}
.paging {
	padding: 4px 20px 0 20px;
	margin: 20px 0 !important;
	background: transparent;
	overflow: hidden;
	}
/* @end */
/* @group Typograpghy */

/*-- Inline/Other Element Styles --*/	
	
/*-- Headings --*/	
h1, h2, h3, h4, h5, h6, .pagetitle {
	margin: 20px 0;
	font-size: 1em;
	line-height: 1.2em;
font-weight: bold;
letter-spacing: 0.1px;
font-family: Verdana, Arial, Tahoma, Sans-Serif;
	}
#content h1 {
	font-size: 1.6em;
	font-weight: bold !important;
	color: #555;
	line-height: 1.1em;
}
#content h1.pagetitle {
	font-size: 1.8em;
margin-left: 20px;
}
#content h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #555;
	line-height: 1.1em;
	padding-bottom: 4px;
}
#content h2 a, #content h1 a {
	text-decoration: none;
	color: #555;
font-weight: bold !important;

}
#content h2.title, #content h1.title {
	/* These have meta below */
	padding-bottom: 4px;
	font-weight: normal;
	margin-bottom: 0 !important;
}
#content h3 {
	font-size: 1.5em;	
}
#content h4 {
	font-size: 1.4em;
}
#content h5 {
	font-size: 1.2em;
	font-weight: bold;
}
#sidebar h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 20px 0 5px !important;
	color: #E8888F;
}
#sidebar h4 {
	font-size: 1em;
	line-height: 1em;
	margin: 10px 0;
	color: #E8888F;
	font-weight: bold;
}

/*-- Paragraph & Post Styles --*/
p, ul, ol, dl {
	margin: 20px 0;
	}
.post {
	margin-bottom: 10px;
	overflow: hidden;
padding: 0 20px 0 20px;
	}
#content p, #sidebar p, #content ul, #sidebar .widget ul, #content ol, #sidebar .widget ol {
	margin: 20px 0;
	line-height: 1.5em;
	}

#sidebar p{ }

.post ul {
	margin: 20px 40px !important;
	line-height: 0;
	}
.post ul li {
	list-style: none;
	background: url(images/square.png) no-repeat left 7px;
	padding: 0 0 0 12px;
	line-height: 1.6em;
	margin-bottom: 10px;
}
.post ol li {
	padding: 0;
	line-height: 1.6em;
	margin-bottom: 10px;
	margin-left: 12px;
	}
.post ol {
	list-style: decimal outside;
	margin: 20px 40px !important;
	}
p.meta {
	background: #fff;
	color: #666;
	padding: 4px 0 4px 0;
	line-height: 1;
	margin: 0 0 10px !important;
	font-size: 0.9em;
	overflow: hidden;
       
	}
p.meta a {
	text-decoration: none !important;
	font-style: italic;
	color: #888 !important;
	font-weight: normal;
	}
p.meta a.comment {
	float: right;
	margin-left: 10px;
}
p.meta.plain {
	padding: 0;
	background: #fff;
	border: 0;
}
strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
small {
	font-size: 0.9em;
	}
.meta {
	font-style: italic;
}
abbr, span.abbr {
	cursor: help;
	border-bottom: 1px dashed #999;
}
.center {
	text-align: center
}
blockquote {
	padding: 1px 20px;
	margin: 20px 20px 20px !important;
	font-style: italic;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #eee;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 1.1em;
	}
cite {
	color: #383838;
	margin-left: 20px;
	font-style: italic;
}
cite strong {
	font-style: normal;
	font-weight: bold;
}
blockquote cite {
	margin-left: 0;
}

/* @end */
/* @group Images */
#content .alignleft{
	float: left;
	margin: 1px 20px 10px 0;
	}
#content .alignright {
	float: right;
	margin: 3px 0 10px 20px;
	}
#content img.alignright, #content img.alignleft, #content img.aligncenter {
	border: 1px solid #333;
	outline: 3px solid #fff;
padding: 2px;
}
#content .aligncenter {
	margin: 10px auto 5px;
	display: block;
	}
#content img.alignnone + img.alignnone  {
	margin-left: 8px;
}
div.wp-caption {
	text-align: center;
	border: 6px solid #D7D7D7;
	outline: 10px solid #fff;
	border-bottom: 1px solid #CBC8C5;
	padding: 0 !important;
	background: #fff;
	text-align: center !important;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
div.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	border: 5px solid #fff;
}
p.wp-caption-text {
	margin: 0 !important;
	padding: 3px !important;
	font-weight: bold;
	clear: both;
	background: #D7D7D7;
}
/* @end */







#mainNav{margin: 0; padding: 0;}




#mainNav ul {
margin: 0 auto;
text-align: left;
line-height: 1 !important;
}
#mainNav li {
margin: 0 0 0 0;
padding: 0 0 0 0;
line-height: 1 !important;
list-style: none outside;
text-indent: 0 !important;		
/* float:left; */	
position: relative;		
}
#mainNav li a {
text-decoration: none;
margin: 0 0 !important;
padding: 0 0 !important;
position: relative;
float: none;
}
#mainNav li a:hover, #mainNav li a:focus {
text-decoration: none;
}
#mainNav li.current_page_item a, #mainNav li.current_page_ancestor a,  #mainNav li.current_page_parent a {
text-decoration: none;
}






#blog
{
  display: block;
  width: 200px;
  height: 48px;
  background:url(images/blog.png) no-repeat 0 0;
}

#about-me
{
  display: block;
  width: 200px;
  height: 48px;
  background:url(images/about-me.png) no-repeat 0 0;
}

#contact-me
{
  display: block;
  width: 200px;
  height: 48px;
  background:url(images/contact-me.png) no-repeat 0 0;
}

#juliette-pochin
{
  display: block;
  width: 200px;
  height: 48px;
  background:url(images/juliette-pochin.png) no-repeat 0 0;
}

#blog:hover , #about-me:hover , #contact-me:hover , #juliette-pochin:hover , li.current_page_item a#blog , li.current_page_item a#about-me , li.current_page_item a#contact-me , li.current_page_item a#juliette-pochin
{ 
  background-position: 0 -48px;
}

#blog span, #about-me span , #contact-me span , #juliette-pochin span
{
  display: none;
}















#breadcrumb {
	margin: 0 !important;
	padding: 4px 12px;	
	background: #DDDDDD;
	border-bottom: 1px solid #ccc;
}
#breadcrumb li {
	display: inline;
	line-height: 1.5em;
	}

/*-- tables --*/
table { 
	font-size: 100%; /* IE hack */ 
}
/*-- forms -- */
#comment {
	width: 100%;
	height: 150px;
	}
.searchform {
	margin-bottom: 16px;
	overflow: hidden;
	padding: 0;
	}
.searchform .hidden {
	display: none;
	}
.searchform input.text {
	width: 142px;
	}
.searchform fieldset {
	border: none;
	margin: 0;
	padding: 0;
	display: inline;
	}
/* comments */
#comments {
	background: #fff;
	padding: 0;
}
#content #comments h2, #comments h3 {
	color: #555;
	border: 0 !important;
	margin-bottom: 10px !important;
padding-left: 20px;
}
#comments p {
	margin: 10px 0 !important;
}
.comment-paging {
	text-align: center;
	position: relative;
	padding: 4px;
}
.page-numbers, .next, .prev {
	background: #eee;
	padding: 4px;
}
.next {
	position: absolute;
	right:0;
	top:0;
}
.prev {
	position: absolute;
	left:0;
	top:0;
}
.current {
	
}
.comment_container {
	/* position: relative; */
}
.reply {
	position: absolute;
	right:0;
	bottom:0;
	background: #eee;
	padding: 4px;
}
ol#comment-list {
	margin-top: 5px !important;
	margin-bottom: 16px;
	border: 6px solid #CCC8C5;
	border-left:0;
	border-right:0;
	}
ol#comment-list img.avatar {
	margin: 0;
	border: 3px solid #C9C8C6;
	}
ol#comment-list li {
	margin: 0;
	padding: 8px 0;
	list-style: none;
	overflow: hidden;
	border-bottom: 1px solid #C9C8C6;
	}
ol#comment-list li li {
	margin-left: 60px;
	background: #fefefe;
	border-top: 1px dotted #C9C8C6;
	border-bottom: 1px dotted #C9C8C6;
	border-left: 1px dotted #C9C8C6;
}
ol#comment-list li .comment-text {
	float: right;
	width: 62%;
	font-size: 0.9em;
	}
ol#comment-list li .comment-text p {
	margin: 0 6px 12px !important;
	color: #656565;
	}
ol#comment-list li p.meta {
	float: left;
	width: 34%;
	text-align: right;
	font-weight: normal;
	background: transparent;
	padding: 0;
	font-style: italic;
	color: #656565;
	margin: 0 !important;
	}
ol#comment-list li p.meta strong {
	font-style: normal;
	color: #3E3E3E;
	}
ol#comment-list h3 {
	width: 100%;
	padding: 0 0 32px 0;
	margin: 0;
	font-size: 1em;
	}
ol#comment-list h3 a {
	text-decoration: none;
	color: #222;
	}
span#comments-rss a {
	float: right;
	font-size: 0.6em;
	border-bottom: 1px solid #C7E4F1;
	text-decoration: none;
	color: #222;
	}
h3 span#comments-rss a {
	border: none;
	text-decoration: none;
	}
#commentform {
	background: #EFEFEF;
	margin-top: 5px !important;
	padding: 4px 20px;
	}
#commentform input.text, #commentform select, #commentform textarea {
	border: 2px solid #C9C9C9;
	width: 172px;
	padding: 3px;
	background: #fff;
	}
#commentform textarea {
	width: 98%;
	}
#commentform label {
	font-size: 1.2em;
	}
/* @end */

/* @group Widgets */
ul.widgets {
	margin: 0 !important;
	padding: 0;
	text-align: left;
	float: left;
	}
ul.widgets li.widget {
	list-style-type: none;
	padding: 0 !important;
	margin: 20px 0 !important;
	}
ul.widgets li.widget ul, .textwidget {
	margin: 0 !important;
	padding: 0 !important;
}

.textwidget{color: #A25C65 !important;}

/* Recent Comments (Themeslice) */
.widget_themeslice_recent_posts .avatar {
	float: left;
	margin-right: 8px;
}
.widget_themeslice_recent_posts li {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #A25C65;
	background: transparent;
	color: #A25C65 !important;
	font-size: 1em;
	padding: 8px;
	overflow: hidden;
}
.widget_themeslice_recent_posts li a {
	color: #A25C65 !important;
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
}
.widget_themeslice_recent_posts li a:hover {
	text-decoration: underline;
}
.widget_themeslice_recent_posts li strong {
	color: #A25C65;
}

/* Search */
.widget_search input#s {
	border: 1px solid #8D8B8B;
	background: #f7f7f7;
	width: 160px !important;
	display: inline;
}
.widget_search #searchsubmit {
	color: #363636;
	background: #fff;
	border: #fff;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	outline: 0;
	display: inline;
	font-size: 11px;
}
.widget_search label {
	display: none;
}	
	
/* Archive + Blogroll + posts + comments + meta */
.widget_categories ul, 
.widget_archive ul, 
.widget_links ul,
.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_meta ul,
.widget_pages ul,
.widget_rss ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
	} 
.widget_archive ul li, 
.widget_links ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_meta ul li,
.widget_rss ul li {
	display: block;
	background: transparent;
	color: #6F6F6F;
	font-size: 1em;
	padding: 4px 8px 4px 0;
}
.widget_archive ul li a,
.widget_links ul li a,
.widget_recent_entries ul li a,
.widget_recent_comments ul li a,
.widget_meta ul li a,
.widget_rss ul li a {
	text-decoration: none;
	color: #A25C65 !important;
	} 
.widget_archive ul li a:hover, .widget_archive ul li a:focus,
.widget_links ul li a:hover, .widget_links ul li a:focus,
.widget_recent_entries ul li a:hover, .widget_recent_entries ul li a:focus,
.widget_recent_comments ul li a:hover, .widget_recent_comments ul li a:focus,
.widget_meta ul li a:hover, .widget_meta ul li a:focus,
.widget_rss ul li a:hover, .widget_rss ul li a:focus {
	text-decoration: underline;
	}
.widget_rss img {
	vertical-align: middle;	
	position: relative;
	margin-top: -2px;
}

/* Categories */
.widget_categories ul li {
	font-size: 1em;
	padding: 0;
	color: #A25C65;
	position: relative;
}
.widget_categories ul li a {
	text-decoration: none;
	display: block;
	background: transparent;
	color: #A25C65;
	padding: 4px 8px 4px 0;
	}
.widget_categories ul li a:hover, .widget_categories ul li a:focus {
	text-decoration: underline;
	}
ul.widgets li.widget_categories ul ul {
	border-top: 0;
}
ul.widgets li.widget_categories ul ul li a {
	border-color: #A25C65;
	padding-left: 20px;
	background-position: 8px center;
}
ul.widgets li.widget_categories ul ul ul li a {
	padding-left: 34px;
	background-position: 20px center;
}
ul.widgets li.widget_categories ul ul ul ul li a {
	padding-left: 48px;
	background-position: 34px center;
}
ul.widgets li.widget_categories ul ul ul ul ul li a {
	padding-left: 62px;
	background-position: 48px center;
}
ul.widgets li.widget_categories ul ul ul ul ul ul li a {
	padding-left: 76px;
	background-position: 62px center;
}
ul.widgets li.widget_categories ul ul li a {
	background-image: url(images/h_bullet.gif);
	background-repeat: no-repeat;	
}
li.widget_categories li.current-cat a {
	text-decoration: underline;
}
li.widget_categories li.current-cat li a {
	text-decoration: underline;
}
ul.widgets li.widget_categories span.count {
	position: absolute;
	right: 0;
	top:0;
	margin-top: 4px;
	margin-right: 8px;
	z-index: 10;
}

/* Pages */
.widget_pages ul li {
	font-size: 1em;
	padding: 0;
	color: #A25C65;
}
.widget_pages ul li a {
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #A25C65;
	background: transparent;
	color: #A25C65;
	padding: 4px 8px 4px 0;
	}
.widget_pages ul li a:hover, .widget_pages ul li a:focus {
	text-decoration: underline;
	}
ul.widgets li.widget_pages ul ul {
	border-top: 0;
}
ul.widgets li.widget_pages ul ul li a {
	border-color: #A25C65;
	padding-left: 20px;
	background-position: 8px center;
}
ul.widgets li.widget_pages ul ul ul li a {
	padding-left: 34px;
	background-position: 20px center;
}
ul.widgets li.widget_pages ul ul ul ul li a {
	padding-left: 48px;
	background-position: 34px center;
}
ul.widgets li.widget_pages ul ul ul ul ul li a {
	padding-left: 62px;
	background-position: 48px center;
}
ul.widgets li.widget_pages ul ul ul ul ul ul li a {
	padding-left: 76px;
	background-position: 62px center;
}
ul.widgets li.widget_pages ul ul li a {
	background-image: url(images/h_bullet.gif);
	background-repeat: no-repeat;	
}
li.widget_pages li.current_page_item a {
	
}
li.widget_pages li.current_page_item li a {
	
}
	
/* Tags */	
.widget_tag_cloud div {
	background: transparent;
	padding: 12px 8px;
	line-height: 2em;
	overflow: hidden;
	}
.widget_tag_cloud a {
	text-decoration: none;
	color: #A25C65;	
	}
.widget_tag_cloud a:hover, .widget_tag_cloud a:focus {
	text-decoration: underline;
	}

/* Calendar */	
.widget_calendar {
color: #A25C65 !important;
	}
.widget_calendar tbody td {
	border-bottom: 1px solid #A25C65;
	background: transparent;
	color: #A25C65;
	font-size: 0.8em;
	padding: 4px 7px 3px 7px;
	text-align: center;
	}
.widget_calendar tbody td#today {
	font-style: italic;
}
.widget_calendar tbody tr td:hover {
	background-color: transparent;
	}
.widget_calendar tbody td a {
	text-decoration: none;
	color: #4E090C;
	font-weight: bold;
	font-style: italic;
	}
.widget_calendar #prev,
.widget_calendar #next {
	padding: 5px 0 0 0;
}
.widget_calendar #next {
	text-align: right;
}
.widget_calendar #prev a,
.widget_calendar #next a {
	text-decoration: none;
	color: #4E090C;
	font-weight: bold;
	font-style: italic;
	}
.widget_calendar thead th {
	text-align: center;
	}
.widget_calendar caption {
	text-align: center;
	font-weight: bold;
	padding-bottom: 5px;
}
div#calendar_wrap {
	background: transparent;
	padding: 8px;
	}
.widget_calendar table {
	width: 130px;
	}
/* @end */