/*
Theme Name: JoyentBlog
Version: 1.1
Author: Jerome VERCEY
*/

*{margin: 0; padding: 0;}

html{height: 100%; margin: 0; padding: 0;}
body{background:#262016 top center repeat-x; margin: 0; padding: 0; font: 75%/150% "Lucida Grande", Verdana, sans-serif; color:#f6f1da;}

a,a:link,a:visited, a:active{color: #b3aea0; font-weight: normal; text-decoration: underline; outline: none;}
a:hover{text-decoration: none;}

img{border: none; padding:0; margin:0;}

pre{white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;}

blockquote, pre{border-left: 1px solid #327eb0; color:#5e5340; padding: 10px; font-style: italic; background: #ddd; margin: 10px 0;}

ul{ margin:0; padding:0;}
ul li{ list-style:none; background:url('images/bulletWhite.gif') 5px 2px no-repeat; padding-left:15px;}

/* mainContainer */
#mainContainer{ position:relative; height:100%; background:#eae5ce top center repeat-x;}

/* wrapper */
#wrapper{width:100%; background:url('images/backNew.jpg') #180f06 top left repeat-x;}


/**---------------- Header part ---------------- */
#header{ width:100%; background:url('images/backTopMenu.gif') top left repeat-x; height:72px;}
#header .container{ width:800px; margin:0 auto; background:url('images/backTopMenuContainer.jpg') top center no-repeat; position:relative;}


/* archival tweaks */
#header {background: #fff;}
#header .container {height: 72px; background: url(http://www.joyent.com/i/ui/logo.png) no-repeat 0 25px;}
#header a.link-back:link, #header a.link-back:visited {color: #eb7127; display: block; height: 72px; width: 100%; text-align: right; line-height: 92px; text-decoration: none; text-transform: uppercase;}


/* logo */
/*#header #logo{ padding-left:11px;}
#header h1, #header h1 a{ margin:0; padding:0; font-size:0;  line-height:0;}
#header h1 span{display:none;}
#header .descri	{display:none;}*/


/*
#header #logo { position:absolute; top:36px; left:11px;}
#header h1, #header h1 a {margin:0; padding:0; font-size:0;line-height:0;}
#header h1 span { display: none;}
#header .descri { display: none;}
*/

/* mainMenu */
/*
#mainMenu{ padding:8px 0 0 274px;}
#mainMenu ul{ margin:0; padding:0;}
#mainMenu ul li{ float:left; display:inline; background:none; list-style:none; padding:0 11px;}
#mainMenu ul li a{ color:#FFF; font-weight:normal; font-size:11px; text-decoration:none; font-family:Tahoma, Geneva, sans-serif;}
#mainMenu ul li a:hover{ color:#000; text-decoration:underline;}
*/


/* topMenu */
/*#topMenu{ position:absolute; top:0px; left:87px; font-family:Tahoma, Geneva, sans-serif;}*/
/*
#topMenu { position: absolute; top:36px; left:111px; font-family: Tahoma, Geneva, sans-serif; background:url('images/sepEndMenu.jpg') top right no-repeat;}
#topMenu ul, #topMenu li{margin:0; padding:0;}
#topMenu ul li{position: relative; float: left; display: block; background: none; margin:0 7px;}
#topMenu ul li a{display: block; font-size: 11px; color:#080303; font-weight:normal; line-height:36px; text-decoration:none;}
#topMenu ul li a span{  padding:0 5px;}
#topMenu ul li a:hover{ background:url('images/backMenu.jpg') top left no-repeat; text-decoration:none;}
#topMenu ul li ul{display: none; position: absolute; top: 36px; left: 0; width: 150px; background: url('images/backNav.jpg') #d8d8d8 repeat-x top;}
#topMenu ul li:hover ul{display: block;} 
#topMenu ul li ul li{float: none; display: block; background: none;}
#topMenu ul li ul li a{color: #272117; text-decoration: none; font-family:Tahoma, Geneva, sans-serif; font-weight: normal; display: block; width: 100%; font-size: 11px; border-top:1px solid #efefef; border-bottom:1px solid #c6c6c6; line-height:20px;}
#topMenu ul li ul li a span{margin: 0 15px; padding: 0px 1px; display: block; clear: both;}
#topMenu ul li ul li a:hover{color: #f5b062; background:none;}
*/
/*#topMenu ul ul ul{display:none; font-size:0; line-height:0; margin:0; padding:0; height:0px; overflow:hidden;}
#topMenu ul ul ul li{display:none;font-size:0; line-height:0; list-style:none; background:none; margin:0; padding:0; height:0px; overflow:hidden; }*/

/* searchTop */
#searchTop{ position:absolute; top: 8px; left:590px;}
#searchTop #labelSearch{ width:46px; float:left; color:#e6e6e6; font-weight:bold; position:relative; top:0px; font-size:11px; font-family:Tahoma, Geneva, sans-serif;}
#searchTop form{ background:url('images/backInputTop.gif') top left no-repeat; width:154px; height:18px; padding:0; margin:0;float:left;display:inline;}

/*#searchTop #sTop{border: 1px solid #FFF; width: 100px; color: #a8a8a8; font-weight:bold; font-size:11px; position:relative; left:10px; top:-1px;}*/

#searchTop #sTop{
	border: 1px solid #FFF;
	width: 100px;
	color: #a8a8a8;
	font-weight: bold;
	font-size: 10px;
	position: relative;
	left: 10px;
	top: -1px;
}

#searchTop #searchsubmitTop{ position:relative; top:1px; left:34px;}


/* containerContent */
#containerContent{ width:800px; margin:0 auto; background:url('images/backContent.jpg') top center repeat-y;}

/* banner */
#banner{ margin:0 auto; width:800px; position:relative; height:256px;}
#banner #logoBlog{ position:absolute; top:25px; left:5px;}
#banner #logoBlog a:link, #banner #logoBlog a:visited {color: #fff; text-decoration: none; font-size: 16px;}

/*#teaser 				{background: #999 url('images/corner.gif') top left no-repeat; color: #fff; padding: 5px 30px; margin-bottom: 50px;}
#teaser a			{color: #333;}*/

/* ---- Sidebar */

/* searchForm */
#searchForm{ padding-left:20px; margin-bottom:20px; margin-top:20px;}
#sidebar #searchForm h2{ border-bottom:none;}
#searchForm form{ background:url('images/bg_searchSidebar.gif') top left no-repeat;padding:0; margin:0;}
#searchForm #s{border: 1px solid #FFF; width: 100px; color: #a8a8a8; font-weight:bold; font-size:11px; position:relative; left:10px; top:-1px;}
#searchForm #searchsubmit{ position:relative; top:2px; left:28px;}

/* productsCustom */
#productsCustom{padding:10px 40px 0 20px; width:144px;  line-height:130%; margin-bottom:20px;}
#productsCustom h2{}
#productsCustom .productsBlock{ border-bottom:1px dashed #120f09; padding:10px 0 10px 0; font-size:0.8em; display:block; clear:both; overflow:hidden; width:100%;}
#productsCustom .productsBlock .thumbProduct{ float:left; display:inline; width:40px; padding-right:6px;}
#productsCustom .productsBlock .infoProducts{ float:left; display:inline; width:95px;}
#productsCustom .productsBlock a.important{ color:#db9928;}
#productsCustom img{ margin-right:5px;}


/* twitterCustom */
#twitterCustom{padding:10px 40px 0 20px; width:144px;  line-height:130%; margin-bottom:20px;}
#twitterCustom h2{}
#twitterCustom .twitterBlock{ border-bottom:1px dashed #120f09; padding:10px 0 10px 0; font-size:0.8em; display:block; clear:both;}
#twitterCustom img{ margin-right:5px;}

/* sidebar */
#sidebar{width: 204px; float: left; display:inline; padding-bottom:30px; overflow:hidden;}
#sidebar .leftbar	{float: left;width: 144px; padding:10px 40px 0 20px;}
#sidebar .rightbar	{float: left; width: 150px; padding-left:15px; border-left:#999999 1px dashed; margin-top:16px;}
#sidebar h2{color:#cf7f15; font-size:1.05em; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px solid #1c1711; padding-bottom:3px;}
#sidebar ul{margin-bottom:30px; margin-top:2px; list-style: none;}
#sidebar ul li{ padding-left: 0px; font-size:0.95em; background:none; padding:3px 0; border-bottom:1px dashed #120f09;}
#sidebar ol{margin: 10px 0 10px 5px; list-style: decimal inside;}
#sidebar a{ text-decoration:none;}
#sidebar a:hover{ text-decoration:underline;}

/* ---- Twitter */
#sidebar .twitter li { line-height:120%; padding-bottom:4px;}

/* chicketCreatorBlock */
#chicketCreatorBlock a{ display:block; margin-bottom:5px;}
#chicketCreatorBlock h2{ margin-bottom:10px;}

/* ---- Content */
#content{/*width:392px;*/ width:569px; margin:0 auto; padding:12px 12px 12px 0; min-height:400px; float:left; overflow:hidden;}

#content ul{ margin-bottom:10px;}
#content ul li{background: url('images/bulletWhite.gif') 0 5px no-repeat; margin: 5px 0; padding-left: 15px;}
#content ol	{margin: 10px 0 10px 10px; list-style: decimal inside;}
#content ol li{margin: 5px 0;}

#content p{margin: 0 0 1em 0;}

#content h1,#content h2{
	color: #cf7f15;
	text-decoration: none;
	font-size: 1.55em;
	margin:0 0 0.6em 0;
	font-family:Tahoma, Geneva, sans-serif;
	line-height:1.2em;
}

#content h1 a,#content h2 a{color: #cf7f15; text-decoration:none;}
#content h1 a:hover,#content h2 a:hover{color: #b3aea0;}

#content h3, #content h3 a{
	color: #eae5ce;
	text-decoration: none;
	font-size: 1.2em;
	padding-bottom:6px;
	font-family:Tahoma, Geneva, sans-serif;
}
#content h4, #content h5, #content h6{ color: #eae5ce; font-family:Tahoma, Geneva, sans-serif;}
#content h4{ font-size:1.15em;}
#content h5{font-size:1.1em;}
#content h6{font-size:1em;}

