/*
Theme Name: barghers
Theme URI: http://www.barghers.com
Description: The "barghers 2" WordPress theme is adapted from <a href="http://www.blogohblog.com/wordpress-theme-digital-statement/">Digital Statement</a>.
Version: 2
Author: barghers
Author URI: http://www.barghers.com
*/

/*+++++++ BODY +++++++*/
* { margin:0px; padding:0px; text-decoration:none; }
body { font-family:Arial; font-size:12px; color:#4d4b4c; background:#696969; }
ul li { list-style:none; }
ol li { list-style-position:inside; }

/*+++++++ H1,H2,H3 HYPERLINKS +++++++*/
h3 { padding:10px 0 10px 0; font-size:14px; }
a:link { text-decoration:none; color:#006699; border:0px; }
a:active { color:#006699; border:0px; }
a:visited { color:#006699; border:0px; }
a:hover	{ color:#56bdea; border:0px; }
a:focus { outline:none; }
.clear { clear:both; }

/*+++++++ MAIN +++++++*/
#top-wrap { width:975px; height:49px; margin:auto; background:url(images/topwrap.gif) top left no-repeat; }
#head-wrap { width:975px; height:90px; margin:auto; background:url(images/bg.gif) top left repeat-y; }
#wrapper { width:975px; margin:auto; background:url(images/bg.gif) top left repeat-y; }
#frame, #content { width:955px; margin:auto; }
#content { margin-top:10px; }
#photo { width:915px; padding:0 0 0 20px; }

/*+++++++ PANEL +++++++*/
#top-panel { color:#fff; width:100%; text-align:right; position:absolute; top:0; right:0; font-size:10px; background:#3b3b3b; border-bottom:3px solid #3b3b3b; border-left:3px solid #3b3b3b; padding:2px 5px; margin:0; }
#top-panel a { color:#8bdbff; }
#top-panel ul li { display:inline; padding:0; }
#top-panel label, #top-panel input { font-size:9px; }
#top-panel label { padding-left:5px; }
#sub-panel a { float:right; margin-right:5px; color:#fff; text-decoration:none; font-size:10px; font-weight:bold; background:#777; }
#sub-panel a span { padding:2px 5px; display:block; border-left:2px solid #3b3b3b; border-right:2px solid #3b3b3b; border-bottom:2px solid #3b3b3b /*background:url(img/sub-right.png) right bottom no-repeat;*/}

/*+++++++ INFOBAR +++++++*/
#infobar { height:30px; width:955px; line-height:30px; font-size:10px; margin:0 auto; color:#fff; padding-top:5px; }
#infobar a { color:#8bdbff; }
#infobar a:hover { text-decoration:underline; }
#browse { float:left; width:550px; background:url(images/sitemap.gif) no-repeat 0 6px; margin-left:3px; padding-left:22px; }
#rss { float:right; margin-right:3px; width:360px; background:url(images/feed.gif) no-repeat right; }
#rss p { padding-right:23px; text-align:right; }

/*+++++++ HEADER+++++++*/
#header { background:#222 /*url(images/christmas.png) top left no-repeat*/; display:block; width:915px; height:90px; margin:0 auto; }
#logo { float:left; display:block; width:283px; margin:16px 0 0 9px; }
#logo h1 { text-indent:-10000px; }
#logo h1 a { display:block; height:47px; background:url(images/logo.png) no-repeat; outline:none; }
.desc { float:left; margin:0 0 0 6px; padding:0; color:#dadada; }
#searchbox { float:right; width:200px; border:1px solid #ccc; margin:34px 14px 0 0; }
#searchbox #s { float:left; margin:3px 0 0 5px; border:0; width:155px; background:none; color:#999999; }
#searchbox #go { float:right; border-left:1px solid #ccc; }

/*+++++++ NAVIGATION+++++++*/
#nav { display:block; background:url(images/navbg.gif) left repeat-x; width:915px; height:28px; margin:0 auto; border-bottom:1px solid #e6e6e6; }
#nav, #nav ul { list-style:none; }
#nav li { float:left; list-style:none; }
#nav li a { display:block; font-weight:bold; color:#fff; padding:6px 15px; }
#nav li a:hover, #nav a:active, .current_page_item a { background:#222; }
#cat { float:left; clear:both; }
#cat li a { color:#333; font-size:0.9em; }
#cat li a:hover { color:#fff; }
/*#nav li ul { height:80px; left:-999em; position:absolute; width:100%; z-index:999; font-size:0.9em; font-weight:bold; margin-left:50px; }
#nav li li a { background:none; color:#006699; border-right:1px solid #666; margin-top:5px; padding:1px 10px; }
#nav li li a:hover { background:none; text-decoration:underline; }*/
#nav a:hover, #home .on, .photo {background:#fff;}

#subnav { position:relative; margin:0 10px 5px; padding-bottom:10px; font-size:0.8em; border-bottom:1px dotted #ccc; }
#subnav ul { display:inline; }
#subnav li a { float:left; padding:1px 5px; margin-right:15px; background:#3b3b3b; border-left:3px solid #8bdbff; color:#fff; }
#subnav .current_page_item a, #subnav a:hover { border-left:3px solid #e9e9e9; }
.clearfloat:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
.clearfloat { display:inline-block; }
.clearfloat { display:block; }

/*+++++++ ENTRY +++++++*/
#left { float:left; width:570px; padding-left:10px; }
.entry { text-align:justify; width:550px; padding:0 10px; margin-bottom:10px; line-height:140%; }
.entry ol li { }
.related-post { width:530px; padding:10px; margin:0 10px; }
.related-post { border:1px solid #AACCEE; background:#ebf3fb; }
.related-post ul { border-top:1px solid #e6e6e6; margin-bottom:5px; }
.related-post ul li { padding:5px 0px; border-bottom:1px solid #e6e6e6; }
.content a { border-bottom:1px dotted #ccc; }
.entry h2 { font:bold 22px/28px "Myriad Pro","Myriad Set","Myriad Apple",Myriad,Helvetica Nueue,Arial,Verdana,Sans-serif; letter-spacing:-1px; margin-bottom:10px; }
.entry h2 a { color:#222222; }
.entry h2 a:hover { color:#999999; }
.entry p { padding-bottom:10px; }
html>body .entry ul { padding:0 0 0 30px; padding-left:10px; } 
html>body .entry li { margin:7px 0 8px 10px; }
.entry ul li { padding-left:20px; background:url(images/bullet.gif) left no-repeat; }
.entry img { margin:0 10px 10px 10px; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { padding:4px; margin:0 0 2px 7px; display:inline; }
img.alignleft { padding:4px; margin:0 7px 2px 0; display:inline; }
.alignright { float:right; } 
.alignleft { float:left; }
.aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.wp-caption img { margin:0; padding:0; border:0 none; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; }
.custom_image img { float:left; padding:2px; margin:7px 10px 10px 0; border: 2px solid #e6e6e6; height:70px; width:70px; }
.subcontrol { margin-bottom:10px; padding:5px 5px 5px 7px; height:17px; font-size:11px; font-weight:bold; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.tags, .allinfos { padding:5px 0px 5px 25px; background:#fff8af url(images/tag.gif) left no-repeat; font-size:11px; font-weight:bold; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }
.allinfos { background:#f2f2f2; padding:5px; margin-bottom:10px; }
.share, .comments_rss, .reply { float:right; padding-left:20px; }
.reply { background:url(images/comments.gif) left no-repeat; margin-left:10px; }
.comments_rss { background:url(images/feed.gif) left no-repeat; margin-left:10px; position:relative; top: 10px; }
span.date { background:url(images/date.gif) no-repeat; padding-left:20px; }
span.comments { background:url(images/comment.gif) no-repeat; padding-left:20px; }
span.category { background:url(images/posted.gif) no-repeat; padding-left:20px; }
.navigation { width:540px; padding:10px; line-height:140%; font-size:11px; }
.top { display:block; background:url(images/topbullet.gif) no-repeat; padding-left:20px; }

/*+++++++ SIDEBAR +++++++*/
#sidebarbottom { float:right; width:362px; margin-right:10px; clear:right; }
#right { float:right; width:355px; margin-right:17px; }
#topsidebar { width:330px; padding:0 10px; border:1px solid #dadada; background:#fff; margin-bottom:10px; }
#lsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }
#rsidebar h2 { font-size:15px; margin-bottom:10px; color:#4c4c4c; }
#lsidebar { float:left; width:137px; padding:5px; border:1px solid #dadada; background:#fff; }
#rsidebar { float:left; width:170px; padding:5px 10px 5px 10px; border:1px solid #dadada; background:#fff; margin-left:11px; }
#sidebarbottom ul { margin:10px auto 20px; }
#sidebarbottom ul li { }
#sidebarbottom ul li ul { }
#sidebarbottom ul li ul li { display:block; background:url(images/sidebullet.gif) no-repeat 0 0; padding-left:24px; padding-bottom:5px; border-bottom:1px dotted #dadada; }
#sidebarbottom p { padding:0 5px; }

/*+++++++ ADMIN +++++++*/
#about { width:350px; border:1px solid #ffd1af; background:#fff8af; margin-bottom:10px; }
#about h2 { padding:5px 10px; }
#author-box { margin:10px; margin-top:0px; font-size:11px; text-align:justify; }
#author-box .avatar { float:left; padding:3px; border:1px solid #ccc; background:#fff; margin:3px 10px 0 0; }

/*+++++++ COMMENTS +++++++*/
.commentlist li { padding-top:5px; border-bottom:1px dotted #e6e6e6; list-style:none; }
.avatar img { float:left; }
.ctext { margin-left:70px; }
.trackbacks a { color:#006699; border-bottom:1px dotted #e6e6e6; }
.user { font-weight:bold; font-size:14px; padding-top:10px; }
.author { background:#fff8af; padding-right:10px; }
#commentform p { padding-bottom:10px; }
#commentform #author { border:1px solid #dadada; height:20px; width:200px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px; }
#commentform #comment { border:1px solid #dadada; height:200px; width:550px; }


/*+++++++ FOOTER +++++++*/
#footbg { width:100%; background:#222 url(images/footerbg.gif) top left repeat-x; }
#footwrap { width:975px; margin:auto; background:url(images/closecontent.gif) top left no-repeat; }
.footer-links { float:left; width:300px; margin-right:37px; color:#888; margin-top:15px; }
.footer-links-r { float:right; width:300px; color:#888; margin-top:15px; }
.footer-links h2, .footer-links-r h2 { color:#fff; background-color:#3b3b3b; font-size:1.2em; padding:5px 10px; }
.footer-links ul { margin-bottom:15px; }
.footer-links ul li { margin-top:1px; }
.footer-links a, .footer-links a:visited, .footer-links-r a, .footer-links-r a:visited { display:block; height:18px; background-color:#2e2e2e; color:#ccc; padding:5px 10px; }
.footer-links a:hover, .footer-links-r a:hover { background:#4b4b4b; color:#56bdea; }
#copyright { width:910px; margin:auto; padding:10px 0; border-top:1px solid #3b3b3b; font-size: 10px; }
#copyright a { color:#006699; }
#copyright a:hover { text-decoration:underline; }
#copyright ul { display:inline; }
#copyright ul li { float:right; padding-left:5px; }

/**************** Misc *********************/
acronym, abbr, span.caps { cursor:help; }
acronym, abbr { border-bottom:1px dashed #999; }
blockquote { margin:15px 30px 15px 10px; padding-left:20px; border-left:5px solid #ddd; }
blockquote cite { margin:5px 0 0; display:block; }
.center { text-align:center; }
hr { display:none; }
a img { border:none; }
.alignright { float:right; }
.alignleft { float:left; padding-left:30px; padding-bottom:20px; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignright { display:inline; margin:0 0 2px 7px; padding:4px; }
img.alignleft { display:inline; margin:0 7px 2px 0; padding:4px; }
pre { border:solid 1px #9a9a9a; color:blue; margin:10px; padding:10px; background:#f3f2ed; }
code { font-size:1.0em; color:#000; }
img.wp-smiley { margin:0; padding:0; border:0 none; float:none; }
.paypal { margin:0 0 10px 39px; }
.sitemeter { margin:0 41px; }
.siteuptime { margin:15px 42px 0; }

/**************** Gallery *********************/
.gallery { text-align:center; }
.gallery img { padding:3px; }
.attachment { text-align:center; }
.attachment img { padding:5px; border:1px solid #999999; }
.imgnav { text-align:center; }
.imgleft { float:left; }
.imgleft img { padding:5px; border:1px solid #999999; }
.imgright { float:right; }
.imgright img { padding:5px; border:1px solid #999999; }

/**************** Flickr *********************/
#flickr { float:left; }
#flickr img, #more img { margin:50px 25px 0px 0; border:3px solid #e6e6e6; width:60px; height:60px; }
#more { float:right; }
#more img { width:59px; margin-right:0; }

/**************** Twitter *********************/
#twitter { width:350px; border:1px solid #dadada; background:#fff; margin-bottom:10px; }
#twitter h2 { background:#ebf3fb; padding:5px 10px; }
#twitter ul li { margin-top:10px; margin-left:25px; padding:0 10px 0px 0px; list-style-type:disc; }

/**************** Feedstats *********************/
#feedstats { float:right; width:92px; height:25px; font-size:10px; background:url(images/feedstats.gif) no-repeat; }
#feedstats a { position:relative; top:3px; right:12px; width:50px; color:#000; float:right; }
#feedstats a:hover { background:none; }

/**************** Sociable *********************/
div.sociable { margin:0; }
span.sociable_tagline { position:relative; }
span.sociable_tagline span { display:none; width:14em; }
span.sociable_tagline:hover span { position:absolute; display:block; top:-5em; background:#ffe; border:1px solid #ccc; color:black; line-height:1.25em; }
.sociable span { display:block; }
.sociable ul { display:inline; margin:0 !important; padding:0 !important; }
.sociable ul li { background:none; display:inline !important; list-style-type:none; margin:0; padding:1px; }
.sociable ul li:before { content:""; }
.sociable img { float:none; width:16px; height:16px; border:0; margin:0; padding:0; }
.sociable-hovers { opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40); }
.sociable-hovers:hover { opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }