/*   
Theme Name: City of Amory Theme
Theme URI: http://cityofamoryms.com/
Description: The official theme of the City of Amory website.
Author: Dale Moore, Design Research & Informatics Lab, Mississippi State University
Author URI: http://www.dril.coa.msstate.edu/
Version: 1.0
*/

/*
	HTML5 Reset Wordpress Theme :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
	Special thanks: The Wordpress theme owes its start to an empty theme authored 
		by Chris Coyier & Jeff Starr: http://digwp.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

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

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed { /* max-width: 100%; */ }

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

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

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

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

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom; }
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.group:before, .group:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.group:after { clear: both; }  
.group { zoom: 1; }  



/* Ok, this is where the fun starts.
------------------------------------------------------------------------------- */

/* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */
body { font: 100% Helvetica, Arial, Helmet, Freesans, sans-serif;

background: #0d3f6f; /* old browsers */
background: #FFF -moz-linear-gradient(-90deg, rgb(13,63,111) 0%, rgba(255,255,255,0) 1000px) no-repeat; /* Firefox v3.6+ */
background: #FFF -webkit-gradient(linear, 49% 7%, 49% 107%, color-stop(0, rgb(13,63,111)), color-stop(1, rgba(255,255,255,0))) no-repeat; /* safari v4.0+ and by Chrome v3.0+ */
background: #FFF -webkit-linear-gradient(-90deg, rgb(13,63,111) 0%, rgba(255,255,255,0) 100%) no-repeat; /* Chrome v10.0+ and by safari nightly build*/
background: #FFF -o-linear-gradient(-90deg, rgb(13,63,111) 0%, rgba(255,255,255,0) 100%) no-repeat; /* Opera v11.10+ */
background: #FFF linear-gradient(180deg, rgb(13,63,111) 0%, rgba(255,255,255,0) 100%) no-repeat; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #0d3f6f,endColorstr = #FFFFFF,GradientType = 0); /* IE6-7 */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = #0d3f6f,endColorstr = #FFFFFF,GradientType = 0)"; /* IE8-9 */
}

/* Typography
------------------------------------------------------------------------------- */

/* we like off-black for text */
body, select, input, textarea {color: #333;}

a { color: #0d3f6f; text-decoration: none; font-weight: bold; }
a:hover { color: #0d3f6f; /* text-decoration: underline; border-bottom: 1px dotted #0d3f6f; */ }

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

.amp {
	font-style: italic; font-family: "Times New Roman", serif;
}
small {
	font-size: 0.75em;
}
.entry .amp, .entry-content .amp { font-family: Helvetica, Arial, Helmet, Freesans, sans-serif; font-style: normal; }
.entry h1 .amp, .entry h2 .amp, .entry h3 .amp { font-style: italic; font-family: "Times New Roman", serif; }
blockquote {
	margin: 2em;
	position: relative;
}
blockquote:before {
	content: "\201C";
	top: -0.25em; left: -0.5em;
	position: absolute;
	font-size: 4em;
}

/* Figures
------------------------------------------------------------------------------- */
.wp-post-image {
	float: left;
}
figure, .figure {
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
}
figure img, .figure img {
	border: 1px solid #CCC;
	line-height: 0;
	display: block;
	margin: 0 auto;
}
figure br { /* display: none; */ }
figcaption, article figure p {
	font-size: 0.75em;
}
figure.portrait {
	width: 125px;
	border: 0;
}
figcaption {
	padding: 0.5em 0 0;
	line-height: 1.5;
	display: block;
}

/* Alignment
------------------------------------------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	/* clear: both; */
	display: block;
	margin: 0 auto 1.5em;
}
.center { text-align: center; }
#content a[href$=".pdf"] { /* PDF icons */
	padding-left: 20px;
	background: url('images/icons/icon_pdf.gif') center left no-repeat;
	display: inline-block;
}
#content a[href$=".doc"] { /* DOC icons */
	padding-left: 20px;
	background: url('images/icons/icon_doc.gif') center left no-repeat;
	display: inline-block;
}
#content a[href$=".zip"] { /* ZIP icons */
	padding-left: 20px;
	background: url('images/icons/icon_archive.gif') center left no-repeat;
	display: inline-block;
}
#content a[href$=".xls"] { /* Excel icons */
	padding-left: 20px;
	background: url('images/icons/icon_xls.gif') center left no-repeat;
	display: inline-block;
}
#content a.none { background: none; padding-left: 0; display: inline;}


