/*
Theme Name:CSS Gallery
Theme URI:http://www.osdesigner.net
Description:Build this theme for webmasters who want to run a CSS or web showcase. Traduction <a href="http://www.niss.fr/">(niss.fr)</a>.
Version:1.0
Author:Shabu Anower
Author URI:http://www.osdesigner.net/
*/

/* STRUCTURE

div#wrapper
	div#header
	div#nav
	div.navbottom
	div.page
		div.sidebar
			div.searchbox
			div.tabber
				div.tabbertab
					div.st-tag-cloud
				div.tabbertab
				div.tabbertab
			div#ads
			div.tabber
				div.tabbertab
				div.tabbertab
				div.tabbertab
				div.tabbertab
		div#content
			div.details
				div.sociable
			div.singleads

			div.item
				div#post-ratings-#### .post-ratings
			div.item
				div#post-ratings-#### .post-ratings
			...
			div.nav
	div#footer

*/

/*	GENERAL
----------------------- */
body {font-family:Arial,Helvetica,sans-serif; font-size:13px; background:#dee6b8 url(images/body-fd.jpg) top repeat-x; ; color:#2f3510; margin:0; padding:0;}
img {border:0px;}
a {color:#57660a; text-decoration:none;}
a:hover {color:#2f3510; text-decoration:underline;}
a img {border:0px;}
blockquote {font-style:italic; font-size:11px; color:#888888; margin:0 0 5px 20px; padding:0 0 0 10px; border-left:4px solid #57660a;}
abbr,acronym {border-bottom:1px dotted #57660a; text-transform:uppercase;}
code {color:#2f3510; font-family:Courier,monospace; margin:0 0 5px 5px;}
pre {margin:0 0 1.5em 0; overflow:auto; font-size:1.3em; clear:both;}
form {margin:0; padding:0;}

/*	DIV
----------------------- */
#wrapper {width:925px; margin:0 auto;}
	#header {padding:0; margin:0 auto; text-align:left;}
	#nav {background:url('images/navbg.gif') repeat-x top; height:37px; margin:10px 0 0 0;}
	.navbottom {background:url('images/navbottom.gif') no-repeat; height:21px; margin:0;}
	.page {width:925px; margin:0 auto;}
		.sidebar {float:right; display:inline; width:397px;}
		#content {float:right; display:inline; padding:0; width:528px; overflow:auto;}
			.Nav {margin:0 0 20px 0; padding:10px 0 0 0; color:#9eb336; font-size:10px;}
	#footer {width:925px; height:70px; margin:0 auto; padding:9px 0 0 0; background:url('images/footer.gif') no-repeat top center;}

/*	HEADER
----------------------- */
#header h1 {margin:0; padding:0;}
#header h2 {margin:0; margin-top:-18px; padding:0; padding-left:36px; color:#57660a; font: italic 1.8em Georgia, "Times New Roman", Times, serif;}
#logo {background:url('images/logo.jpg') no-repeat; width:180px; height:120px; display:block;}

/*	#NAV
----------------------- */
/*	search	*/
.searchbox {float:right; padding-right:8px; height:37px; width:200px; background:url('images/navright.gif') top right no-repeat;}
.search {float:left; margin:8px 0 0; padding:2px 5px; width:170px; height:16px; color:#444; border:none; background:url('images/input.gif') no-repeat; font-size:0.8em;}
.find {float:right; margin:8px 0 0; border:none; height:20px; width:20px; background:url('images/find.gif') no-repeat; cursor:pointer;}
#nav ul {margin:0; padding:0; padding-left:10px; list-style-type:none; background:url('images/nav.gif') no-repeat top left; height:37px;}
#nav ul li {padding:0; margin:0; height:37px; float:left; list-style-type:none;}
#nav ul li a {display:block; height:27px; padding:10px 15px 0 15px; text-decoration:none; color:#2f3510; font-size:11px; text-align:center; font-weight:bold; float:left;}
#nav ul li a:hover {background:url('images/navbg.gif') no-repeat 0px -37px; font-weight:bold; color:#000000;}
#nav ul li a.active {background:url('images/navbg.gif') no-repeat 0px -37px; font-weight:bold; color:#2f3510;}

/*	SIDEBAR
----------------------- */
.sidebar h2 {letter-spacing:-1px; font-size:1.2em; margin:0 0 10px 0;}
/*	RSS	*/
#rss {clear:both; padding:5px; margin-bottom:16px; border:1px solid #9eb336; width:385px; background:#FFF; overflow:auto;}
a.rss {display:block; float:left; margin-right:15px; width:100px; height:100px; background:url('images/rss.gif') no-repeat;}
a.rss:hover {}
/*	pubs	*/
#ads {clear:both; padding:5px 0 0 5px; border:1px solid #9eb336; width:390px; background:#FFF;}
#ads ul {margin:0; padding:0; list-style-type:none;}
#ads li {float:left; margin:0; padding:0 5px 5px 0; list-style-type:none;}
/* onglets */
.tabberlive .tabbertabhide {display:none;}
.tabber {padding:0;}
.tabberlive {margin:1px 0 10px 0;}
ul.tabbernav {margin:0; padding:3px 0; border-bottom:1px solid #9eb336;}
ul.tabbernav li {list-style:none; margin:0; display:inline;}
ul.tabbernav li a {padding:3px 0.5em; border-bottom:none; text-decoration:none;}
ul.tabbernav li a:link {color:#2f3510;}
ul.tabbernav li a:hover {color:#c30;}
ul.tabbernav li.tabberactive a {background:#f1f4e1; color:#2f3510; border:1px solid #9eb336; border-bottom:1px solid #f1f4e1; text-decoration:none; font-weight:bold;}
ul.tabbernav li.tabberactive a:hover {color:#2f3510; background:#f1f4e1; border-left:1px solid #9eb336; border-right:1px solid #9eb336; border-top:1px solid #9eb336;}
.tabberlive .tabbertab {background:#f1f4e1; padding:5px 10px 10px 10px; border-top:0px; border-left:1px solid #9eb336; border-right:1px solid #9eb336; border-bottom:1px solid #9eb336;}
.tabberlive .tabbertab h2 {display:none; color:#2f3510;}
.tabberlive .tabbertab h3 {display:none;}
.tabbertab {margin:0px; padding:0px;}
.tabbertab ul {margin:5px 0 5px 15px; padding:0; list-style-type:none;}
.tabbertab li {margin:0; padding:3px 0 3px 0; list-style-type:square;}

/*	CONTENT
----------------------- */
.break {clear:both; padding:0; margin:0 0 10px 0;}
.clear {clear:both; padding:0; margin:0;}
/*	item	*/
.item {display:inline; float:left; padding:5px 10px; margin:0 15px 15px 0; width:227px; background:#FFF; border:1px solid #b4c45e; overflow:auto;}
	.item h2 {font-size:1.2em; margin-bottom:3px; padding:0;}
	.item h2 a {color:#57660a; text-decoration:none;}
	.item h2 a:hover {color:#2f3510; text-decoration:none;}
	.item p {margin-bottom:4px; border:#b4c45e 1px solid;}
.item2 {display:inline; float:left; padding:5px 10px; margin:0 15px 15px 0; width:227px; background:#f1f4e1; border:1px solid #9eb336; overflow:auto;}
	.item2 h2 {font-size:1.2em; margin-bottom:3px; padding:0; color:#FFF;}
	.item2 h2 a {color:#2f3510; text-decoration:none;}
	.item2 h2 a:hover {color:#57660a; text-decoration:none;}
	.item2 p {margin-bottom:4px; border:#838383 1px solid;}
/*	details	*/
.details {padding:5px 10px; width:491px; float:left; margin:0 0 15px; background:#FFF; border:1px solid #b4c45e;}
	.details ul {margin:5px 0 5px 15px; list-style-type:none;}
	.details li {padding:3px 0 3px 0; list-style-type:square;}
	.details h2 {font-size:1.2em; color:#57660a; margin:0 0 3px 0;}
	.details p {margin:0 0 15px 0;}
	.details p img {padding:0; border:#b4c45e 1px solid;}
.details2 {padding:5px 10px; width:491px; float:left; margin:0 0 15px; background:#f1f4e1; border:1px solid #9eb336;}
	.details2 ul {margin:5px 0 5px 15px; list-style-type:none;}
	.details2 li {padding:3px 0 3px 0; list-style-type:square;}
	.details2 h2 {font-size:1.2em; color:#2f3510; margin:0 0 3px 0;}
	.details2 p {margin:0 0 15px 0;}
	.details2 p img {padding:0; border:#838383 1px solid;}
/*	singleads	*/
.singleads {padding:5px 10px; width:491px; float:left; margin:0 0 15px; background:#FFF; border:1px solid #b4c45e;}
	.singleads h2 {margin:0 0 10px 0; font-size:1.2em; color:#2f3510;}

.tags {margin:0; padding:15px 0 0 0; font-size:1.2em; font-weight:bold;}
.post-ratings span {float:right; font-size:11px; padding:3px 0 0 0;}
/* Navigation basse */
.Nav a {padding:4px 8px; background:#fff; border:1px solid #b4c45e; color:#9eb336; margin:0 5px 0 0;}
.Nav a:hover {padding:4px 8px; background:#ccd690; color:#57660a; text-decoration:none; margin:0 5px 0 0;}
.Nav .on {padding:4px 8px; border:1px solid #b4c45e; background:#ccd690; color:#57660a; margin:0 5px 0 0;}
.Nav span {padding:4px 8px; border:1px solid #b4c45e; background:#FFF; margin:0 5px 0 0;}

/*	FOOTER
----------------------- */
#footer p {padding-top:20px; text-align:center; font-size:11px; margin:0;}
#footer a {color:#2f3510; text-decoration:none;}
#footer a:hover {color:#57660a;}

.wp-smiley {border:none !important; padding:0 !important; margin:0 !important;}
#comment_form .text_input {width:191px; padding:3px; color:#444; border:1px solid #696969; border-left:2px solid #57660a;}
#comment_form .text_area {width:321px !important; border:1px solid #696969; border-left:2px solid #57660a;}
ul#comment_list {list-style-type:none; margin:0; padding:0;}
ul#comment_list li.comment {margin:0 0 10px 0;}
ul#comment_list li.trackback {padding:1.2em 15px 0 15px;}
.comment_meta {margin:0 30px 15px 0; font-size:11px;}
.comment_num {padding:0 8px 0 0; font-weight:bold; font-size:1.3em; float:right;}
.trackback .comment_num {padding:0 0 0 20px;}
.comment_num a,.comment_num a:visited {color:#888; text-decoration:none;}
.comment_num a:hover {color:#303030; text-decoration:none;}
.comment_meta strong {font-size:1.2em;}
.comment_time {font-size:1em; color:#888;}
.os {color:#3d4c53; font-weight:bold;}
.os a {color:#3d4c53; font-size:11px; text-decoration:none;}
.os a:hover {text-decoration:underline;}
.designer {color:#982a05; font-weight:bold;}
.design a {color:#982a05; font-size:11px; text-decoration:none;}