/* 

 1. ROOT
 2. HEADINGS
 3. TYPOGRAPHY
 4. LINKS
 5. FIGURES & IMAGES
 6. TABLES
 7. FORMS (See css/mylibs/forms.css)
 8. BANNER header[role="banner"]
 9. NAVIGATION nav[role="navigation"]
10. MAIN section[role="main"]
11. WORDPRESS
12. COMPLIMENTARY aside[role="complementary"]
13. CONTENTINFO footer[role="contentinfo"]
14. GLOBAL OBJECTS
15. VENDOR-SPECIFIC 
16. TEMPLATE SPECIFICS
17. MODERNIZR

COLOURS 

*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, q, s, 
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display : block; }

table {
border-collapse: collapse;
border-spacing: 0; }

fieldset, img, abbr { border: 0; }

address, caption, cite, code, dfn, th, var {
font-style: normal;
font-weight: normal; }

ol, ul, li { list-style: none; }

caption, th { text-align: left; }

a {
text-decoration: none;
color: #000; }

strong { font-weight: bold; }

em { font-style: italic; }

del { color: #FF0000; text-decoration: line-through; }

ins { color: #0000FF; text-decoration: none; }

* a { position: relative; } /* Gets links displaying over a PNG background */
a img { border: none; } /* Gets rid of IE's blue borders */

blockquote {
margin: 2em 2em 2.5em 2em;
padding: 0 .5em;
border-left: 1px #000 solid;
border-right: 1px solid #000;
clear: both;
}

q:before, q:after { content: ''; }

abbr[title] { 
border-bottom: 1px dotted; 
cursor: help; }



/* 1.ROOT */
	
html {
overflow-y: scroll;
background: #CCC;
margin: 0; }

body {
margin: 0 auto;
padding: 0;
border: 0;
width: 100%;
background: #CCC;
min-width: 860px;		/* Minimum width of full layout */
max-width: 1060px;		/* Maximum width of full layout */ }

#pasteboard {
position: relative; 	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear: both;
float: left;
width: 100%;			/* width of whole page */
overflow: hidden;		/* This chops off any overhanging divs */
background: #FFF;    	/* Right column background colour */
border-right: 1px solid #999;
border-left: 1px solid #999; }

#outer-wrap {
float: left;
width: 200%;
margin-left: -220px; 	/* Width of right column */
position: relative;
right: 100%;
background: #FFF;    	/* Centre column background colour */
border-right:  1px solid #888; }

#pasteboard.fullwidth #outer-wrap { border-right: 0px; }
#pasteboard.fullwidth #stories { margin: 0 20px 0 235px; }

#inner-wrap {
float: left;
width: 100%;
margin-left: -50%;
position: relative;
left: 440px;         	/* Left column width + right column width */
background: #FFF;    	/* Left column background colour */
border-right:  1px solid #888; }

#stories-wrap {
float: left;
width: 50%;
position: relative;
right: 220px; }       	/* Width of left column */ 

#stories {
margin: 0 235px;     	/* Center column side padding:
                    	Left padding = left column width + center column left padding width
                    	Right padding = right column width + center column right padding width */
position: relative;
left: 200%;
/* overflow: hidden; */ }

#featured {
float: right;			/* This overrides the float: left above */
width: 200px;        	/* Width of left column content (left column width minus left and right padding) */
position: relative;
right: 10px;         	/* Width of the left-hand side padding on the left column */ }
 
#support {
float: right;			/* This overrides the float: left above */
width: 200px;        	/* Width of right column content (right column width minus left and right padding) */
margin-right: 30px;  	/* Width of right column right-hand padding + left column left and right padding */
position: relative;
left: 50%; }



/* 2.HEADINGS */

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-family: Constantia, "Lucida Bright" ,
         LucidaBright, "DejaVu Serif" , "Liberation Serif" ,
         Georgia,
         serif;
font-weight: bold;
color: #000; }