/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/

#page-wrap { width: 960px; margin: 0 auto; }

header#header {
	padding: 1.75em 0 0; /* 20px */
	background: url('images/header-bg.png') 35% 0% no-repeat;
}

a#logo {
	background: url('images/amory-ms-logo.png') no-repeat;
	width: 280px;
	height: 118px;
	display: block;
	text-indent: -999px;
	border: 0;
	margin-top: 0.25em;
	margin-bottom: 1em;
}

/* Main Navigation
------------------------------------------------------------------------------- */
nav#top_nav {
	float: right;
	margin-top: 20px;
}
nav#top_nav a {
	color: #FFF;
	font-weight: normal;
	font-size: 0.75em;
}
nav#top_nav a:hover { text-decoration: underline; }
nav#top_nav ul {
	/* margin-bottom: 2.5em; */
	margin-bottom: 0.5em;
	text-align: right;
}
nav#top_nav ul li { display: inline; margin-left: 1em; }
nav#top_nav ul li a {
	display: inline-block;
	padding: 1em 0 1em 2.5em;
}
li.home a {
	background: url('images/home-icon.png') 0% 50% no-repeat;
}
li.about a {
	background: url('images/about-icon.png') 0% 50% no-repeat;
}
li.contact a {
	background: url('images/contact-icon.png') 0% 50% no-repeat;
}
nav#top_nav p {
	text-indent: -999em;
	background: url('images/developing-future.png') no-repeat;
	width: 340px;
	height: 28px;
}
nav#access h3.assistive-text, div.skip-link { position: absolute; text-indent: -999em; } /* hide text for non-screen readers */

nav#access {
	position: relative;
	z-index: 1;
}
nav#access:before, nav#access:after {
	display: block; 
	width: 41px; height: 31px;
	position: absolute;
	top: -5px;
}
nav#access:before { content: url(/site/wp-content/themes/amory/images/banner-left.png); left: -35px; }
nav#access:after { content: url(/site/wp-content/themes/amory/images/banner-right.png); right: -35px; }
nav#access ul {
	position: relative; z-index: 2;
	text-align: center;
	border-top: 1px solid #FFF;
	border-bottom: 3px solid #CCC;
	background-color: #333;
	background-image: -moz-linear-gradient(rgb(51,51,51) 0%, rgb(34,34,34) 100%); /* Firefox v3.6+ */
	background-image: -webkit-gradient(linear, color-stop(0, rgb(51,51,51)), color-stop(1, rgb(34,34,34))); /* safari v4.0+ and by Chrome v3.0+ */
	background-image: -webkit-linear-gradient(rgb(51,51,51) 0%, rgb(34,34,34) 100%); /* Chrome v10.0+ and by safari nightly build*/
	background-image: -o-linear-gradient(rgb(51,51,51) 0%, rgb(34,34,34) 100%); /* Opera v11.10+ */
	background-image: linear-gradient(rgb(51,51,51) 0%, rgb(34,34,34) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #ff333333,endColorstr = #ff222222);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = #ff333333,endColorstr = #ff222222)";
}
nav#access ul li {
	display: inline;
}
nav#access ul li#menu-item-143 {
	margin-right: 200px;
}
nav#access a { 
	color: #FFF;
	font: 400 1.04em "Times New Roman", serif; /* 18px */
	position: relative;
	display: inline-block;
	padding: 0.5em 70px;
	border: 0;
}
span.our {
	font-size: 0.875em;
	font-style: italic;
	position: relative;
	top: -0.05em;
}
img#magnolia {
	position: absolute;
	left: 36.5%; bottom: 40px;
	z-index: 3;
}

