/*
Theme Name: Graydon
Theme URI:
Description: Online newspaper theme for the Manchester Historian. Logo by Tom Eccles.
Author: Jennifer Ho
Author URI: http://yuejn.com
Version: 1.0
Tags:

License:
License URI:
 @import url(//fonts.googleapis.com/css?family=Antic+Didone|Gentium+Basic);
*/
 
 @import url('reset.css');
 @import url(//fonts.googleapis.com/css?family=Open+Sans);
 /* basic */
 
.sidebar-widget { overflow: auto; }
/* background tile from http://subtlepatterns.com/ */
/* icons from: http://icontoucan.com/ */
body { background: #190d1c url('images/az_subtle.png');
color: #555; font: 105%/180% 'Open Sans', arial, sans-serif; }
 h1, h2, h3, h4, h5, h6 { margin: 0.5em 0; }
h1 { font-size: 250%; }
h2 { font-size: 180%; font-family: 'Antic Didone', serif !important; }h3 { font-size: 150%; }
h2.tag { text-transform: uppercase; }
a { color: #8e4b9d; font-weight: bold; text-decoration: none;
-webkit-transition: color .25s linear .1s; transition: color .25s linear .1s; }
a:hover { color: #666;
-webkit-transition: color .25s linear .1s; transition: color .25s linear .1s; }
.mobile-menu select, .mobile-menu option { display: block; width: 100%; padding: 0.5em; }
.mobile-menu option { padding: 1em; }
input {padding: 0.5em;}
img { display: inline-block; }

p { margin: 0 0 1.5em 0; }
 ul { list-style-type: disc; }
ol { list-style-type: decimal; }
#content ul, #content ol { padding-left: 3em; margin: 1em 0; }
li { padding-left: 0.5em; }
.wp-caption { }.wp-caption-text { }.gallery-caption { }.bypostauthor { }/* structure */
#wrap { width: 90%; max-width: 1024px; margin: 0 auto; }
#main { background: #fff;
padding: 1em; margin-top: 1em;
-webkit-border-top-left-radius: 0.4em;
-webkit-border-top-right-radius: 0.4em;
-moz-border-radius-topleft: 0.4em;
-moz-border-radius-topright: 0.4em;
border-top-left-radius: 0.4em;
border-top-right-radius: 0.4em; }
#content { float: none; width: 100%;}
#content.fl-block { float: left; width: 70%;  }
#content-2 { padding-right: 1em; }
#sidebar { float: right; width: 30%;}

 /* header */

#header-titles .fleft { width: 50%; }
 #header-titles h1, #header-titles h2 { display: none; }
#header-titles .fright { width: 45%;}
#floater {float:left; height:50%; margin-bottom:-125px;}

/*#header-meta {clear:both; text-align: center; height:250px; position:relative;}*/

#header-meta {text-align: center; max-height:250px; vertical-align:middle; padding-top: 8% }
#header-meta p {margin: 0 0 0.5em 0}
/*#header-titles #header-meta { display: table-cell; vertical-align:middle; }*/
.header, #footer .divide-bottom { margin-bottom: 0 !important; padding-bottom: 0 !important;} 

#header-titles .fright p { margin: 0; }
#header-titles .fright ul li { display: inline; margin: 0 0.2em;}
#header-titles .fright a img:hover { position: relative; bottom: -1px; right: -1px; }
 #searchform { margin: 0; }

 /* menus */
#menus li{ display: inline; margin: 0; padding: 0;}
#menus ul { padding: 0; margin: 0;}
.current-cat a, .current-menu-item a { background: #8e4b9d; color: #fff; text-transform: uppercase; padding: 2px 5px;
-webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;}.cat-item-119 a:hover, .cat-item-119.current-cat a { color: #f00; }

/* category menu */
#cat-menu { background: #fff; width: 100%; font-size: 110%; -webkit-border-radius: 0.4em;
-moz-border-radius: 0.4em;
border-radius: 0.4em;}
#cat-menu a { margin: 0 0.5em; border-right: 1px solid #ddd; }
#cat-menu a:last-child { border: 0; }

 /* main menu */
#sub-cat-menu, #menu-header { margin: 0 !important; padding: 0.5em}
#sub-cat-menu { margin-left: 1em !important; }
#sub-cat-menu li, #menu-header li { display:inline; text-transform: uppercase; }
#sub-cat-menu li:after, #menu-header li:after { content: "\0020 \2023 \0020"; }
#sub-cat-menu li:last-child:after,  #menu-header li:last-child:after { content: ""; }


 /* sidebar */
#randomquote { background: #eee; padding: 1em; }
#randomquote cite { font-style: italic; }
h2.widgettitle { text-transform: uppercase; text-align: center; background: #ddd; }
.sidebar-widget li { padding: 0 1em 0 0 ; }
#sidebar ul { list-style: none; } #sidebar li { padding: 2px; border-bottom: 1px solid #eee; text-transform: uppercase; } #sidebar li:hover { background: #eee !important; }
/* breadcrumb trail */
.breadcrumb-trail { text-transform: uppercase; font-size: 90%; margin-bottom: 0.3em; }

/* related posts */

ul.related_post li { text-transform: none !important; }

/* editor's note */

.post.editor-note { border: 2px solid #ddd; padding: 1em; font-size: 110%;}
.section.editor-note { border: 2px solid #ddd; padding: 0.5em; font-size: 110%;}

/* sections */
.fleft .section { padding-right: 1em; }
.fright .section { padding-left: 1em; }
.section, .grid-col  { border-top: 1px solid #ddd; padding: 1em 0; }
.section ul, .grid-col ul{ list-style: none; padding: 0 !important;}
.section .lead-image, .grid-col .lead-image { margin-bottom: 1em;}
li.category-child:before { content: "\00BB \0020"; }
.col-issue .lead-image { float: left; margin-right: 1em; }
.col-container { float: left; width: 100%; }
.col { float: left; width: 50%; }
 .col img, .grid-col img { width: 100%; display: block; }
/* archives: posts */
.post-image { width: 150px; float: left; margin-right: 1em; }
.post-text .byline { text-transform: uppercase; margin: 0; color: #666; }
.post-text h3 a { font-size: 70%; }
.post-text h2 a { font-size: 80%; }
.post-text h2, .post-text h3 { margin: 0.1em 0 0.3em 0; line-height: inherit; }
.post .clear { clear: left; }
.post { border-bottom: 1px solid #eee; padding: 1em 0; -webkit-transition: color .25s linear; transition: color .25s linear;}
.post:hover { -webkit-transition: background-color .25s linear; transition: background-color .25s linear; background: #EFEEEE; }
.byline { font-weight: bold;
color: #444; margin-bottom: 0; }
.byline a { color: #666; }
.post p:last-child { font-size: 90%; }
 /* content-single */
.entry-content { margin: 1em 0; padding: 1em 0; border-top: 1px solid #ddd; }
.byline { text-transform: uppercase; margin: 1em auto;}
.byline p { margin-bottom: 0.2em; }
span.category, span.readmore { text-transform: uppercase; background: #eee; padding: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
 /* sticky posts slider */
.slider-controls { float: left; }
.sticky-clear { clear:both; }
#featured { margin-right: 0.5em; border: 1px solid #ddd; }
#slider-nav { float: right; }
#slider-nav a { border: 1px solid #DDD; background: #eee; text-decoration: none; margin: 0 1px; padding: 3px 5px; font-size: 9px; display: block;}
#slider-nav a.activeSlide { background: #DDD; }
 /* prev/next links */
#nav-single { }
#nav-single .nav-previous { text-align: left; }
#nav-single .nav-next { text-align: right; }

 /* pagination */
ul.pagination { margin: 1em; padding: 0; clear: both; margin: 4px; padding-left: 1em !important; }
.pagination li { display: inline; padding: 0; }
.pagination a { border: 1px solid; padding: 0.4em; margin: 2px; -webkit-transition: background-color .25s linear; transition: background-color .25s linear; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.pagination a:hover { -webkit-transition: background-color .25s linear; transition: background-color .25s linear;}
.pagination li.current { padding: 0.4em; margin: 2px; }

 /* tweets */
ul.tweets li { border-bottom: 1px solid #ddd; }
ul.tweets li:last-child { border: 0; }
/* facebook */.fb-like-box, .fb-activity
{ outline: 0; max-width: 100%; height: auto; overflow: auto; } /* footer */

/*
#footer-widgets { background: #ddd; padding: 1em; }
#footer-widgets ul { width: 33%; float: left; }

*/#footer .divide-bottom { background: #fff;  padding: 1em;}

#footer .divide-bottom:first-child {padding-left: 0; }
label.screen-reader-text { display: none; }
#footer-credits { padding: 1em; border-top: 1px solid #555; text-align: center; text-transform: uppercase;}
.grid-wrap {  margin-left: 0;  }.divide-bottom {border-bottom: 0;}


img.aligncenter,
img.alignleft,
img.alignnone,
img.alignright,
img.attachment-medium,
img.attachment-large,
img.attachment-thumbnail,
img.size-full,
img.size-medium,
img.size-thumbnail{
  width: inherit;  /* Make images fill their parent's space*/
  max-width: 100%; /* Add !important if needed. */
  height: auto; /* WP added height and width attributes scales */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* WP added height and width attributes scales */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Keep wide captions from overflowing their container. */

.wp-caption {
width: auto !important;
max-width: 96% !important;
}

/* responsive design; media queries: http://webdesignerwall.com/tutorials/responsive-design-in-3-steps*/
@media screen and (max-width: 600px) {
 #wrap { width: 98%; }
#main { }
#header-titles .fright { width: 100%; } #content, #sidebar, .fright, .fleft { float: none; width: 100%;
}
 #sidebar { margin: 0; padding: 0; }}
 /* Mobile Style Sheet *//*@media handheld {*/
 
 @media screen and (max-width: 300px) {
#menu-header li:after { content: ""; }
#sidebar { display: none; }
}