/*  

Theme Name: gathering-fr

Theme URI: http://journal.barleyhut.com

Description: A neat, modern, widget-ready theme originally designed by <a title="derby web design" href="http://www.tristarwebdesign.co.uk/">tristar web design</a> and ported to Wordpress by <a href="http://journal.barleyhut.com">A.M. Griffin</a>. Traduction française par <a href="http://wordpress-tuto.fr">WordPress tuto</a>.

Version: 1.0

Author: <a href="http://www.tristarwebdesign.co.uk/">tri star design </a> (ported to Wordpress by <a href="http://journal.barleyhut.com">A.M. Griffin</a>).

The CSS, XHTML and design is released under GPL:

http://www.opensource.org/licenses/gpl-license.php

*/

* { padding: 0; margin: 0; }

body { margin: 0; padding: 0; background-color:#FFF7E1; background-image: url(images/headlines5.jpg); background-position:left; background-repeat:repeat-y; color: #564b47; font-family: arial, verdana, sans-serif; font-size:88%;}

html > body {font-size:13px;}

sup {
position: relative;
top: -1px;
vertical-align: top;
font-size: 70%;
}

a {font-family: arial, verdana, sans-serif;text-decoration: none;color: #888;}

a:hover {text-decoration: underline;color: #333;}

.alignleft {float:left;clear:left; border: 1px solid #aeaeae; padding: 5px; margin: 0 5px 3px 0;}

.alignright {float:right; clear:right; border: 1px solid #aeaeae; padding: 5px; margin: 0 0 5px 5px;}

 abbr, acronym, span.abbr {border: none;}

h1 {font-family: verdana, arial, sans-serif;}

h2, h3, h4, h5, h6 {font-family: arial, verdana, sans-serif;}

h2 {font-size:1.651em;font-weight:normal;line-height:0.857em;margin-bottom: 0.857em;}

h2 a {color: #2E2E2E;}

h2 a:hover {color: #222;}

h3 {font-size:1.308em;font-weight:normal;line-height:1.029em;margin-bottom: 1.059em;}

h4, h5, h6{font-size:1.154em;font-weight:normal;line-height:1.1em;margin-bottom: 1.2em;}

#outercontainer {margin: 0 auto; width: 950px; background-color:#666666}

#container { margin: 0 auto; width: 940px; background: #FFF;}

/*---:[ HEADER ]:---*/

#header { width: auto; height: 65px; background: #333366; background-image: url(images/crid.jpg); background-repeat:no-repeat; background-position:left;}

#header h1 { /* For your Blog Title */ margin: 0; padding: 5px 0 0 105px; color:#F3F3F3; font-weight:bold; font-size: 240%; letter-spacing: -1px;}

#header h1 a{color:#FFFFFF;}

#header h3 { /* For your Blog Description */ margin: 0; padding-left:110px;; font-size: 110%; font-weight: normal; color: #FFFFFF; }

/*---:[ MENU... for the menu bar across the top ]:---*/

#menu {width: auto;height: 35px; background-color:#FFF7E1; border-top: 2 px solid; border-color:#999999; border-bottom: 2px solid;}

#menumain ul {padding: 0;margin: 0;float: left;width: 100%;}

#menumain ul li { display: inline; }

#menumain ul li a {color: #666666; padding: 8px; text-decoration: none;float: left;border-right: 1px solid #333;}

#menumain ul li a:hover {text-decoration: underline;}

/*---:[ maincontent styles ]:---*/

#main {width: 580px;background: #FFF url(images/maincontent-background.jpg) repeat-x;padding:25px;float:left;}

#main p, #main ul, #main ol, #main blockquote, #main pre, #main td, #main th, #main label {margin: 0; line-height: 1.5em; margin-bottom: 1.5em;}

/*---:[ POST..where you'd style your blog posts ]:---*/

.entry-content {margin: 10px 0px 35px 0px;}

div.entry-content ul, ol{ list-style-position: inside; margin:0;}

div.entry-content  ul li {list-style-image: url(images/radio.gif);list-style-type: circle;list-style-position: inside;}

div.entry-content  ul ul {list-style-image: url(images/radio.gif);list-style-type: circle;list-style-position: inside;margin-left:18px;}

div.entry-content  ul ol {list-style-position:inside;margin-left:18px;}

.entry-content img { padding: 3px; margin: 0 6px 0 6px; border: 1px solid #bbb;}

.entry-content a img {border: 3px solid #ccc; }

.entry-content a:hover img {border: 3px solid #666;}

.entry-content p.entry-meta { /* For Categories, Tags and Comments at end of posts */ background: #fbfbfe; border: 2px solid #f1f7f6; font-size: 12px; padding:2px; }

.entry-content p.entry-date { background: #fff url(images/clock.gif) no-repeat left center; font-size: 12px; margin-top:-1.5em !important; padding-left: 13px; text-transform: lowercase; }

blockquote { margin: 18px 18px 18px 18px; background-color: #fbfbfe; border-bottom: 1px solid #eee;}

blockquote p {margin: 0.4em 0.8em;}

.code {margin: 15px 0;padding: 10px;display: block;overflow: auto;font: 400 1em courier, monospace;line-height: 120%;white-space: pre;background: #f1f7f6;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}

.alert { /* For Alert Class.  Thanks to bioneural.net */ background: #fff6bf url(images/exclamation.png) center no-repeat; background-position: 15px 50%; /* x-pos y-pos */ text-align: left; padding: 5px 20px 5px 45px; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324;}

/*---:[ SIDEBAR ]:---*/

#sidemenu { /*sidemenu id is for the top sidebar menu, the one with with the orange arrows*/width: 240px;font-size: 100% !important;list-style-image: none !important;list-style-type: none !important;margin-bottom:3em;}

#sidemenu li {font-size: 110% !important;list-style-image: none !important;list-style-type: none !important;}

#sidemenu a {color: #2E2E2E;display: block;padding: 3px;width: 220px;background: #FFF url(images/sidemenu-background-active.gif) repeat-x;}

#sidemenu a:hover {background: #FFF url(images/sidemenu-background-hover.gif) repeat-x;color: #333;}

#sidebar{float: left;width: 220px;padding:25px;background: #FFF url(images/maincontent-background.jpg) repeat-x;}

#sidebar h4 {margin: 20px 0 10px 0;font-weight: normal;font-size: 140%;color: #2E2E2E;border-bottom: 1px solid #eee;}

#sidebar ul {list-style-type: none;margin: 0; line-height: 1.5em; margin-bottom: 1.5em;padding: 0;font-size: 95%;}

#sidebar ul ul li {list-style-image: url(images/radio.gif);list-style-type: circle;list-style-position: inside;}

#sidebar ul ul.posts li { /* For sidebar recent posts*/list-style-image: url(images/radio.gif);list-style-type: circle;list-style-position: inside;}

#sidebar ul ul.comments li { /* For brain's latest comments plugin or another comment plugin i suppose */list-style-image: url(images/comment.gif);list-style-type: circle;list-style-position: inside;}

#sidebar ul.subscribe li { /* For the Sidebar Subscribe RSS Bullets */list-style-image: url(images/feed_bullet.gif) !important;list-style-type:circle;list-style-position: inside;}

#sidebar h2.widgettitle { /* For Sidebar Widgets Titles */margin: 20px 0 10px 0;font-weight: normal;letter-spacing: -1px;font-size: 120%;font-family: arial, verdana, sans serif;color: #33333;background: #fbfbfe;border-bottom: 1px solid #f1f7f6;}

#sidebar li.widget { /* For Sidebar Widgets Titles */font-size: 98%;list-style-image: none;list-style-type: none;}

#sidebar li.widget ul { /* For Sidebar Widgets Titles */list-style-image: url(images/radio.gif);list-style-type: disc;list-style-position: inside;}

li.widget_flickrrss { } /* for flickrrss sidebar widget */

li.widget_flickrrss a img { margin:0 3px 3px 0; padding:3px; }

li.widget_flickrrss a:hover img { background:#191919;}

#sidebar li#linkcat-1 h2 {margin: 20px 0 10px 0;font-weight: normal;letter-spacing: -1px;font-size: 140%;font-family: georgia, tahoma, arial;color: #888;background: #fbfbfe;border-bottom: 1px solid #f1f7f6;list-style-image: none !important;list-style-type: none;}

.search-form { padding: 5px 15px 0 0; margin:0 0 1.5em 0; background: #fff url(images/search-orange.png) no-repeat right center; }

.navigation { /*.Thanks to http://cutline.tubetorial.com/ */ width: 600px;  margin: 0 0 3.0em 0;  float: left; }

* html .navigation { margin: 0 0 2.5em 0; }

.previous { padding: 0 20px 0 0;  float: left; }

.next { float: right; }

.clear {width: 600px; height: 1px; clear: both;}

/*---:[ COMMMENTS]:---*/

#respond {font-size: 105%;}

#trackbacks {margin: 0 0 2em 0;}

#comments-form {margin: 4em 0 0 0;}

#comments-form input:focus, #comments-form textarea:focus { background: #ffffcc; }

#commentform textarea {background:#f4f4ff none repeat scroll 0%;border: 1px solid #aeaeae;width:100%;}

#comments-form a img {border:none !important;}

div.comment-meta {margin: 10px 0 10px 0;}

div.comment-meta img {margin: 0;}

div.comment-text {margin: 10px 0 10px 0;}

h4.comments-header { background: #f1f1f1;border: 3px solid #f5f5f5; padding-top:2px; padding-bottom: 2px; padding-left: 1px;}

h4.comments-form {margin: 15px 0 0 0;}

ul.policy {background: #f5f5f5; border: 1px dotted #aeaeae; float:left;margin: 1.5em 0 1.5em 0;width:275px;}

ul.policy li {list-style-type:none !important;padding:5px}

ul.labels {float:left;line-height: 1.5;width:275px; padding-left: 25px;}

ul.labels li{list-style-type:none !important; margin:0 0 1.5em 0;}

label.openid {background: #fff url(images/icon-openid.gif) left center no-repeat;padding-left:18px;}

ol.comments {list-style-position: outside;}

.comment-author, .comment-date {}

.even {background: #F0F0F0;}

.sign-in {width:550px;}

.odd {background: #FAFAFA;}

.highlight {background: #FFFFE5;}

img.gravatar {margin:0 0 0 3px; padding: 5px; float:right; border:1px solid #E0E0E0; background: #fff;}

#live-preview {margin: 20px 0 100px 0;}

/*---:[ footer styles ]:---*/

#footer {
	clear: both;
	width: auto;
	font-size: 80%;
	background-color: #ECE9D8;
}

#footer h1{margin: 0;padding:  25px 25px 10px 25px;font-weight: normal;letter-spacing: -1px;font-size: 140%;color: #33333;}

#footer p {margin: 0;padding:  0 25px 10px 25px;}

#footerleft {float: left;width: 380px;}

#footerright {float: right;width: 380px;}

#credits { /* For the credit links in the footer*/clear: both;width: auto;text-align: center;padding: 30px 0 0px 0;}

#credits a {color: #33333;}

#credits a:hover {color: #FFC671;}

/*---:[ plugin styles ]:---*/

a.extlink { /* For Link Indication */ padding-right: 10px;background: #fff url(images/external-link.png) no-repeat right center;}

.flickr { /* For Flickr Plugin in the Footer*/clear: both;padding: 25px;}

.flickr a {background: #191919;border: 2px solid #666;display: block;float: left;margin: 0 20px 5px 0;padding: 5px;}

.flickr img {border: 2px solid #999;display: block;width: 70px;height: 70px;}

.flickr a:hover {background: #666;border: 2px solid #333;display: block;float: left;margin: 0 20px 5px 0;padding: 5px;}



#wp-admin-bar {align:center; margin:0; padding:5px; background:#f9f9f9; border:1px solid #666; clear:both; text-align:center}

#wp-admin-bar ul {margin:0; padding:0}

#wp-admin-bar ul li {list-style-type:none; display:inline; margin:0 10px; padding:0}