/* Featured Area / Slideshow on Front Page
------------------------------------------------------------------------------- */
section#focal-area {
	padding: 0 10px;
	background: #333;
	margin-bottom: -5px;
	position: relative;
	z-index: 2;
}
div#featured {
	background: url('images/slideshow-container.png') no-repeat;
	padding: 5px 20px 25px;
	width: 900px;
	z-index: 2;
	position: relative;
}
#featured .slider-wrapper {
	width: 582px;
	height: 265px;
	float: left;
	margin-right: 10px;
	position: relative;
}
div#slider { background: #666; }
.nivo-caption {
	background: #000 !important;
	background: rgba(0,0,0, 0.5) !important;
	left: 0;
	bottom: 7px !important;
	padding: 10px !important;
	line-height: 1.4;
	font-size: 0.9em;
}
.nivo-caption p {
	color: white !important;
	padding: 0px 20px !important;
}
.two-columns {
  overflow: hidden;
}
.two-columns p {
 display: inline-block;
  max-width: 350px;
}
.two-columns img {
  max-width: 350px;
}
#text-9 {
	float: left;
	width: 308px; height: 250px;
	background: #333;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
	overflow: hidden;
}
#text-11, #text-13 {
  width: 360px; max-width: 360px;
  float: left;
}
#text-9 h2 { 
	position: absolute; text-indent: -999em;
}

/* News Area */
div#news {
	overflow: hidden;
}
#text-10 {
	float: left;
	width: 200px;
	margin-right: 40px;
}
.codered { margin: 20px 0; display: block; }
.codered img { width: 200px; height: 47px; }
#miniloops-2 {
	float: left;
	width: 380px;
}
#miniloops-2 ul { list-style: none; margin: 0; }
#miniloops-2 ul li { margin-bottom: 1em; }
span.date {
	display: block;
	font-size: 0.85em;
	font-style: italic;
	border-bottom: 1px solid #DDD;
	margin-bottom: 0.5em;
	color: #777;

}