h2.section { margin-bottom: .25em; }
h2.section, h2.widgettitle { font-size: 1.25em; }
    h2.section a:hover { background: url('../images/link-icon-hover.gif') right 6px no-repeat; padding: 0 15px 0 0; }
    h2.section a { background: url('../images/link-icon.gif') right 6px no-repeat; padding: 0 15px 0 0px; }

h3.section { font-size: 1.25em; }
h2.section-only {
font-size: 1.25em;
margin-bottom: 1.75em; }

header h1 {
margin-bottom: .75em;
font-size: 1.75em; }

.post header h1, .post header h2 { margin-bottom: 0; clear: both; }

#stories .post+h2 {
font-size: 1.5em;
margin-bottom: .75em; }

.post h3 { font-size: 1.25em; }

	


/* 3.TYPOGRAPHY */

/* The global font size is set in alternate stylesheets. See default.css, bigger.css, and smaller.css. */

/* Default fonts and colors. */

body {
font-family: Constantia, "Lucida Bright" ,
         LucidaBright, "DejaVu Serif" , "Liberation Serif" ,
         Georgia,
         serif;
color: #000; }
	
p { line-height: 130%; }


/* 4.LINKS */


/* 5.FIGURES & IMAGES */


/* 6.TABLES */


/* 7.FORMS (See css/mylibs/forms.css) */


/* 8.BANNER */

#masthead {
height: 100px;
margin: 0 auto;
padding-bottom: 50px;
background: #FFF url(../images/watch.jpg) no-repeat;
border-left: 1px solid #888;
border-right: 1px solid #888; }

#tagline {
clear: both;
padding-right: 25px;
padding-top: 5px;
text-align: right;
font-size: 14px;
text-transform: lowercase;
color: #888; }

#banner {
position: relative;
top:  20px;
height: 30px; 
text-align: center; 
margin: 0;
background: #FFF;
color: #000;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
font-variant: small-caps;
font-size: 15.4px; }

#banner div {
float: left;
padding-top: 5px; }

/*
#banner div:last-child {
float: right;
padding-right: 8px;
padding-left: 0; }
*/

#styleswitcher {
/* height: 32px;
border: 1px #000 solid;
background: #EFEFEF;
padding: 5px;
margin-bottom: 15px; */  float: none !important; display: inline; border-left: 1px solid #000; }

#sizeSubscribe { width: 100%; text-align: center;  }

#styleswitcher img {
border: 1px solid #888;
padding: 0px !important; 
float: none !important; left: 0; top: 0px; 
display: inline; position: absolute; 
/* display: block;
float: left; */ }

#styleswitcher p {
display: inline;
font-size: 12px;
padding: 0 4px 0 9px; }

#styleswitcher a { padding: 2px 12px; position: relative; }


#location { position: absolute; left: 0; text-align: left; }

#headerSearch { margin: -1px 12px 0 0; position: absolute; right: 0px; }
    .searchButton { border: 0px; background: #000; color: #fff; } 
    #headerSearch input { display: inline; float: left; margin: 0 2px 0 0; height: 20px; padding: 0px 5px; }
    * html body #headerSearch input { display: inline; float: none; height: 1%; }
    .searchBox { width: 144px; }

.tip-jar { padding-right: 9px; }
    
#banner div#banner-date {
padding-right: 7px;
padding-left: 6px;
text-align: center;
width: 65%; }

    #banner-date a { text-decoration: underline; }
    #banner-date a:hover { text-decoration: none; }
    #banner-date span { padding: 0 8px; }


#banner div#price {
width: 15%;
padding-left: 10px;
text-align: right; }

#banner div#location { width: 20%; padding-left: 7px; }


#masthead img {
float: right;
padding: 5px 0 0 0; }



/* 9.NAVIGATION */

#auxnav {
padding: 10px 0;
margin: 10px 0;
background: #FFF;
color: #000; }

