/*
Theme Name: SimpleCMS Theme
Theme URI: http://ryanhellyer.net/2008/02/23/aqua-vaccinium-wordpress-theme/
Description: SimpleCMS Theme is designed as a simple starting point for developing themes suitable for the SimpleCMS WordPress plugin
Version: 1.0
Author: Ryan Hellyer
Author URI: http://ryanhellyer.net/

	Copyright © 2008 Ryan Hellyer

	This theme was designed and coded by Ryan Hellyer
	http://ryanhellyer.net/

	You are welcome to modify this theme for your own purposes and sell the modified version to clients,
	but this theme may not be provided for download anywhere other than by the author.

*/

/* HEADER AND BODY STYLING */
body {
	margin: auto;
	background: #FFFFFF url(images/img04.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #7F7772;
}


/*#header .widthlimiter div {float:right;color:#63A9D5;font:italic bold 1em/80px sans-serif;}*/
#description {display:inline;margin-right:1em}
/*.widthlimiter {min-width:600px;max-width:1000px;width:90%;margin:0 auto}*/

/* MAIN CONTENT STYLING */

h1, h2, h3 {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
}

h1 {
	font-size: 197%;
}

h2 {
	font-size: 136%;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

p, ul, ol {
	margin-bottom: 1.6em;
	line-height: 180%;
}

p {
}

blockquote {
	font-style: italic;
}

ul {
}

ol {
}

a {
	color: #FFBF23;
}

a:hover {
	text-decoration: none;
}

small {
}

hr {
  	  border: none;
	  background: #fff url(images/img12.gif) repeat-x left bottom;
}

img {
	border: none;
}

img.left {
	float: left;
	margin: 0 15px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 15px;
}

acronym {
	cursor: help;
}

/* header */

#header {
	width: 890px;
	height: 100px;
	margin: 0 auto;
}

/* Logo */

#logo {
	float: left;
	width: 270px; /*old 240px*/
	height: 80px; /*old 100px*/
	background: #FFBF23 url(images/img01_v2.gif) no-repeat left bottom;
}

#logo img {
	border: none;
}

#logo h1, #logo h2 {
	margin: 0;
	text-align: center;
}

#logo h1 {
	padding-top: 15px;
	font: bold 24px Geneva, Arial, Helvetica, sans-serif
}

#logo h2 {
	font-size: 12px;
}

#logo a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search {
	float: right;
	width: 280px;
	padding-top: 20px;
}

#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search legend {
	display: none;
}

#searchinput, #searchsubmit {
	border: 1px solid #EDEBD5;
	font: bold 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #7F7772;
}

#searchinput {
	padding: 2px 5px;
	width: 198px;
	background: #FFFFFF url(images/img02.gif) repeat-x;
}

#searchsubmit {
	background: #FFFFFF url(images/img03.gif) repeat-x left bottom;
}

/* Menu */

#menu {
	width: 890px;
	height: 70px;
	margin: -30px auto 0 30px;
}

#menu ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	float: left;
	display: block;
	height: 40px;
}

#menu li:hover {
	background: #F9F8F1;
}

#menu a {
	display: block;
	width: 60px;
	height: 35px;
	padding: 5px 20px 0 20px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #7F7772;
}

html>body #menu a {
	width: auto;
}

#menu li.active {
	background: #EDEBD5 url(images/img05.gif) no-repeat;
}

#menu li.active a {
	background: url(images/img06.gif) no-repeat right top;
}

/* Page */

#page {
	width: 890px;
	margin: 0 auto 20px auto;
	background: url(images/img07.gif) repeat-y 250px 0;
}

#page-alt {
	width: 890px;
	margin: 0 auto 20px auto;
	/*background: url(images/img07.gif) repeat-y 260px 0;*/
}

/* Content */

#content {
	float: right;
	width: 630px;
	margin-top: 20px;
}

#content-alt {
	float: right;
	width: 890px;
}

.title {
	padding-bottom: 5px;
	border-bottom: 1px solid #EDEBD5;
}

.twocols {
}

.twocols .col1 {
	float: left;
	width: 235px;
}

.twocols .col2 {
	float: right;
	width: 235px;
}

.list {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.list li {
	padding-left: 10px;
	background: url(images/img10.gif) no-repeat left center;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 240px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	padding: 20px;
	background: url(images/img11.gif) no-repeat;
}

#sidebar li ul {
}

#sidebar li li {
	padding: 5px 0;
	background: url(images/img12.gif) repeat-x left bottom;
}

#sidebar h2 {
	border-bottom: 1px solid #EDEBD5;
	font-size: 114%;
	font-weight: bold;
}

#sidebar h3 {
	margin: 0;
}

#sidebar p {
	margin: 0;
	line-height: normal;
}

#sidebar a {
	text-decoration: none;
}

#sidebar a:hover {
	text-decoration: underline;
}

/* Footer */

#footer {
	clear: both;
	height: 100px;
	padding-top: 20px;
	background: #EDEBD5 url(images/img08.gif) repeat-x;
}

#footer p {
	margin: 0;
	text-align: center;
	font-size: 98%;
}

/* etc */

.tarif-info-box {
	width: 420px;
	font-size: 11px;
}

.nobold {
	font-weight: normal;
}

h4 { 
	font-size: 22px;
}

ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style: none;
	margin-bottom:14px;
	border: #0F3 solid 1px;
	padding: 10px 10px 0;
	}
	
.comment-author {
	font-weight: bold;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
}

.comment-author a {
	text-decoration: none;
}


li.bypostauthor { border: #999 solid 3px; }

input,textarea {
	border: 1px solid #CCCCCC;
	font-size: 13px;
	font-weight: normal;
	background-color: #CCFFFF;
} 

textarea#comment {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#respond {
	padding: 6px 0 0 10px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 1px solid #CCCCCC;
}

div#postinfo { clear: both; margin-top: 20px; border: 1px solid #CCCCCC; padding: 5px 20px 12px 15px; font-size: 8pt; line-height: 140%; background: #CCFFFF; }
div#postinfo h4 { margin:10px 0 0 0; padding:0 0 3px 20px; font-size: 100%; font-weight: bold; font-family: "Lucida Grande", verdana, helvetica, arial, sans-serif; }
div#postinfo h4.metarelatedposts { background: url(images/icon_related.png) no-repeat; } 
div#postinfo h4.metabrowse { background: url(images/icon_browse.png) no-repeat; }
div#postinfo h4.metainfo { background: url(images/icon_info.png) no-repeat; }
div#postinfo h4.metacomments { background: url(images/icon_trackback.png) no-repeat; }
div#postinfo ul { list-style: none; margin: 0 0 0 23px; padding: 0; }
div#postinfo ul li { background: url(images/bullet05.png) no-repeat 0 .5em; padding: 0 0 0 13px; }
div#postinfo a:link, div#postinfo a:visited { color: #6686c8; }

.feed ul li { background: url(images/icon_rss.png) no-repeat 0 .5em; padding: 0 0 0 0; }