/* Primary Section
------------------------------------------------------------------------------- */
section#content {
	z-index: 1;
	position: relative;
	background: #EEE;
	-moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.6);
	-o-box-shadow: 0px 1px 5px rgba(0,0,0,0.6);
	box-shadow: 0px 1px 5px rgba(0,0,0,0.6);
}
article {
	-moz-box-shadow: 1px -1px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px -1px 5px rgba(0,0,0,0.2);
	-o-box-shadow: 1px -1px 5px rgba(0,0,0,0.2);
	box-shadow: 1px -1px 5px rgba(0,0,0,0.2);
	float: left;
	margin-top: 0.5em;
	min-height: 52em;
	background: #FFF;
	width: 720px;
}
article section {
	margin-bottom: 2em;
}
article.search-result { min-height: 100px; }
article section:last-of-type { margin-bottom: 0; }
section#content h1 {
	color: #FFF;
	font: 1.625em/1 "Times New Roman", serif; /* 26px */
	padding: 0.5em 1.923em;
	background-color: #51422f;
	background-image: -moz-linear-gradient(50% 0% -90deg, rgb(81,66,47) 0%, rgb(55,43,30) 100%); /* Firefox v3.6+ */ 
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, rgb(81,66,47)), color-stop(1, rgb(55,43,30))); /* safari v4.0+ and by Chrome v3.0+ */
	background-image: -webkit-linear-gradient(-90deg, rgb(81,66,47) 0%, rgb(55,43,30) 100%); /* Chrome v10.0+ and by safari nightly build */
	background-image: -o-linear-gradient(-90deg, rgb(81,66,47) 0%, rgb(55,43,30) 100%); /* Opera v11.10+ */
	background-image: linear-gradient(-90deg, rgb(81,66,47) 0%, rgb(55,43,30) 100%);
	filter:
		progid:DXImageTransform.Microsoft.gradient(startColorstr = #ff51422f,endColorstr = #ff372b1e,GradientType = 0);
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr = #ff51422f,endColorstr = #ff372b1e,GradientType = 0)";
}
article h1 a { 
	color: #FFF;
}
article h2 {
	font: 1.5em/1.2 "Times New Roman", serif; /* 21px */
	margin-bottom: 0.25em;
	word-spacing: 0.07em;
}
article h3 {
	margin-bottom: 0.5em;
}
article h4 {
	font-size: 0.85em;
}
article p {
	font-size: 0.875em;
	color: #333;
	line-height: 1.4;
	margin-bottom: 1em;
}
article ul { list-style: disc; margin: 0 0 1em 1em; }
article ol { list-style: decimal; margin: 0 0 1em 1.5em; }
article li {
	font-size: 0.875em;
	color: #333;
	line-height: 1.4;
	margin-bottom: 0.5em;
}
article a:hover { text-decoration: underline; }
div.entry {
	width: 38.75em; /* 620px */
	padding: 1em 3.125em 1.5em;
}
div.breadcrumbs {
	font-size: 0.75em; padding: 0.6em 4em; background: #EEE;
}
article table {
	margin-bottom: 1em;
}
article table td {
	font-size: 0.875em;
	color: #333;
	line-height: 1.4;
	padding: 0 2em 0.5em 0;
}
.wp-caption-text {
	font-size: 0.75em;
}
div.half-column {
	width: 45%;
}
.half-right {  margin-left: 1.9em; float: right; }
.half-left { margin-right: 1.9em; float: left; }
.edit-entry { clear: both; overflow: hidden; }
/* Sidebar
------------------------------------------------------------------------------- */
aside.sidebar {
	width: 15em; /* 240px */
	float: right;
	background: #EEE;
	/* margin-top: -2em; */ /* unconmment this to make the site less straight and blocky! */
}
nav.widget h2 {
	margin: 0.5em 0 0 1em;
	font: 400 1.5em "Times New Roman", serif;
}
ul.blogroll li a {
	font-size: 0.7em; line-height: 1.4;
	display: block;
	color: #333;
	font-weight: bold;
	border: 0;
	padding: 0.5em 0 0.5em 2.5em;
	/* border-top: 1px solid #CCC; */
/* 	border-bottom: 3px solid #EEE; */
}
ul.blogroll li a:hover { 
/* 	border-bottom: 3px solid #CCC; */
	background: #333;
	color: #FFF;
}
/* Calendar Widget */
#em_calendar-2 {
	padding: 1em 1.5em;
	background: #FFF;
	border: 1px solid #CCC;
}
div#em_calendar-2 h2 {
	font: 400 1.5em "Times New Roman", serif;
}
th.month_name {
	font-size: 0.875em;
	color: #333; font-weight: normal;
}
.em-calnav {
	font-size: 0.875em;
}

/* Footer
------------------------------------------------------------------------------- */
footer#colophon {
	padding: 2em 0 3em;
}
footer#colophon nav {
	padding-bottom: 2em;
}
footer#colophon h2 {
	font: bold 1.125em "Times New Roman", serif;
}
footer#colophon p {
	font-size: 0.75em;
	line-height: 1.6;
	margin-bottom: 1.2em;
}
footer#colophon p.small { font-size: 0.625em; line-height: 1.3; margin-bottom: 0.5em; }
footer#colophon ul {
	text-align: center;
}
footer#colophon ul li {
	display: inline;
}
footer#colophon ul li a {
	display: inline-block;
	margin-right: 1.7em;
	font: 600 1em "Times New Roman", serif;
}
footer#colophon ul li:last-child a { margin-right: 0; }
#text-6 h2, #text-2 h2 { position: absolute; text-indent: -999em;}
#text-6 { /* colophon */
	width: 22em; /* 400px */
	float: left;
	margin-right: 5.25em; /* 20px */
}
#text-7 { /* city address, social media */
	width: 6.25em; /* 100px */
	float: left;
	margin-right: 9em; /* 80px */
}
#text-8 {
	width: 13.5em;
	float: left;
	margin-right: 4em; /* 80px */
}
#text-2 { /* weather */
	/*
width: 10em;
	float: left;
*/
  margin-top: 1em;
}
#text-2 .textwidget caption { font-size: 0.75em; } /* City Name */
#text-2 .textwidget th { padding: 0.3em 0 0; } /* Day */
#text-2 .textwidget tbody { font-size: 0.75em; } /* Status and Temp */
.wp_wund_conditions { font-weight: bold; }

