/*  
Mobile version of The Barley Blog
*/


/*
-----------------------------------------------------------------------------------------
Layout Structure
-------------------------------------------------------------------------------------- */
body {background:#DFDFD1;text-align:left;-webkit-text-size-adjust:none;}
#container {float:none;margin:0 auto;width:99%;max-width:760px;overflow:hidden;border:none;background:#fff;border-left:1px solid #cecec0;border-right:1px solid #cecec0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
	
/*
-----------------------------------------------------------------------------------------
MASTHEAD
-------------------------------------------------------------------------------------- */
#masthead {float:left;width:100%;height:125px;background:url(images/m-masthead-bg.jpg) no-repeat 20% 50%;}
#masthead h1 {float:none;margin:0 auto;width:100%;height:125px;}
#masthead h1 a {float:none;display:block;margin:0 auto;padding:0;width:230px;height:125px !important;overflow:hidden;background:url(images/bb-logo-m.png) no-repeat 0 -20px;text-indent:-5000px;text-decoration:none;}
#masthead #subscribe {top:10px;right:10px;}
#masthead #subscribe a:link {padding:5px 10px;color:#fff;background:#B76129;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none;}


/*
-----------------------------------------------------------------------------------------
CONTENT-MAIN
-------------------------------------------------------------------------------------- */
#content {float:left;margin:0;padding:0;width:100%;background:#fff url(http://www.thebarleyblog.com/wp-content/themes/barley2.0/images/bb-content-bg.gif) no-repeat 50% 0;border-top:1px solid #666;}
#content #content-main {float:none;margin:0;width:100%;}
#content.page #content-main:before {content:"";}
.post {float:none;clear:both;padding:0;width:100%;border-top:1px solid #ddd;}
.meta {float:none;margin:0;padding:0;width:100%;background:none;border:none;}
.meta h2 {padding:0;font-size:16px;color:#B35F26;line-height:1;text-shadow:none;background:url(images/m-bb-arrow.png) no-repeat right 50%;}
.meta h2 a {display:block;padding:0;width:100%;}
.meta p {display:none;}
#content-main .meta h2 a:link, #content-main .meta h2 a:active, #content-main .meta h2 a:visited {padding:10px 20px 10px 10px;color:#B35F26;text-decoration:none;}
.meta a:link, .meta a:active, .meta a:visited {color:#B35F26;}
.entry {display:none;}
.entry a:link, .entry a:active, .entry a:visited {color:#B76129;}
.entry a:hover {color:#802E01;}
.entry h4, .entry p, .entry ul, .entry ol {margin:0 0 24px 0;font-size:12px;}
.entry p {margin:0 0 12px 0;font-size:12px;}
.entry h4 {margin:0;font-size:14px;}
.entry .bb-p {padding:0;width:100%;text-align:center;font-size:11px;overflow:hidden;border:none;}
.entry .bb-p span {font-size:11px;}
.entry .bb-p img {width:100%;max-width:420px;}
#content-main ul.btw a:link, #content-main ul.btw a:active, #content-main ul.btw a:visited {color:#A0B430;}
#content-older, #content-comments, #comment-form {float:none;}

/* POST DETAILS */
#content.page .meta {background:none;}
#content.page .meta #tweet {position:absolute;top:10px;right:10px;cursor:pointer;}
#content.page .meta h2 {width:auto;background:none;}
#content.page .meta h2 a {width:75%;}
#content.page .meta p {display:block;margin:0 10px;color:#999;}
#content.page .entry {display:block;float:none;padding:0 0 20px 0;width:auto;}
#content.page .entry p {margin:0 10px 12px;}
#content.page .entry ul,
#content.page .entry ol {margin:0 24px 12px;}
#content.page .entry h4 {margin:0 10px;}
#content.page .entry .bb-p {margin:10px 0 10px -16px;padding:0;max-width:380px;overflow:hidden;}
#content.page .entry img {width:100%;max-width:420px;}

#content.page .entry p.archivePost {padding:10px 0 0 0;border-top:1px solid #ddd;}

#archive-ad {display:none;}

/*
-----------------------------------------------------------------------------------------
CONTENT-SUB
-------------------------------------------------------------------------------------- */
#content #content-sub {float:left;margin:10px 0 0 0;width:100%;}
#sub-about {float:none;margin:0;padding:10px 0;width:auto;border:none;background:none;border-top:3px solid #B35F26;}
#content.page #sub-about {display:none;}
.sub-column {float:none;margin:0;width:100%;border-left:none;}
#content-sub h4 {margin:0 10px;}
#content-sub p {margin:10px;}
#content-sub ul {width:100%;margin:10px 0;}

.sub-section {display:none;}
#content-sub .sub-section.categories,
#content-sub .sub-section#sub-search {display:block;float:none;padding:0;width:100%;}
#content-sub .sub-section.categories h4 {display:none;}
#content-sub ul#sub-cats {margin:0}
#content-sub ul#sub-cats li {margin:0;padding:10px;background:#B35F26 url(images/m-cat-bg.gif) repeat-x left bottom;border-top:1px solid #AF5A15;}
#content-sub ul#sub-cats li a:link, #content-sub ul#sub-cats li a:active, #content-sub ul#sub-cats li a:visited {display:block;width:100%;color:#fff;text-decoration:none;}
#brew-widget, #a-w-beer, #twtr-search-widget {display:none;}

#content-sub .sub-section#sub-search {padding:10px 0;background:#894517;border:none;}
#content-sub .sub-section#sub-search h4 {color:#fff;}
#content-sub .sub-section#sub-search input.s {float:none;margin:5px 0 0 10px;border:none;}
#content-sub .sub-section#sub-search input.searchsubmit {float:none;margin:5px 0 0 5px;padding: 5px 10px;background:#A88023;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
/*
-----------------------------------------------------------------------------------------
Comments
-------------------------------------------------------------------------------------- */	

#content-comments h3 {color:#B05B23;background:#fff;border-top:1px solid #B35F26;}
#content-comments .comment {width:100%;}
#content-comments .entry {padding:0;width:100%;}
#commentform label input {width:95%;}
#commentform textarea {width:95%;}
#commentform input#submit {margin:5px 10px 0 0;}
	
/*
-----------------------------------------------------------------------------------------
PAGINATION
-------------------------------------------------------------------------------------- */
.wp-pagenavi {padding:10px;border-bottom:none;font-size:12px;text-align:left;}
.wp-pagenavi span.pages {margin:2px 0;padding:2px 0;}
.wp-pagenavi span.current {padding:2px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {padding:2px;}
	
/*
-----------------------------------------------------------------------------------------
FOOTER
-------------------------------------------------------------------------------------- */
#footer {clear:both;margin:0;padding:0;background:none;border:none;}
#category, #monthly {display:none;}
#copyright {float:none;width:100%;padding:10px 0;background:#333;text-align:center;font-size:12px;color:#999;}
#footer #copyright a {color:#999;text-decoration:underline;}
#barley-footer {display:none}