#auxnav ul { margin-bottom: .75em; }

#auxnav li {
display: inline;
padding: 0 .5em;
border-right: 1px solid #999; }

#auxnav li.lastitem { border-right: none; }

#auxnav li:last-child { border-right: none; }

#utilityNavigation li { border-right: none; }
#utilityNavigation li a { color: #666;  }

.prev-next {
	padding-bottom: 3em;
	font-size: .875em;
	}

.prev-next div { width: 47%;     white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
    
.prev-next div.alignright { text-align: right; }

.prev-next a { color: #333; }
.prev-next a:hover { color: #666; }



/* 10. MAIN */

.post+.divider {
margin-top: 2em;	
	
}

.entry p {
	margin-bottom: .75em;
	margin-left: .25em;
	text-indent: 1.5em;
	}

.entry p a,
.entry li a,
p.wp-caption-text a { border-bottom: dotted 1px #333; }
.entry p a:hover,
.entry li a:hover,
p.wp-caption-text a:hover { border-bottom: solid 1px #888; }
.entry div p { text-indent: 0; }
.entry h3+p { margin-top: .5em; }

.entry ul li {
	list-style-type: disc;
	margin-left: 1.5em;
	margin-bottom: 1em;
	}

.entry ol { margin-left: 2em; }

.entry ol li {
	list-style: decimal;
	margin-left: 1.5em;
	margin-bottom: 1em;
	}

.entry p span.more-link a,
.excerpt span.more-link a {
	border-bottom: 0px #FFF solid;
	color: #666;
	font-weight: bold;
	}

.entry p span.more-link a:hover,
.excerpt span.more-link a:hover { color: #000; }

.post .excerpt p {
	display: inline;
	margin-left: 0em;
	}

.copyright {
	clear: both;
	margin-left: .25em;
	}

.observed { clear: both; }

.observed .byline {
	text-align: right;
	margin: .5em 0 0 0;
	text-transform: none;
	letter-spacing: 0em;
	}

.observed .entry {
	background: #EFEFEF;
	padding: 1em 1em .5em 1em;
	}

.observed .entry p { text-indent: 0; }

.observed .entry+p {
	padding: .5em;
	background: #EFEFEF;
	font-size: .875em;
	text-align: left;
	}

.observed img {
	float: left;
	margin: 1em;
	}

.observed .entry a { font-weight: bold; }
.observed header h2 { margin-bottom: .5em; font-size: 1.5em; }

.divider {
border-top: 1px solid #BBB;
padding-bottom: 30px;
clear: both;
}

#older-stories {
font-size: .875em;
margin:  0 auto;
}

#older-stories .post {
display: inline-block;
vertical-align: top;
padding: 1em;
margin-bottom: 1.5em; }

#older-stories .post+.post {
	padding-top:  1em;
}


/* =================== */
/* = Stopped Watched = */
/* =================== */

.stopped-watched .entry { position: relative; }
    .stopped-watched .entry a { position: relative; }
        .stopped-watched .entry a[href$=".jpg"] { padding: 0 15px 0 0; background: url('../images/preview-icon.gif') 96% center no-repeat; }

.stopped-watched-preview { z-index: 999; position: absolute; right: 0; bottom: 0; margin-bottom: -150px; margin-right: -320px; width: 300px; box-shadow: 0 0 10px #999; background: #fff; display: none; }
    .stopped-watched-preview img { display: block; width: 270px; }
    .stopped-watched-preview p { font-weight: bold; text-align: center; }

    .stopped-watched h2 span { float: right; }
    .stopped-watched h2 span a { font-size: 14px; color: #000; font-weight: normal;}

.post+.post,
.observed+.post { padding-top: 2em; }
.post+.observed,
.observed+.observed { margin-top: .75em; }

.taxonomy {
	border-top: 1px #BBB solid;
	padding: 1em; 
	margin-top: 2em; 
	font-size: .875em;
	clear: both;
	}

.tags {  padding-bottom: 1em;  }

.taxonomy a {
	border-bottom: 0px #FFF solid;
	font-weight: bold;
	color: #666;
	}

.taxonomy a:hover { color: #333; }

.copyright { font-size: .875em; }
.post p.authorarchive { font-size: 1.125em; }
.post p.authorarchive a { font-weight: bold; }

.recentcomment {
	margin-top: 1em;
	margin-bottom: 3em;
	margin-left: .5em;
	}

p.recentcomment { font-size: 1.25em; }

p.recentcomment a {
	font-weight: bold;
	border-bottom: 0px #FFF solid;
	}

.archives h3 {
	margin-bottom: .75em;
	margin-top: .1em;
	}

.wp-caption {
	padding: 5px;
	margin: 0;
	border: 1px #000 solid;
	}

.wp-caption a img {
	display: block;
	margin: 0 auto;
	}
.wp-caption p.wp-caption-text {
	margin: 0 auto;
	padding: 5px;
	font-size: .75em;
	text-align: justify;
	text-indent: 0;
	}



.graphichead img {
	float: left;
	margin-right: 20px;
	}

.graphichead {
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #BBB;
	}
.graphichead p { font-size: .875em; }


.archives .entry {
	 display: inline-block;
	 width: 40%;
	 vertical-align: top;
}
.archives section {
	padding-left: 1em;
}

.entry div.advertisement {
	border: 1px solid #333;
	font-size: .875em;
	margin-bottom: 2em;
	padding:  1em;
	text-align: center; }

.entry div.advertisement p a, .entry div.advertisement p a:hover {
	border: none;
}


/* STORY HEADER */

.dec {
	margin-bottom: .5em;
	margin-left: .125em;
	font-size: 1.2em;
	font-weight: bold;
	color: #888;
	}

.byline {
	margin-bottom: 0;
	margin-top: 1em;
	margin-left: .5em;
	width: 100%;
	}

.byline p {
	margin-left: 0;
	text-indent: 0;
	width: 48%;
	float: left;
	margin-bottom: 1em;
	}

.byline, .commentbyline {
	text-transform: uppercase;
	letter-spacing: .125em;
	font-size: .875em;
	}
	
.bylinedate span, .commentdate span {
	text-transform: lowercase;
} 

.byline .bylinedate { text-align: right; }

.vevent { margin-bottom: 2.5em; }

.vevent .bylinetime {
	margin-top: .5em;
	width: 100%;
	margin-bottom: 0;
	height: 2.5em;
	text-transform: uppercase;
	letter-spacing: .125em;
	font-size: .875em;
	margin: .5em 0 0 .25em;
	}

.upcoming-events span a { border: 0; }

.vevent .bylinetime p {
	margin-left: 0;
	text-indent: 0;
	width: 49%;
	float: left;
	margin-bottom: 0;
	}

.vevent .bylinetime .bylinevenue {
	text-align: right;
	width: 49%;
	}

.vevent .bylinetime+p {
	clear: both;
	padding-top: .5em;
	}
	
ul.article-navigation {
	margin-bottom: 2em;
	list-style-type: disc;
	padding-bottom: 2em; margin-left: 0px; 
	border-bottom: 1px solid #BBB;
}

ul.article-navigation li {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	line-height: 125%;
	padding: 1em 0;
	font-weight: bold; margin-right: 2%;	
}

ul.article-navigation li:nth-child(2n) {
}

ul.article-navigation li a { padding-right: 15px; }

ul.article-navigation li a.link-group:hover {
	background: url('../images/nav-down.gif') right center no-repeat; 
}


/* COMMENTS */

.commentbyline {
margin-bottom: 1.5em;
width: 100%; }

p.commentdata input {
border: 1px solid #888;
padding: 3px 3px 5px 3px; }

.commententry p a,
.commententry li a { border-bottom: dotted 1px #333; }
.commententry p a:hover,
.commententry li a:hover { border-bottom: solid 1px #888; }

#commentsection h3 {
	font-size: 1.25em;
	margin-bottom: .75em;
	}

form#commentform input, form#wpcf input {
	margin-bottom: .75em;
	height: 1.5em;
	}
	
form#wpcf input {
	float:  left;
	}
	
form#wpcf label {
	margin-left: 10px;
	}
	
form#wpcf input#contactsubmit {
	margin-top: 2em;
}

textarea#comment {
	width: 100%;
	margin-bottom: .5em;
	}

.commentlist li {
	margin: 0 1em 2.5em 1em;
	list-style: decimal;
	}

.commentlist {
	list-style: decimal;
	margin-left: 1.25em;
	}

.commententry { clear: both; }

.commentdate {
	font-size: .875em;
	margin-left: 40px;
	}
	
.commentauthor {
	margin-bottom: .25em;
	margin-left: 40px;
	}

#comments h3, h3#respond {
	font-size: 1.25em;
	margin-bottom: 1em;
	}

.contactform {
	margin-left: 1.5em;
	margin-top: 1em;
	}

textarea#wpcf_msg {
	width: 90%;
	padding: 3px;
	}

