@charset "UTF-8";
/* CSS Document */

/*
Theme Name: RKTRBLOG09
Theme URI: http://blog.rocktrotteur.com/
Description: Thème du blog du Rocktrotteur
Version: 2
Author: Laurent Belando resonne.fr 
*/

/* @group Reset CSS */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;font-style: normal;}
q:before,q:after {content:"";}

/* @end */

/* @group Nuancier */

.couleur1 {
	background-color: #6b6557;
}

.couleur2 {
	background-color: #B4ACA2;
}

.couleur3 {
	background-color: #E9E7DF;
}

.couleur4 {
	background-color: #1B647A;
}

.couleur5 {
	background-color: #7FBAD8;
}

.couleur6 {
	background-color: #D2E7F1;
}

/* @end */

body {
	background: #6b6557 url(images/blogbg.jpg) no-repeat fixed center 150px;
	color: #333;
	font-family: "American Typewriter", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 18px;
}

a {
	color: #1B647A;
	text-decoration: none;
}

a:hover {
	color: #6b6557;
	border-bottom: 1px dotted #6b6557;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#page {
	width: 1000px;
	margin: 0 auto;
}

#header {
	height: 190px;
}

#header .rktr-logo {
	position: absolute;
	float: left;
	height: 189px;
	width: 167px;
	padding-top: 70px;
	margin-left: 70px;
}

#header .rktr-logo a {
	display: block;
	height: 189px;
	width: 167px;
	background: url(images/rocktrotteurbloglogo.gif) no-repeat;
}

#header .rktr-logo span {
	position: absolute;
	left: -3000px;
}

#blogdesc {
	position: absolute;
	left: -3000px;
}

/* @group #topmenu */

#topmenu {
	float: right;
	color: #FFF;
	background: #1B647A url(images/filtermenu-bg.png) repeat-x;
	padding: 5px 0;
	margin-right: 50px;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#topmenu a:hover {
	border: 0;
}

#topmenu ul {
	float: left;
}

#topmenu #rocktrotteur {
	float: left;
}

#topmenu .submenu li {
	float: left;
}

#topmenu .submenu li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	line-height: 20px;
	padding-bottom: 5px;
	margin: 5px 10px 0;
}

#topmenu .submenu li a:hover {
	color: #7FBAD8;
}

#topmenu .submenu li.current_page_item a {
	background: url(images/currentsubmenu.gif) no-repeat;
}

#topmenu .submenu li.current_page_item a:hover {
	color: #FFF;
}

#topmenu .submenu li a span {
	display: block;
	padding: 0 8px;
}

#topmenu .submenu li.current_page_item a span {
	background: url(images/currentsubmenu-bgl.gif) no-repeat right;
}

#topmenu .searchmenu {
	float: left;
	padding-left: 15px;
	margin-left: 5px;
	margin-right: 10px;
	background: url(images/filtermenu-ls.gif) no-repeat 0 3px;
}

.searchmenu #s {
	display: block;
	float: left;
	width: 150px;
	height: 18px;
	padding: 4px 3px 3px 12px;
	margin: 0;
	border: 0;
	margin-top: 3px;
	background: transparent url(images/searchbg.gif) no-repeat 0;
}

.searchmenu #searchsubmit {
	background: transparent url(images/searchsubmit.gif) no-repeat 100% 50%;
	font-size: 1px;
	color: #FFF;
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 3px 0 0 0;
	padding: 0;
	border: 0;
}

.searchmenu #searchsubmit:hover {
	//background: transparent url(images/searchsubmitover.png) no-repeat 100% 50%;
}

.searchmenu input:hover#searchsubmit {
	cursor: pointer;
}
/* @end */

#content {
	float: left;
	width: 455px;
	padding-left: 15px;
	background: url(images/postwrapperarrow.gif) no-repeat 0 15px;
}

#postswrapper {
	background-color: #FFF;	
	margin-bottom: 15px;
}

#postswrapper .post {
	padding: 15px 15px 15px 15px;
}

#postswrapper .postmetadata {
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 5px;
}

#postswrapper .postmetadata a.commentslink {
	background: url(images/commentslink.gif) no-repeat 0 center;
	padding-left: 15px;
}

#postswrapper .postmetadata a:hover.commentslink {
	background: url(images/commentslink-hover.gif) no-repeat 0 center;
	color: #6b6557;
}

.post h1,
.post h2 {
	font-weight: bold;
	font-size: 26px;
	line-height: 28px;
}

.post h3 {
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
}

.post h4 {
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
}

.post h5 {
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
}

.post h6 {
	font-weight: bold;
	font-size: 11px;
	line-height: 13px;
}

.post h1 a,
.post h2 a {
	color: #333;
	text-decoration: none;
}

.post table {
	margin: 10px 0;
}

.post table td {
	padding: 5px;
}

.post p {
	margin: 10px 0;
}

.post blockquote {
	margin: 10px 10px;
	font-style: italic;
}

/* @group .posttags */

#postswrapper .post .posttags {
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-top: 14px;
}

#postswrapper .post .posttags h4 {
	float: left;
	font-weight: normal;
	font-style: normal;
	font-size: 11px;
}