.widget.wunderground {
  width: 100%;
  overflow: auto;
  margin: 5%;
}
.wunderground .wu-current-conditions .wu-day-title {
  font-size: 70px !important;
}
.wunderground .wu-current-conditions .wu-day-title small {
  margin-left: -44px !important;
  font-size: 34px;
}
.wu-icon {
  float: left;
  margin-top: -20px !important;
}
.wu-current-conditions .wu-cond-text, .wu-current-conditions .wu-cond-icon {
  width: 90% !important;
  float: none !important;
  position: relative;
  top: -20px;
}
.wu-copyright {
  width: 49% !important;
  position: relative;
  top: -20px;
}

.post {}

.entry-content {}
.entry-content a {}
.entry-content a:hover {}

.meta {
	font-size: 0.75em;
	margin: -0.5em 0 1em;
}
.postmetadata {
	font-size: 0.75em;
}

.sidebar {}

.navgation {}
.next-posts {}
.prev-posts {}

/* Search
------------------------------------------------------------------------------- */
#searchform {
	/* padding: 1em 0; */
	position: relative;
	text-align: right;
	margin-bottom: 0.75em;
	margin-top: 20px;
}
#searchform label, #searchsubmit {
	position: absolute;
	left: -999em;
}
#s {
	font-size: 0.75em;
	color: #666;
	padding: 0.5em 1em 0.5em 2.25em;
	width: 16em;
	z-index: 0;
	-webkit-appearance: textfield; 
	-webkit-box-sizing: content-box;
	background: #FFF url('images/search-btn.png') 1% 50% no-repeat;
}
#s::-webkit-search-decoration, #s::-webkit-search-cancel-button { display: none; } /* getting rid of Webkit proprietary style */

section.columns div {
	width: 45%; float: left; margin-right: 1.9em;
}
section.columns h2 {
	border-bottom: 1px solid #DDD;
	margin-bottom: 0.75em;
}
section.columns ul {
	list-style: none;
	margin: 0;
}


/* Our Community - Letter from the Mayor
------------------------------------------------------------------------------- */
.signature {
	font-family: cursive; font-size: 1.5em; 
	
}


/* Amory Regional Museum
------------------------------------------------------------------------------- */
p.mission {
	border: 1px solid #DDD;
	padding: 1em;
	margin-bottom: 1em;
}
section.museum {
}
section.museum div {
	width: 45%; float: left; margin-right: 1.9em;
}
section.museum h2 {
	border-bottom: 1px solid #DDD;
	margin-bottom: 0.75em;
}
section.museum ul {
	list-style: none;
	margin: 0;
}
ul.exhibits li {
	padding: 0 0 0.5em 0;
	
}

/* Police Department
------------------------------------------------------------------------------- */

section.police div {
	width: 45%; float: left; margin-right: 1.9em; font-size: 0.85em;
}
	
ol.commentlist {list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}

/* Finance / Accounting */
.people {
	margin-bottom: 1.5em;
}
.people img {
	border: 1px solid #CCC;
	padding: 4px;
	background: #EEE;
}

/* Events Manager & Calendar
------------------------------------------------------------------------------- */