p.commentdata label { margin-left: .75em; }
form#wpcf { margin-top: 1em; }
input.contacterror+label { color: red !important; }
textarea.contacterror { border: 1px solid red !important; }.commententry p { margin-bottom: 1em; }


#donate {
	border-left:  solid #333 1px;
	}
	
#subscription select {
	margin-bottom:  1em;
	margin-left: 1em;
}

#donate form {
	margin-top: 1.25em;
	
}
	
.paypal {
	display: inline-block;
	vertical-align: top;
	width:  45%;
	margin-bottom: 2em;
	margin-top: 2em;
	text-align: center;
}
.paypal h3 {
	text-align: center;
	margin-bottom: 1em;
}


/* 11. WORDPRESS CONTENT */





/* 12.COMPLIMENTARY */

.page_tip-jar #notification-area { visibility: hidden; }

.support_the_chronicle div.advertisement {
border: 1px solid #333;
font-size: .875em;
margin-bottom: 2em;
padding:  0; }

.support_the_chronicle div img {
padding: 0px;
margin: 5px auto 0px auto;
display: block; }

.support_the_chronicle div img.paidad { padding-bottom: 10px; margin: 0 auto; }

.support_the_chronicle div img.allad {
padding-top: 10px;
padding-bottom: 5px; }