/* catTitle */
#catTitle{ padding-bottom:10px; border-bottom:1px solid #1c1711; margin-bottom:15px;}

#content .metadata{ margin: 5px 0 20px 0; font-size:0.95em;}
#content .metadata a{ text-decoration:none;}
#content .metadata a:hover{ text-decoration:none;}
#content .metaInfos{ width:457px; float:left; display:inline;}
#content .metacomments{ width:110px; float: left; display:inline;}
#content .metacomments a{ font-weight:bold;}
#content .metacomments a:hover{}

/* entry */
#content .entry{margin-bottom: 20px;}
#content .entry h2{margin-bottom: 0px;} 

#content .ratingblock { float:right; display:inline; margin-top:60px; }

#content .socialButtons { float:left; display:inline; width:300px; margin-bottom:12px; }
#content .relatedTags { margin-top:10px; display:block; clear:both;}
#content .entry a.important{margin-bottom: 20px; color:#cf7f15; font-weight:bold; text-decoration:none; position:relative; top:-5px;}
#content .entry a.important:hover{ text-decoration:underline; }

/* ---- Comments */

#content .comments-template {margin-top: 20px;}
#content .commentlist 	{list-style: none; margin: 10px 0 0 0;}
#content .commentmetadata { padding: 5px 10px; background: #ccc url('images/corner.gif') top left no-repeat; margin: 5px 0 5px -30px;}
#content .commentmetadata img	{float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; }