#postswrapper .post .posttags ul {
	margin-left: 34px;
}

#postswrapper .post .posttags li {
	float: left;
	margin: 0 4px 4px 0;
	padding-left: 6px;
	background: url(images/tagsbgl.gif) no-repeat left;
}

#postswrapper .post .posttags a {
	color: #FFF;
	display: block;
	padding: 2px 6px 2px 0;
	background: url(images/tagsbgr.gif) no-repeat right;
}

#postswrapper .post .posttags li:hover {
	background: url(images/tagshoverbgl.gif) no-repeat left;
}

#postswrapper .post .posttags a:hover {
	border: none;
}

#postswrapper .post .posttags li:hover a {
	background: url(images/tagshoverbgr.gif) no-repeat right;
	border: none;
}

/* @end */

a.more-link {
	background: url(images/readmorelink.gif) no-repeat 0 center;
	padding-left: 15px;
}

a:hover.more-link {
	background: url(images/readmorelink-hover.gif) no-repeat 0 center;
}

.sidebar {
	float: left;
	width: 256px;
}

#leftsidebar {
	margin-top: 70px;
}

#rightsidebar {
	margin-top: 10px;
	margin-left: 15px;
}

/* @group #navigation */

#navigation {
	width: 425px;
	padding: 20px 15px 15px 15px;
	margin-bottom: 15px;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #FFF;
}

#navigation a {
	background: url(images/navibg.gif) no-repeat;
	color: #FFF;
	height: 16px;
	display: block;
	overflow: hidden;
}

#navigation a:hover {
	background: url(images/navibghover.gif) no-repeat;
}

#navigation .alignleft {
	float: left;
	margin-bottom: 5px;
}

#navigation .alignright {
	float: right;
	margin-bottom: 5px;
}

#navigation .alignleft a {
	padding: 2px 8px 2px 16px;
}

#navigation .alignleft a:hover {
	border: none;
}

#navigation .alignright a {
	padding: 2px 16px 2px 8px;
	background-position: right;
}

#navigation .alignright a:hover {
	border: none;
	background-position: right;
}

/* @end */

/* @group .comments */

#comments {
	width: 425px;
	padding: 15px;
}

#comments h3 {
	padding: 0 0 1px 0;
	border-bottom: 1px solid #6b6557;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

#comments h3 span {
	color: #FFF;
	font-size: 12px;
	padding: 4px 16px;
	background-color: #6b6557;
}

#comments #respond {
	padding: 8px 8px 1px 8px;
	margin-bottom: 15px;
	background-color: #E9E7DF;
}

#comments #respond label {
	display: block;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 4px;
}

#comments #respond input {
	display: block;
	padding: 2px;
}

#comments #respond input#author,
#comments #respond input#url,
#comments #respond input#email {
	width: 200px;
}

#comments #respond .formrow {
	position: relative;
	margin-bottom: 8px;
}

#comments #respond #comment {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 4px;
	width: 300px;
	height: 41px;
}

#comments #respond #submit {
	position: absolute;
	right: 0;
	bottom: 0;
	background-color:#7FBAD8;
	border-style:none;
	color:#FFF;
	display:block;
	font-size:11px;
	margin-bottom: 2px;
	padding:4px 18px;
}

#comments #respond .submit:hover {
	background-color:#B4ACA2;
	cursor:pointer;
	text-decoration:none;
}

#comments #respond #username {
	border:1px solid #B4ACA2;
	font-size:12px;
	padding:4px;
	width:182px;
}

#comments #respond .join {
	background-color:#7FBAD8;
	border-style:none;
	color:#FFF;
	font-size:11px;
	padding:4px 8px;
	margin-left: 6px;
}

#comments #respond input:hover.join {
	background-color:#B4ACA2;
	cursor:pointer;
	text-decoration:none;
}

#comments #respond .loginas {
	color: #6b6557;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#comments #respond #comment_post_ID,
#comments #respond #comment_parent {
	display: none;
}

#comments ol.commentlist {
	margin: 20px 0;
}

#comments ol.commentlist li {
	margin: 10px 0;
	clear: left;
}

#comments .comment-avatar {
	width: 45px;
	height: 45px;
	float: left;
}

#comments .comment-avatar img {
	display: block;
}

#comments .commentcontainer {
	margin-left: 55px;
	padding-left: 8px;
	background: url(images/cdarow.gif) no-repeat 0 8px;
}

#comments .commentcontainer .wrapper {
	float: left;
	padding: 8px 8px 12px 8px;
	background-color: #E9E7DF;
}

#comments .commentcontainer em {
	display: block;
	background-color:#7FBAD8;
	border-style:none;
	color:#FFF;
	display:block;
	font-size:11px;
	margin-bottom: 2px;
	padding:4px 18px;
}

#comments .commentcontainer .wrapper p {
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#comments .commentcontainer .wrapper .commentmetadata {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-bottom: 10px;
}

.commentheader {
	margin-bottom: 12px;
}

.commentlist cite a {
	font-weight: bold;
	//font: bold 14px "American Typewriter", Georgia, "Time New Roman", Times, serif;
	color: #000;
	text-decoration: none;
}