.support_the_chronicle div p { padding: 5px; }
.support_the_chronicle div p a { border-bottom: dotted 1px #333; }
.support_the_chronicle div p a:hover { border-bottom: solid 1px #888; }


/* LEFT */
#featured #leftear {
background: #EFEFEF;
border: 1px solid #000;
padding: 5px;
font-size: 12px;
margin-bottom: 1.75em; }

#featured #rossNav ul { list-style: none; }
#featured #rossNav ul#primaryNavigation { border-bottom: 1px solid #888; padding: 0 0 10px 0; margin: 0 0 10px 0; }
#featured #rossNav ul li { margin: 0; padding: 5px 0; list-style: none !important; }
#featured #rossNav ul li a { color: #000; font-family: Constantia,"Lucida Bright",LucidaBright,"DejaVu Serif","Liberation Serif",Georgia,serif; font-weight: normal;}
#featured #rossNav ul#primaryNavigation li a { font-variant: small-caps; font-size: 15.5px;}
#featured #rossNav ul#utilityNavigation li a { font-weight: normal; }
#featured #rossNav ul li a:hover { color: #666; }

#featured #leftear ul {
margin-bottom: 0;
margin-left: 0; }

#featured #leftear li {
list-style: none;
margin-left: 0;
line-height: 1.5em; }

#featured #leftear a {
color: #000;
font-weight: normal; }