#content .commentmetadata_author { padding: 5px 10px; background: #327eb0 url('images/corner.gif') top left no-repeat; margin: 5px 0 5px -30px; color: #fff;}
#content .commentmetadata_author img	{float: left; padding: 2px; margin: 5px 10px 5px 0; border: 1px solid #000; }
#content .commentmetadata_author a {color: #fff;}

/* ---- intenseDebate */
#idc-container-parent #idc-container .idc-cover{ background:url('images/bgTopComments.gif') top center no-repeat; padding:10px 5px; width:557px; border:1px solid #746956;}
#idc-container-parent #idc-container .idc-new {background-color: #5e5340; padding: 10px 15px; width: 539px;}
#idc-container-parent #idc-container .idc-cover h3{ color:#FFF; font-size:1.35em; font-weight:bold; padding:0px 5px;}
#idc-container-parent #idc-container .idc-cover{}
#idc-container a{ font-size:11px;}
#idc-container .idc-c-m .idc-text, #idc-container .idc-c-m label, .idc-nofloat{ font-size:11px;}
.idc-c-h{ background:none !important; background-image:none !important;}
.idc-c-h, .idc-c-h .idc-i{background-image:none;}
.idc-c-h .idc-i{ background-color:#201a10 !important;}
#idc-sortLinks{ color:#ff8300; font-size:11px;}
.idc-cover{background-color:#383125;}
#idc-container .idc-c-m label {width:100% !important; margin-bottom:3px;}


/*#idc-container-parent #idc-container .idc-cover{ background:url('images/bgTopComments.gif') top center no-repeat; padding:10px 5px; width:380px; border:1px solid #746956;}
#idc-container-parent #idc-container .idc-new {background-color: #5e5340; padding: 10px 15px; width: 362px;}
#idc-container-parent #idc-container .idc-cover h3{ color:#FFF; font-size:1.35em; font-weight:bold; padding:0px 5px;}
#idc-container-parent #idc-container .idc-cover{}
#idc-container a{ font-size:11px;}
#idc-container .idc-c-m .idc-text, #idc-container .idc-c-m label, .idc-nofloat{ font-size:11px;}
.idc-c-h{ background:none !important; background-image:none !important;}
.idc-c-h, .idc-c-h .idc-i{background-image:none;}
.idc-c-h .idc-i{ background-color:#201a10 !important;}
#idc-sortLinks{ color:#ff8300; font-size:11px;}
.idc-cover{background-color:#383125;}
#idc-container .idc-c-m label {width:100% !important; margin-bottom:3px;}*/


/* akpc_pop */
#content p.akpc_pop{ margin-top:40px;}

/* relatedPost */
.relatedPosts{ padding-top:20px;}


/****************  rightbar ****************/
.rightbar{ float:right; width:177px; padding:10px 15px 0 0;}
.rightbar h2{color:#cf7f15; font-size:1.05em; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px solid #1c1711; padding-bottom:3px;}
.rightbar ul{margin-bottom:20px; margin-top:5px; list-style: none;}
.rightbar ul li{background: none; padding-left: 0px; font-size:0.95em;}
.rightbar ol{margin: 10px 0 10px 5px; list-style: decimal inside;}
.rightbar a{text-decoration:none;}
.rightbar a:hover{text-decoration:underline;}

/* menuLinks */
.menuLinks{ background-color:#201b12; padding:10px 10px 10px 10px;}
.menuLinks h3{ color:#cf7f15; font-size:1.05em; font-family:Tahoma, Geneva, sans-serif; border-bottom:1px solid #2d271d; padding-bottom:6px;}
.menuLinks ul{ margin:0;}
.menuLinks ul ul{ margin-top:10px;}
.menuLinks ul ul li{ background:url('images/bulletWhite.gif') 3px 6px no-repeat; padding-left:15px; padding-bottom:5px;}
.menuLinks ul ul li a, .menuLinks ul ul li a:link, .menuLinks ul ul li a:visited, .menuLinks ul ul li a:active{ font-size:1.1em; font-weight:bold; color:#FFF; position:relative; text-decoration:none;}
.menuLinks ul ul li a:hover{ text-decoration:underline;}
.menuLinks ul ul li.linkcat{ list-style:none; padding-left:0; margin:0; background:none;}
.menuLinks ul.blogroll{ margin-left:5px;}
.menuLinks ul.blogroll li{padding-left:13px;}



/* ---- Bottom */
#bottom ul { float:left; display:inline; width:150px; padding-right:8px; }
#bottom ul li, #bottom #recent_posts li, #bottom #recent_comments li { list-style:none; padding:0; margin:0; } 
#bottom #recent_posts { float:left;width:190px; border-right:#999999 1px dotted; }
#bottom #recent_comments { float:left;width:190px; border-right:#999999 1px dotted; margin-left:14px; }
#bottom #popular_posts { float:left;width:190px; margin-left:14px; }
#bottom #recent_posts h2, #bottom #recent_comments h2, #bottom #popular_posts h2 { padding-bottom:8px; }
/* ---- Footer */

#footer{ width:800px; margin:0 auto; background:url('images/bg_footer.jpg') top center no-repeat; height:84px; text-align:center; padding-top:10px;}
#footer a{ text-decoration:none;}
#footer a:hover{ text-decoration:underline;}


/* ---- Comment form */

#author, #email, #url, #comment { border: 1px solid #ccc; padding: 5px; margin-top: 5px;}

#author 		{ width: 250px; }
#email 		{ width: 250px; }
#url 		{ width: 250px; }
#comment 	{ width: 500px; }
#submit 		{background: #e35c00; color: #fff; padding: 10px; border: 1px solid #ccc; margin-top: 10px;}

/* ---- Required by WordPress */

.aligncenter,
div.aligncenter 		{display: block; margin: 0 auto;}

.alignleft 			{float: left;}

.alignright 			{float: right;}

.wp-caption 			{border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;
				/* optional rounded corners for browsers that support it */
		   		-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img 		{border: 0 none; }

.wp-caption p.wp-caption-text 	{ font-size: 11px; line-height: 17px; padding: 0 4px 5px; }

.socialbookmark div { float:left; display:inline; margin-right:10px;}
.clear {clear:both; display:block; height:0px; line-height:0px;}

#commentform .inputValid{
	background: #FFF url('images/backgroundInput.gif') top left repeat-x;
	font-weight:normal;
	color:#333;
	border:#999 1px solid;
	}

#commentform .inputRequired{
	background: #FFF url('images/backgroundInputNoValid.gif') top left repeat-x;
	font-weight:bold;
	color:#333;
	border:#FF3300 1px solid;
	}
	
	
/* general classes */
.separator{background: url('images/brushesTopComments.jpg') center bottom no-repeat; height: 20px; margin: 0 auto 0 auto; display: block; clear: both;}
.highlight{ font-size:1.1em;}
.floatLeft{ float:left;}
.floatRight{ float:right;}