.commentheader small {
	color: #6b6557;
	font-size: 10px;
}

#comments #respond .subscribe-to-comments {
	margin-bottom: 10px;
}

#comments #respond .subscribe-to-comments input {
	float: left;
}

#comments #respond .subscribe-to-comments label {
	margin: 0 0 0 20px;
}

/* @end */

/* @group .sidebar .subscribrss */

.sidebar li.subscribrss {
	margin-bottom: 30px;
}

.sidebar li.subscribrss h3 span {
	position: absolute;
	left: -3000px;
}

.sidebar li.subscribrss h3 a {
	display: block;
	background: url(images/subscribrssbg.gif) no-repeat;
	width: 112px;
	height: 93px;
}

.sidebar li.subscribrss h3 a:hover {
	border: 0;
}

/* @end */

/* @group .sidebar .cats */

.sidebar li.cats {
	background: url(images/catsbg.gif) no-repeat 0 bottom;
	padding-bottom: 33px;
	margin-bottom: 30px;
}

.sidebar .cats h3 {
	position: absolute;
	left: -3000px;
}

.sidebar .cats ul {
	float: left;
	padding: 8px;
	background-color: #B4ACA2;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.sidebar .cats ul a {
	color: #FFF;	
}

.sidebar .cats ul a:hover {
	color: #6b6557;	
}

/* @end */

/* @group .sidebar .tags */

.sidebar li.tags {
	background: url(images/tagsbg.gif) no-repeat 0 bottom;
	padding-bottom: 29px;
	margin-bottom: 30px;
}

.sidebar .tags h3 {
	position: absolute;
	left: -3000px;
}

.sidebar .tags .st-tag-cloud {
	float: left;
	width: 220px;
	padding: 8px;
	background-color: #B4ACA2;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.sidebar .tags .st-tag-cloud a {
	color: #FFF;	
}

.sidebar .tags .st-tag-cloud a:hover {
	color: #6b6557;	
}

/* @end */

/* @group .sidebar .blogroll */

.sidebar ul.blogroll {
	float: left;
	padding: 8px;
	background-color: #B4ACA2;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;	
}

.sidebar ul.blogroll a {
	color: #FFF;	
}

.sidebar ul.blogroll a:hover {
	color: #6b6557;	
}

.sidebar #linkcat-51 {
	background: url(images/linkcat-51.gif) no-repeat 0 bottom;
	padding-bottom: 49px;
	margin-bottom: 30px;
}

.sidebar #linkcat-51 h3 {
	position: absolute;
	left: -3000px;
}

.sidebar #linkcat-73 {
	background: url(images/linkcat-73.gif) no-repeat 0 bottom;
	padding-bottom: 33px;
	margin-bottom: 30px;
}

.sidebar #linkcat-73 h3 {
	position: absolute;
	left: -3000px;
}

/* @end */

/* @group .sidebar .pub */

.sidebar .pub {
	background: url(images/publink.gif) no-repeat 0 bottom;
	padding-bottom: 33px;
	margin-bottom: 30px;
}

.sidebar .pub h3 {
	position: absolute;
	left: -3000px;
}

.sidebar .pub .container {
	float: left;
	padding: 8px;
	background-color: #B4ACA2;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;	
}

/* @end */

/* @group .sidebar .wdg-fanpage */

.sidebar .wdg-fanpage {
	background: url(images/wdg-fanpage.png) no-repeat 0 bottom;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.sidebar .wdg-fanpage h3 {
	position: absolute;
	left: -3000px;
}

.sidebar .wdg-fanpage .container {
	float: left;
	padding: 8px;
	background-color: #B4ACA2;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;	
}

/* @end */

/* @group .sidebar .user */

.sidebar li.user {
	background: url(images/userbg.gif) no-repeat 0 bottom;
	padding-bottom: 29px;
	margin-bottom: 30px;
}

.sidebar .user h3 {
	position: absolute;
	left: -3000px;
}

.sidebar .user ul {
	float: left;
	padding: 8px;
	background-color: #B4ACA2;
	font: 11px/16px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.sidebar .user ul a {
	color: #FFF;	
}

.sidebar .user ul a:hover {
	color: #6b6557;	
}

/* @end */

#footer {
	text-align: center;
	color: #595449;
	font-size: 10px;
	margin: 0 0 20px 0;
}

#footer p a {
	color: #595449;
	border-bottom: 1px dotted #595449;
}

#footer h3 a {
	display: block;
	background: url(images/logoresonnebg.gif) no-repeat;
	height: 79px;
	width: 64px;
	margin: 0 auto 10px auto;
}

#footer h3 a:hover {
	color: #333;
	border: 0;
}

#footer h3 span {
	position: absolute;
	left: -3000px;
}

.curve {
  -moz-border-radius:1.5ex;
  -webkit-border-radius:1.5ex;
}

.blogroll {
  -moz-border-radius:1.5ex;
  -webkit-border-radius:1.5ex;
}

.st-tag-cloud {
  -moz-border-radius:1.5ex;
  -webkit-border-radius:1.5ex;
}