#featured #leftear a:hover { border-bottom: dotted 1px #888; }

#featured ul {
margin-bottom: 2em;
margin-left: .25em; }

#featured li {
list-style: disc;
margin-left: 1.25em;
line-height: 1.15em;
color: #555; }

#featured ul li a, #support ul li a {
font-weight: bold;
color: #444; }

#featured ul li a:hover { color: #000; }

#featured li.sectionlink {
list-style: none;
margin-top: .75em;
margin-left: .25em; }

#featured li.featureditem, #support li.featureditem {
list-style: none;
margin-left: 0;
margin-bottom: .5em; }

#featured ul li.featureditem a, #support ul li.featureditem a { font-size: 1.125em; }
#featured ul li.featureditem p a, #support ul li.featureditem p a { font-size: 1em; }

li.featureditem p {
margin-left: 0;
margin-top: .25em;
font-size: .875em;
color: #000; }

/*
.searchbox { margin-bottom: 2em; }
*/

#featured input#s {
width: 190px;
border: 1px solid #888;
padding: 2px 2px 3px 2px; }



/* RIGHT */


/* 13.CONTENTINFO */

footer[role="contentinfo"] {
clear: both;
background: #FFF;
margin-bottom: 2em;
border-right: 1px solid #888;
border-left: 1px solid #888;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
text-align: center;
font-size: .875em; }

footer[role="contentinfo"] ul { font-weight: bold; }



/* 14.GLOBAL OBJECTS INCLUDING WORDPRESS */

.group { 
zoom : 1; }

.group:before, 
.group:after { 
content : "\0020"; 
display : block; 
height : 0; 
overflow : hidden; }

.group:after { 
clear : both; }

div.alignleft, img.alignleft {
float: left;
margin-right: 10px;
margin-bottom: 10px; }

div.alignright, img.alignright {
float: right;
margin-left: 10px;
margin-bottom: 10px; }

div.aligncenter {
margin-right: auto;
margin-left: auto;
margin-bottom: 1em; }

img.aligncenter {
margin-right: auto;
margin-left: auto;
text-align: center; }

.featureddate { color: #666; }

.officialpolicy {
background: #EFEFEF;
border: 1px solid #000;
padding: 6px;
margin-bottom: 2em;
margin-top: 2em;
font-size: 12px; }

.officialpolicy a { font-weight: bold; }
h2+.page { margin-top: 1em; }
.contactform strong { color: red; }
.upcoming-events span a { border: 0; }
span.adr, span.locality { display: none; }
.post h4 { margin-bottom: 1em; }
div.gravatar { position: absolute; }
span#sharethis_0 {
margin-bottom: 1em;
margin-left: .25em;
display: block; }

.entry p span.no-indent { margin-left: -1.5em; }


#sharethis_block { margin: 20px 0; }


/* 15.VENDOR-SPECIFIC */

body {
-webkit-text-size-adjust : 100%; 
-ms-text-size-adjust : 100%; }

a:link { 
-webkit-tap-highlight-color : rgb(52,158,219); }

::-webkit-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::-moz-selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

::selection { 
background : rgb(23,119,175); 
color : rgb(250,250,250); 
text-shadow : none; }

.ie7 img,
.iem7 img { 
-ms-interpolation-mode : bicubic; }

div,
input,
textarea  { 
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
-o-box-sizing : border-box;
box-sizing : border-box; }


/* Non-semantic helper classes */

/* Image replacement */
.ir { 
display : block; 
text-indent : -999em; 
overflow : hidden; 
background-repeat : no-repeat; 
text-align : left; 
direction : ltr; }

.responsive-iframe { 
	width: 100%;
	padding-bottom: 44%;
	max-width: 400px;
	height: auto;
	position: relative;
	overflow: auto;
	-webkit-overflow-scrolling:touch;
	margin: 0 auto 25px auto;
	border: 1px solid #aaa;
	
}
.responsive-iframe iframe { 
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0; 
	left: 0;
	border: 0px; 
}

