/*  
Theme Name: gathering
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>.
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: #2E2E2E; color: #564b47; font-family: geneva, "helvetica neue", helvetica, calibri, arial, sans-serif; font-size:88%;}
html > body {font-size:13px;}
sup { /* For the 14 next to the blog title */color: #FFC671;}
a {text-decoration: none;color: #888;}
a:hover {text-decoration: none;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, h2, h3, h4, h5, h6 {font-family: "helvetica neue", helvetica, "lucida grande", calibri, arial, jamrul, 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.059em;margin-bottom: 1.059em;}
h4, h5, h6{font-size:1.154em;font-weight:normal;line-height:1.2em;margin-bottom: 1.2em;}
#outercontainer {margin: 0 auto; width: 960px; background: #2E2E2E url(images/oc-background.jpg) repeat-y;}
#container { margin: 0 auto; width: 920px; background: #FFF;}
/*---:[ HEADER ]:---*/
#header { width: auto; height: 100px; background: #FFF url(images/header-background.jpg) repeat-x;}
#header h1 { /* For your Blog Title */ margin: 0; padding: 30px 0 0 25px; font-size: 240%; letter-spacing: -1px;font-weight: normal;}
#header h1 a{color:#333;}
#header h3 { /* For your Blog Description */ margin: 0; padding-right:15px;; font-size: 110%; font-weight: normal; color: #AAA; text-transform: lowercase; float: right;}
/*---:[ MENU... for the menu bar across the top ]:---*/
#menu {width: auto;height: 75px;background: #444 url(images/menu-background.jpg) repeat-x;}
#menumain ul {padding: 0;margin: 0;float: left;width: 100%;}
#menumain ul li { display: inline; }
#menumain ul li a {color: #fff; padding: 28px; text-decoration: none;float: left;border-right: 1px solid #333;}
#menumain ul li a:hover {background: url(images/menu-hover.jpg) repeat-x;color: #fff;}
/*---:[ maincontent styles ]:---*/
#main {width: 600px;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; text-transform: lowercase; }
.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: 220px;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: 140%;font-family: georgia, tahoma, arial;color: #888;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: #111 url(images/footer-background.jpg) repeat-x;color: #888;}
#footer h1{margin: 0;padding:  25px 25px 10px 25px;font-weight: normal;letter-spacing: -1px;font-size: 140%;color: #999;}
#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: #fff;}
#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;}
div.comment-meta {margin: 10px 0 10px 0; padding: 5px; }
div.comment-text {margin: 10px 0 10px 0; padding: .5em 1em; }
div.comment-meta {margin: 10px 0 10px 0; padding: 5px; font-weight: bold; }
ol.comments {list-style-position: outside; padding-left: 1em; }