/* Warnings */
	.em-warning { margin:10px 0px; padding:10px; color:#333; border-radius:3px; }
	.em-warning p { margin:10px 0px !important; padding:0px; color:#333 }
	.em-warning-errors { background-color:#FFEBE8; border:1px solid #C00; }
	.em-warning-confirms { background-color:#f1fff0; border:1px solid #a8d144; }
	a.em-button { float:right; padding:5px 10px; margin:5px; background:#EEE; color:#333; border:1px solid #CCC; border-radius:3px; display:inline-block; text-decoration:none; }
	a.em-button:hover { text-decoration:none; }	

/* Booking Form */
	#em-booking { margin:15px 0px 10px 0px; position:relative; }
	#em-booking-form  { position:relative; clear:left; }
	.em-booking-form-details  { padding:10px; width:360px; float:left; }  
	.em-booking-form-details input.input, .em-booking-form-details textarea { width:250px; }
	.em-booking-form-details p { clear:left; }
	.em-booking-form-details label { display:block; float:left; }
	.em-booking-form-details span.input-group input { margin-left:-20px; }
	.em-booking-form-details span.input-group { display:block; margin-left:120px; }
	.em-booking-form-details .em-booking-submit { width:auto; }	
	#em-booking-form label  { display:inline-block; width:100px; }	
	/* Tickets */
		.em-tickets { margin-bottom:20px; }
	/* Message Errors */
		div.em-booking-message { margin:10px 0px; padding:10px; color:#333; border-radius:3px; }
		div.em-booking-message p { margin:10px 0px !important; padding:0px; color:#333; }
		div.em-booking-message-success { background-color:#f1fff0; border:1px solid #a8d144; }	
		div.em-booking-message-error { background-color:#FFEBE8; border:1px solid #C00; }
	/* Optional Login Form */
		div.em-booking-login { padding: 10px 10px 10px 20px; margin: 0px 0px 0px 390px;	border-left: 1px solid black; }
		div.em-booking-login label { display:inline-block; width:90px; }
		div.em-booking-login p{ margin:10px 0px !important; padding:0px !important;	}	
		div.em-booking-login input { margin:0px; }
		
/* Add Event Form */
	#event-form h4 { margin:25px 0px 15px 0px; font-weight:bold; }
	#event-form p { margin-top:10px; }
	#event-form .inside { clear:both; margin-bottom:20px; }	
	/* Event Details */
		#event-form #event-name { width:80%; padding:2px; }
		#event-form .event-extra-details { margin-top:20px; }
		#event-form .event-extra-details select { vertical-align:top; }
	/*Tickets*/
		.em-tickets-row .ticket-status span.ticket_on { display:block; width:10px; height:10px; background:green; }
		.em-tickets-row .ticket-status span.ticket_off { display:block; width:10px; height:10px; background:red; }
		.em-tickets-row .ticket-status span.ticket_new { display:block; width:10px; height:10px; background:grey; }
		#event-tickets th { width:auto; }
		#event-tickets th.ticket-status { width:20px; }
		/* Overlay Form */
			#em-tickets-form { margin-top:10px; display:none; }
			#em-tickets-form input[type=text] { width:97%; padding:2px; color:#666; }
			#em-tickets-form { background-color:#fff; color:#333; display:none; width:350px; padding:15px; text-align:left;  border:2px solid #333; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }
			#em-tickets-form h4 { font-size:16px; margin:0px; padding:0px; }
			#em-tickets-form form { overflow:auto; }
			#em-tickets-form .close { background:url(../images/close.png) 0px 0px no-repeat  !important; position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; border:none; padding:0px; margin:0px; }
			#em-tickets-form #wp-submit { display:block; clear:both; }
		/*Inline Form */
			.em-ticket-form { padding:0px 10px; margin-bottom:10px; width:400px; }
			.em-ticket-form label { display:inline-block; min-width:70px; padding-right:10px; }
			.em-ticket-form div { clear:both; margin:5px 0px;}
			.em-ticket-form input.name { width:300px; }
			.em-ticket-form .space-limits input { width:40px; }
			.em-ticket-form .date-limits input { width:100px; }
			.em-ticket-form div.description { margin-top:9px;}
			.em-ticket-form textarea { width:100%; margin-top:7px; }
	/* The editor */
		#wp-em-editor-content-wrap table { margin-bottom:0px; }
	/* Location form */
		#event-form table.em-location-data td, #event-form table.em-location-data th { vertical-align:top; border:none; }
		#event-form table.em-location-data { width:50%; float:left; border:none; }
		#event-form .em-location-map-container, #event-form .em-location-map-404, #event-form .em-location-map-content { width: 400px; height: 300px; float:left; }
		#event-form .em-location-map-404 { vertical-align:middle; text-align: center; }
/* Booking Admin */
	/* Bookings Table */
		.em_obj { position:relative; }
		.em-bookings-table .em-bookings-table-export, .em-bookings-table .em-bookings-table-settings { float:left; display:block; margin:2px 5px; width:25px; height:25px;  }
		.em-bookings-table .em-bookings-table-export { background:url(../images/csv.png) 0px 0px no-repeat; }
		.em-bookings-table .em-bookings-table-settings { background:url(../images/settings.png) 0px 0px no-repeat; }
		/* Settings & Export */
			#em-bookings-table-export, #em-bookings-table-settings { width:500px; height: 75%; }
			#em-bookings-table-export form, #em-bookings-table-settings form { height: 100%; overflow:auto; }
			/* Sorting */
				.em-bookings-table ul.em-bookings-cols-sortable { list-style-type: none; margin: 0; padding: 0 0 10px; float: left; margin-right: 10px; }
				.em-bookings-table ul.em-bookings-cols-sortable li { margin: 0 5px 5px 5px; padding: 3px 8px; font-size: 12px; width: 120px; font-weight:none; cursor:move; }
				.em-bookings-table ul.em-bookings-cols-sortable li.ui-state-highlight {}
				.em-bookings-table ul.em-bookings-cols-sortable li.ui-state-default { color:#999; }
				#em-bookings-export-cols-inactive, #em-bookings-cols-inactive { width:300px; }	
				#em-bookings-export-cols-inactive li, #em-bookings-cols-inactive li { float:left; }		
/* Booking Overlay Forms*/
		.em-bookings-table-overlay { margin-top:10px; display:none; }
		.em-bookings-table-overlay input[type=text] { width:97%; padding:2px; color:#666; }
		.em-bookings-table-overlay { background-color:#fff; color:#333; display:none; width:350px; padding:15px; text-align:left;  border:2px solid #333; opacity:0.8; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-box-shadow: 0 0 50px #ccc; -webkit-box-shadow: 0 0 50px #ccc; }
		.em-bookings-table-overlay h4 { font-size:16px; margin:0px; padding:0px; }
		.em-bookings-table-overlay form { overflow:auto; }
		.em-bookings-table-overlay .close { background:url(../images/close.png) 0px 0px no-repeat  !important; position:absolute; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; border:none; padding:0px; margin:0px; }
	/* Single Booking Edit View */
		#em-bookings-admin-booking .em-booking-single-info { display:none; }		
		
/* Printable stuff */
	body#printable { font-family: Gill Sans, Helvetica, Arial, sans-serif; text-align: center; }  
	body#printable #container { margin: 0 auto; width: 780px; text-align: left; }
	table#bookings-table { width: 600px; border-spacing: 0px; }
	table#bookings-table td { padding: 5px 0; }
	table#bookings-table td.spaces-number { text-align: right; padding-right: 20px; }
	table#bookings-table th { text-align: left; margin-left: 5px; }   
	table#bookings-table tr#booked-spaces td{ border-top: 2px solid #999; }
	table#bookings-table td.total-label { text-align: right; }                                  
	table#bookings-table tr#booked-spaces td.spaces-number, table#bookings-table tr#available-spaces td.spaces-number { font-weight: bold; }
	table#em-location-data th { text-align: right; width: 50px; }

/* Calendar Styles */

/* Google Calendar */
.gce-page-grid .gce-calendar .gce-has-events {
	color: #0d3f6f !important;
	text-decoration: underline;
	font-weight: bold;
}
.gce-prev a, .gce-next a {
  display: inline-block;
  width: 15px; height: 15px;
  text-indent: -999em;
  margin-top: 5px;
}
.gce-prev a {
  background: url('images/prev-button.png') center center no-repeat;
}
.gce-next a {
  background: url('images/next-button.png') center center no-repeat;
}
.gce-caption {
	padding-bottom: 1em;
}

/* GoogleCal Widget */
.widget_gce_widget {
	background: #FFF;
	padding: 1em 1.5em;
	border: 1px solid #CCC;
}
.gce-widget-grid .gce-calendar {
	border: 0 !important;
}
.widget_gce_widget .gce-widget-grid .gce-calendar th {
	border: 0;
}
.widget_gce_widget .gce-widget-grid .gce-calendar td {
	border: 0;
	color: #888;
}
.gce-widget-grid .gce-calendar .gce-has-events {
	color: #0d3f6f !important;
	text-decoration: underline;
	font-weight: bold;
}
.gce-caption {
	padding-bottom: 0.25em;
}
.gce-event-info {
	font-size: 0.9em;
}
.widget_gce_widget h2 {
	font: 400 1.5em "Times New Roman", serif;
	text-align: center;
	line-height: 1;
}
.gce-month-title {
	font-size: 0.85em;
}


/* WordPress Calendar */
	table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {
		color: #0d3f6f !important;
		text-decoration: underline;
	}
	table.em-calendar td { padding: 2px 4px; text-align: center; }
	table.em-calendar.table tr.days-names { font-weight: bold; } 
	table.em-calendar td.eventless-pre, .em-calendar td.eventless-post { color: #ccc; }
	table.em-calendar td.eventful-pre a, table.em-calendar td.eventful-post a{ color: #aaa; text-decoration:underline; }
	table.em-calendar td.eventful a, table.em-calendar td.eventful-today a { color: #0D3F6F; }
	table.em-calendar td.eventful-today a { font-weight: bold; }
	table.em-calendar td.eventless-today, table.em-calendar td.eventful-today { background-color: #DDD; }
	table.em-calendar thead { font-size: 120%; font-weight: bold; }
	table.fullcalendar { border-collapse: collapse; }
	table.fullcalendar td { text-align: left; width: 50px; height: 50px; border: 1px solid #888; }
	div.em-calendar-wrapper { position:relative; }
	div#em-loading { position:absolute; width:100%; height:100%; background:#FFFFFF url(../images/loading.gif) 50% 50% no-repeat; left:0px; top:0px; opacity:0.8; filter:alpha(opacity=80)}
	
/* Events Page Styles */
table.events-table thead tr th { text-align: left; }
.em-events-search { margin-bottom: 1.5em; background: #EEE; padding: 1em; border: 1px solid #CCC; font-size: 0.75em; line-height: 2em; }

/*
Maps - if the info balloons don't look right on your site, chances are it's a CSS issue. 
Google is VERY sensitive to CSS rules for the infowindows, making it hard to accommodate every theme in WP. 
Please edit your theme's CSS to override this 
*/
	.em-map-balloon .em-map-balloon-content { 
		margin:0px 0px 0px 0px !important; 
		padding:0px 0px 20px 0px !important; 
		font-size:12px !important;
		color:#000000  !important;
		width:auto !important; 
		max-width:none !important;
		height:auto !important;
		max-height:none !important;
	}
	.em-location-map img, .em-locations-map img, #em-map img { 
		max-width:none !important; 
		background:none !important; 
		border:none !important; 
		margin:0 !important; 
		padding:0 !important; 
		height:auto !important; 
		width:auto !important;
	}

/* Time Picker */
	#start-time, #end-time { width:7em;}
	#start-time.error, #end-time.error { border:#cc0000 1px solid; }
	div.time-picker {  position: absolute; height: 191px; width:5em; /* needed for IE */ overflow: auto; background: #fff; border: 1px solid #aaa; z-index: 99; margin: 0; }
	div.time-picker-12hours { width:7em; /* needed for IE */ }
	div.time-picker ul { list-style-type: none; margin: 0; padding: 0; }
	div.time-picker li { cursor: pointer; height: 10px; font: 12px/1 Helvetica, Arial, sans-serif; padding: 4px 3px; }
	div.time-picker li.selected { background: #0063CE; color: #fff; }
	
/* Connections / Directory Styling */

span.address-name { display: none !important; }
div.cn-meta { display: none !important; }

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {



}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	nav#access:before, nav#access:after {
	display: none;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	nav#access:before, nav#access:after {
	display: none;
}

}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}