iframe, object, embed {
        max-width: 100%;
}

/* Hide for screenreaders and visual browsers */
.hidden { 
display : none; 
visibility : hidden; }

/* Hide visually */
.visuallyhidden { 
position : absolute;
clip : rect(0 0 0 0); 
overflow : hidden;
margin: -1px;
padding : 0;
height : 1px;      
width : 1px;
border : 0; }

/* Allow an element to be focusable via keyboard  */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { 
position : static;
clip : auto; 
overflow : visible;
height : auto; 
margin : 0;   
width : auto; }

/* Hide but maintain layout */
.invisible { 
visibility : hidden; }

/* 16.TEMPLATE SPECIFICS */

#goog-fixurl ul  {
list-style-type : none; }

#goog-fixurl input  {
margin-bottom : 1.5em; }

/* =================== */
/* = Test for Events = */
/* =================== */

span.st { border-bottom: 0px !important; }

/* 17.MODERNIZR */

/* MEDIA QUERIES */

/*480px _____________________________________________ */
@media only screen and (min-width: 480px) {

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.MAIN */
/* 11.WORDPRESS */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}

/*/mediaquery*/

/*768px _______________________________________________ */
@media only screen and (min-width: 768px) {

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.MAIN */
/* 11.WORDPRESS */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}

/*/mediaquery*/

/*902px _______________________________________________________ */
@media only screen and (min-width: 902px) {

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.MAIN */
#older-stories .post { width: 43%; }
#older-stories .post:nth-child(2n) { border-left: #BBB solid 1px; }

/* 11.WORDPRESS */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */
}

/*/mediaquery*/

/*992px _______________________________________________________ */
@media only screen and (min-width: 1028px) {

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.MAIN */
#older-stories .post { width: 28%; }
#older-stories .post:nth-child(2n) { border-left: none; }
#older-stories .post:nth-child(3n+2) { border-left: solid 1px #BBB; }
#older-stories .post:nth-child(3n+3) { border-left: solid 1px #BBB; }

/* 11.WORDPRESS */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}

/*/mediaquery*/

/*1382px ______________________________________________________ */
@media only screen and (min-width: 1382px) {



/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.MAIN */
/* 11.WORDPRESS */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}

/*/mediaquery*/

/*2x ________________________________________________________ */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {

/* 1.ROOT */
/* 2.HEADINGS */
/* 3.TYPOGRAPHY */
/* 4.LINKS */
/* 5.FIGURES & IMAGES */
/* 6.TABLES */
/* 7.FORMS */
/* 8.BANNER */
/* 9.NAVIGATION */
/* 10.MAIN */
/* 11.WORDPRESS */
/* 12.COMPLIMENTARY */
/* 13.CONTENTINFO */
/* 14.GLOBAL OBJECTS */
/* 15.VENDOR-SPECIFIC */
/* 16.TEMPLATE SPECIFICS */
/* 17.MODERNIZR */

}




/*  _________________________________________________

320 and Up boilerplate extension

Author: Andy Clarke
Version: 0.9b
URL: http://stuffandnonsense.co.uk/projects/320andup/
_____________________________________________________

Sources: 
http://meyerweb.com/eric/tools/css/reset
http://people.opera.com/patrickl/experiments/keyboard/test
http://gist.github.com/413930
http://pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap
http://sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars
http://tjkdesign.com/ez-css/css/base.css
http://viget.com/inspire/styling-the-button-element-in-internet-explorer
http://code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing
http://html5doctor.com/html-5-reset-stylesheet/
http://praegnanz.de/weblog/htmlcssjs-kickstart/
http://camendesign.com/design/
http://yui.yahooapis.com/2.8.1/build/base/base.css
http://webaim.org/techniques/css/invisiblecontent/
http://drupal.org/node/897638
*/