/*
Theme Name: bluesky gallery
Theme URI: http://blueskygallery.org
Description: Blue Sky Gallery theme February 2010
Version: 1.0
Author: Brandon Sorg
Author URI: http://brandonsorg.com
*/

/*****************************************************

	Eric Meyer CSS Reset - Reloaded
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

*****************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*****************************************************

	blueskygallery.org - styles

*****************************************************/



/* -----------------------------------------------
	MAIN / LAYOUT
----------------------------------------------- */
body {
	background-color: #fff; color: #666;
	font-size: 12px; font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
	}

#container { width: 950px; margin: 15px auto 0 auto; padding: 15px 30px 30px 30px; position: relative;	}

#content { float: right; margin: 0 40px 0 0; width: 630px; }

#header { height: 110px; background: transparent url(lib/imgs/barVertical.jpg) no-repeat right 40px; }

#site-header a {
	text-indent: -5000px; width: 170px; height: 161px; display: block;
	background: transparent url(lib/imgs/siteLogo.png) no-repeat;
	position: absolute; top: 0px; left: 0px;
}


#header #tagline { text-transform: uppercase; color: #3dbcec; font-size: 22px; position: absolute; right: 30px; top: 15px; }

/* ----------------
	SIDEBAR
---------------- */
#sidebar { margin: 90px 0 0 0; letter-spacing: -.5px;}
 .barHorizontal { height: 7px; width: 56px; background-color: #3dbcec; margin: 0 0 16px 0; } /* inserted via jquery */
#sidebar p { color: #666; line-height: 18px; }
#sidebar .sidebarBox { margin: 0 0 30px 0; }
ul#subpageOutput {  }
	#subpageOutput li { margin-bottom: 2px; }
#sidebar .current_page_item a { color: #666; }
/*sidebar buttons */
#sidebar input[type=text] { border: 1px solid #bbb; width: 150px; padding: 3px; }
.button { text-indent: -5000px; display: block; margin: 25px 0 0 0; }
	a#buttonSearch { width: 75px; height: 38px; background: transparent url(lib/imgs/button-search.png) no-repeat; }
	a#buttonSearch:hover { background-position: 0px 0px; }
	a#buttonJoinNow { width: 85px; height: 38px; background: transparent url(lib/imgs/button-joinNow.png) no-repeat; }
	a#buttonBuyNow { width: 85px; height: 38px; background: transparent url(lib/imgs/button-buyNow.png) no-repeat; }
.searchform {  }
	#search-switch { font-size: 10px; text-transform: uppercase; margin-top: 8px; }
	#search input[type=submit] { width: 90px; height: 38px; background: transparent url(lib/imgs/button-search.png) no-repeat; border: 0; outline: 0; margin: 10px 0 0 0; }
#mc_embed_signup {  }
	#mc_embed_signup input[type=email] { border: 1px solid #bbb; width: 150px; padding: 3px; }
	#mc_embed_signup input[type=submit] { width: 90px; height: 38px; background: transparent url(lib/imgs/button-signup.png) no-repeat; border: 0; outline: 0; margin: 10px 0 0 0; }


/* ----------------
	FOOTER
---------------- */
#footer { background: transparent url(lib/imgs/footerGradient.jpg) repeat-x; height: 130px; width: 100%; position: relative; bottom: 0px; }
#footer .wrapper { width: 950px; margin: 0 auto; height: 130px; position: relative; }
#footer #bsgLogoSmall { margin: 18px 0 0 0; }
#footer ul#footerNav { position: absolute; top: 50px; left: 115px; font-size: 14px; }
	ul#footerNav li { display: inline; margin: 0 18px 0 0; }
	ul#footerNav li a { color: #fff; }
#footer p { color: #333; font-size: 12px; line-height: normal; }
#footer p#contact { position: absolute; top: 87px; left: 115px; }
	p#contact a { color: #333; } p#contact a:hover { color: #fff; }
#footer p#copyright { position: absolute; top: 105px; left: 115px; }
#footer #social { position: absolute; left: 625px; top: 20px; }
	#social img { margin: 0 8px 0 0; }
#footer a#creditLink { position: absolute; left: 795px; top: 70px; }


/* -----------------------------------------------
	NAVIGATION
----------------------------------------------- */
#header .nav { position: absolute; left: 310px; top: 70px; font-family: Helvetica, Arial, sans-serif; letter-spacing: -1.5px; width: 700px; }
#header div.nav ul { list-style-type: none; text-transform: uppercase; font-size: 16px; line-height: 18px; }
#header div.nav li { display: inline; margin: 0 10px 0 0; }

/* more styles for top level are in superfish.css @ could combine */

li.current_page_parent a.sf-with-ul { color: #444 !important; }
#header .current_page_item { font-weight: bold; }

.sf-menu li a:hover { color: #3dbcec; }

.nav {  }
.nav a { color: #999; }
.nav a:hover { color: #3dbcec; }
.nav .active a { color: #666 !important; }

/* if no js */
.no-js .sf-menu > li > ul { margin-top: -10px; padding-top: 5px; }

/* small glitch */
.nav { z-index: 1000; } /* for ie7 for superfish to work properly, though help others browsers too */

/* -----------------------------------------------
	HEADERS
----------------------------------------------- */
h1, h2, h3, h4 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; line-height: normal; letter-spacing: -1px; margin-bottom: 15px; }
h1 {  } /* site image */
h2 { color: #8d8d8d; font-size: 34px; letter-spacing: -1.5px; border-bottom: 7px solid #3dbcec; padding-bottom: 10px; }
h3 { color: #333; font-size: 16px;  border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; }
h4 { color: #333; font-size: 12px; margin-top: 0px; }

#sidebar h2, #sidebar h3 { font-weight: normal; border: none; padding: 0; margin: 0; }
#sidebar h2 { text-transform: uppercase; font-size: 20px; color: #666; letter-spacing: -1.5px; line-height: 20px; margin: 0 0 16px 0; } 
#sidebar h3 {  }


/* -----------------------------------------------
	TYPOGRAPHY / STYLING
----------------------------------------------- */

/* LINKS */
a { color: #3dbcec; text-decoration: none; }
a:hover { color: #666; }

/* PARAGRAPHS */
p { line-height: 1.3; margin-bottom: 20px; }
#sidebar p { margin: 0px; }

/* LISTS */
ul {  }
li { line-height: 18px; }


/* -----------------------------------------------
	INDIVIDUAL PAGES
----------------------------------------------- */

/* GENERAL */
.page-image { margin-bottom: 25px; }

/* ----------------
	HOME
---------------- */
#nowShowing { display: block; width: 630px; height: 620px; background-color: #efefef; }
#nowShowing:hover { background-color: #ddd; }
.nowshowing {  }
.nowShowingImage { 
	height: 520px; width: 630px; padding: 25px 0;
	display: table-cell; vertical-align: middle; /* vert align hack */
}
	.nowShowingImage img { display: block; margin: auto ; }

.nowShowingInfo { width: 630px; height: 40px; background-color: #60c6ec;  }
.nowShowingInfo p { line-height: 40px; font-size: 16px; color: #fff; margin-left: 15px; letter-spacing: -1px; text-transform: uppercase; }
.nowShowingInfo .artistName { color: #0e1850; }	
.nowShowingInfo .exhibitDates { float: right; padding-right: 15px;}	

/*avoids flash of other before js on load */
/* @technique does not really work since need css below to reveal for no-js therefore nullifying this (decide between reducing flash and support for no-js)
.nowShowing { display: none; }
.nowShowing:first-child { display: block; }
*/

/* if no js */
.no-js .nowShowing { display: block; }
.no-js #nowShowing { height: auto }
.no-js .nowShowingInfo { position: relative; }

#otherArt { border-top: 8px solid #3dbcec; margin: 35px 0 0 0; }
.otherArtBox { background-color: #d9d9d9; display: block; height: 275px; width: 200px; float: left; margin: 15px 15px 0 0; }
.otherArtBox:hover { background-color: #c3c3c3; }
	.otherArtBox a { display: block; }
		.otherArtBox .thumb-wrap { display: table-cell; vertical-align: middle; width: 200px; height: 220px; }
		.otherArtBox img { display: block; margin: auto; }
.otherArtBox:last-child { margin-right: 0px } /* also set in js*/

.home h3 { color: #231f20; text-transform: uppercase; font-size: 20px; letter-spacing: -1px; line-height: normal; margin: 15px 0 0 8px; font-weight: normal; border: 0; } 

#blueskyMission { border-top: 8px solid #3dbcec; margin: 35px 0 20px 0; }
#blueskyMission h3 { margin: 15px 0 28px 0; }
#blueskyMission .readMore { float: right; margin: 15px 50px 0 0; font-size: 18px; }

#donorLogos { text-align: center; }
	#donorLogos a { display: inline-block; height: 80px; margin-bottom: 15px; margin-right: 5px; text-align: center; }

/* ----------------
	UPCOMING EXHIBITIONS  - 22
---------------- */
#upcomingList { line-height: 18px; }
.page-id-22 h3 { margin-top: 30px; }
.page-id-22 p { margin-bottom: 5px; }

/* ----------------
	ARCHIVE
---------------- */
#archiveListing { line-height: 18px; }
#archiveListing ul { margin-bottom: 30px; }
	#archiveListing h4 { margin-bottom: 10px; }
.archive a.current_year, a.current_year_all { color: #888; }
	
#archiveYears { margin-bottom: 15px; font-size: 16px; line-height: 20px; }
	#archiveYears a { display: inline-block; width: 50px; }
	
#archiveOneYear li { float: left; margin: 10px; background-color: #3DBCEC; width: 180px; }
#archiveOneYear li:hover { background-color: #24ade1; }
	#archiveListing span { display: block; } /* used to use p tag but ff bug with anchor wrapping default block level elements */
	#archiveOneYear .exhibitName { color: #fff; font-size: 13px; text-align: center; padding-top: 10px; margin: 0; }
	#archiveOneYear .exhibitMonth { color: #ddd; text-align: center; margin-bottom: 5px; font-size: 11px; }
	#archiveOneYear .exhibitImage {
		width: 180px; height: 180px;
		display: table-cell; vertical-align: middle; /* vert align hack */
	}
		#archiveOneYear img { display: block; margin: auto; }
		
.exhibitionArchiveSoon { position: relative; top: 50px; }

/* ----------------
	ARCHIVE BY ARTIST
---------------- */

/* list nav plugin */
#archiveAlpha-nav { margin-bottom: 20px; }
.listNav { margin: 0 0 10px 0; }
.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; }
.ln-letters a.ln-disabled { color:#ccc; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; } /* turned off */


/* ----------------
	SUBMISSION
---------------- */
ul#submissionGuidelines { margin: 0 0 0 30px; width: 540px; }
	#submissionGuidelines li { margin-bottom: 20px; list-style-type: disc; }
span.submissionAddress { margin: 10px 0 0 50px; display: block; } /* indents the address */


/* ----------------
	EVENTS
---------------- */
#event-listings {  }
#event-listings .event { margin: 30px 0; }
	#event-listings h4 { margin-bottom: 12px; font-size: 14px; color: #444; }
		#event-listings .eventDate { float: right; color: #777; font-size: 14px; font-weight: normal; }
	#event-listings .eventContent {  }
		#event-listings .eventContent p { margin-bottom: 10px; }


/* ----------------
	JOIN NOW
---------------- */
.membershipPurchase { width: 630px; position: relative; }
	.membershipPurchase span.price { font-size: 20px; margin-right: 15px; position: relative; bottom: 12px; }
	input.joinNow { position: relative; top: 0px; }		
	/* a.collectorsclub { position: relative; bottom: 13px; margin: 0 0 0 20px; } */ /* @removed */
	input.printCode { width: 50px; }
	.membershipPurchase select { margin-right: 10px; }
	
	/* subscribe, renewal, auto pay button */
	.annualPay { position: absolute; top: 0; left: 165px; }


.firstPrintCode { font-size: 11px; }
	.firstPrintCode a {  }
	.firstPrintCode input {  }

.secondPrintCode { font-size: 11px; padding-left: 5px; }

p.membershipDesc { margin: 7px 0 25px 0; padding-bottom: 10px; border-bottom: 1px solid #ccc; }
	a.printcodeInfo { font-size: 10px; margin: 0 7px 0 0; }

#seniorStudent { font-weight: bold; margin-bottom: 5px; }

/* remove print code fields where don't apply -first */
#ccToggleBasic .firstPrintCode,
#ccToggleStudent .firstPrintCode,
#ccToggleBookSpecial .firstPrintCode,
#ccToggleBook .firstPrintCode { display: none; }

/* no auto renew for "Special" */
#ccToggleBookSpecial .joinAutoRenew { display: none; }

/* remove print code fields where don't apply - second */
#ccToggleBasic .secondPrintCode,
#ccToggleStudent .secondPrintCode,
#ccToggleBook .secondPrintCode,
#ccTogglePrint150 .secondPrintCode,
#ccTogglePrint275 .secondPrintCode,
#ccTogglePrint1000 .secondPrintCode { display: none; }

/* @coupon temp */
a#coupon_apply small { color: #777; padding-left: 5px; }


/* ----------------
	DONATE
---------------- */

.donateSection {  }
	.donateSection h4 {  }
	.donateSection p { margin: 0px; }
	.donateSection form {  }
	input#donateAmount { width: 80px; }
#donateButtonSubmit { position: relative; bottom: -14px; padding-right: 10px; }

.donateSection#one_time { margin: 75px 0 85px 0; }
	.donateSection#one_time h4 { margin-bottom: 5px; }
	
.donateSection#recurring {  }	
	#recurring table td { padding-bottom: 8px; }
	#recurring select { margin-bottom: 15px; }


/* ----------------
	RECIPROCAL BENEFITS
---------------- */
#reciprocal_benefits_columns {
	-webkit-column-count: 2;  
    -webkit-column-gap: 30px;  
  
    -moz-column-count: 2;  
    -moz-column-gap: 20px;  
  
    column-count: 2;  
    column-gap: 20px; 
    
}
	#reciprocal_benefits_columns li { padding-bottom: 20px; display: inline-block; width: 100%;  }


/* ----------------
	LINKS
---------------- */
.page-id-39 #content ul { margin-bottom: 30px; }


/* ----------------
	COLLECTORS CLUB - @REMOVED (DRAFT FOR NOW)
---------------- */
.page-id-38 #content ul { margin: 0 0 25px 30px; width: 540px; }
	.page-id-38 #content li { margin-bottom: 12px; list-style-type: disc; }
	

/* ----------------
	CURRENTLY SHOWING - 2
---------------- */
#currentlyShowingBoxes { width: 640px; } 
	#currentlyShowingBoxes a.exhibitBox { float: left; width: 310px; height: 300px; min-height: 300px; margin-bottom: 15px; margin-right: 10px; background-color: #3dbcec; position: relative; padding-bottom: 10px; }
	#currentlyShowingBoxes a.exhibitBox:hover { background-color: #24ade1; }
		#currentlyShowingBoxes .exhibitName { font-size: 18px; text-transform: uppercase; color: #fff; line-height: auto; margin: 8px 0 0 4px; padding: 0 5px; }
		#currentlyShowingBoxes .exhibitImage {
			height: 250px; width: 310px;
			display: table-cell; vertical-align: middle; /* vertical align hack */
		}
			#currentlyShowingBoxes .exhibitImage img { display: block; margin: auto ; }
	#currentlyShowingBoxes .exhibitBoxLine { border-top: 3px solid #fff; height: 12px; width: 100%; position: absolute; bottom: 0px; }
	

/* ----------------
	PRINT PROGRAM
---------------- */
div#jump-to a { font-size: 18px; margin: 4px; position: relative; top: 3px; }
	a.pricePoint { font-size: 24px; background-color: #ddd; display: block; width: 610px; padding: 10px; }
	a.pricePoint:hover { color: #3dbcec;  }
.printProgram-list { margin: 20px 0 50px 0; display: block; }
.printProgram-list li { margin: 15px 0 20px 0; }
.printProgram-list span.info { vertical-align: top; display: block; }
.printProgram-list span.printcode {  }


/* ----------------
	BLOG - 15 #blog
---------------- */
#blog .page-item-15 { font-weight: bold; } /* always active when on any blog page */
#blog { background-color: #eee; }
#blog #container { background-color: #fff;   }

#blog #content img { max-width: 630px; height: auto; } 

#blog h1 { color: #8d8d8d; font-size: 34px; letter-spacing: -1.5px; border-bottom: 7px solid #3dbcec; margin-bottom: 40px; }
	
.blog-post { margin-bottom: 70px; position: relative; }
	.blog-post h2 { color: #333; font-size: 18px;  border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 30px; }
		.blog-post h2 a { color: #333; }
		.blog-post h2 a:hover { color: #3dbcec; }
		.blog-post .post-date { float: right; font-weight: normal; color: #777; font-size: 16px; position: relative; top: 2px; }
		.blog-featured { display: block; margin: 0 auto; margin-bottom: 20px; }
		.blog-post .post-content { margin-bottom: 30px; }
		.blog-post .post-meta { text-transform: uppercase; }
			.post-meta .label { font-color: #333; }
			.blog-post .post-termsList {  }
			.blog-post .comment-count { float: right; }
			.blog-post .post-author { display: block; }
.blog-post .post-edit-link { position: absolute; top: 38px; left: 0px; font-size: 10px; text-transform: uppercase; }
.blog-post readMore { margin: 15px 0; display: block; }

/* single */
#blog.single h1 { margin-bottom: 25px; }
#blog #back { margin-bottom: 20px; display: block; text-transform: uppercase; }

/* archive */
.postNav { text-transform: uppercase; }

/* ----------------
	EXHIBITION - SINGLE
---------------- */
.single-exhibition #showStatus { margin: 0 0 10px 0; font-weight: bold; }

/* slideshow */
#slideshowWrapper { position: relative; height: 620px; margin-bottom: 10px;}
	#slideshowWrapper.single { height: 575px; } /* if a slideshow, meaning nextgen gallery, but only 1 image, this class is added */
#singleWrapper { margin-bottom: 30px; } /* if no slideshow but a featured image, this appears */
#slideshow { width: 630px; height: 500px; display: block; background-color: #fff; }
	.exhibitionSlide {  }
	.exhibitionImage {
		background: #efefef;
		width: 630px; height: 500px;
		display: table-cell; vertical-align: middle; /* vert align hack */
	}
		.exhibitionImage img { display: block; margin: auto ; }
	.exhibitionImageMeta { line-height: 16px;  margin-top: 30px; color: 555; }
		.exhibitionImageMeta .title { font-style: italic; color: #333; font-weight: bold; font-size: 13px; margin: 0 0 2px -1px; }
		.exhibitionImageMeta .date {  }
		.exhibitionImageMeta .medium {  }
		.exhibitionImageMeta .size {  }
		.exhibitionImageMeta .caption {  }

#slideshowNav { font-size: 50px; float: right; position: relative; top: -3px; z-index: 500; }
	#slideshowNav a { padding: 2px 7px; }

#slideshowNav #next { }
#slideshowNav #prev { }
#slideshowNav .inactive { color: #aaa !important; }

#count { float: left; margin-top: 12px; font-size: 11px; color: #999; }
#count p { display: inline; }

/*avoids flash of other before js on load */
/* @ see front slideshow for note
.exhibitionSlide { display: none; }
.exhibitionSlide:first-child { display: block; }
*/

/* if no js */
.no-js .exhibitionSlide { display: block; }
.no-js #slideshow, .no-js #slideshowWrapper { height: auto; }
.no-js #slideshowNav { display: none; }

#exhibitionInfo #artistWebsite { margin-bottom: 25px;  }
#exhibitionInfo h4 { margin-bottom: 25px; }
#exhibitionSponsor { margin-top: 35px; }
	.sponsor-image { max-height: 70px; width: auto; padding-right: 10px; margin-bottom: 15px; }

/* ----------------
	INFORMATION
---------------- */
#googleMap { margin-bottom: 20px; } /* google-map shortcode */


/* ----------------
	SEARCH
---------------- */
.result { margin-bottom: 40px;}
	.result p { margin: 0; padding: 0; }
	.result .type { font-weight: bold; color: #333; margin-bottom: 8px;  }
		.result .date { margin-bottom: 10px; font-weight: normal; color: #888; }
	.result h3 { border: 0; margin-bottom: 8px; padding: 0; }

.search #noresults { margin: 50px 0; font-size: 16px; }


/* ----------------
	ERROR
---------------- */
.error404 p#error-note { margin: 50px 0; font-size: 16px; }

/* ----------------
	ATTACHMENT
---------------- */
.attachment #sidebar, .attachment  #footer, .attachment  .nav, .attachment  #tagline   { display: none; }
.attachment #header { background: none; }
.attachment #content { margin-top: -50px; }

/*-----------------------------------------------
	TEMPLATES
----------------------------------------------- */

/* LOGO ONLY */
.page-template-page-LOGOONLY-php #sidebar, .page-template-page-LOGOONLY-php #footer, .page-template-page-LOGOONLY-php .nav, .page-template-page-LOGOONLY-php #tagline   { display: none; }
.page-template-page-LOGOONLY-php #header { background: none; }
.page-template-page-LOGOONLY-php #content { margin-top: -50px; }


/*-----------------------------------------------
	MISC
----------------------------------------------- */
a:focus, a:hover, a:active { outline:none }  /* fixed ff outlining on links */

.button:active, #social a:active, a#creditLink:active img, #donorLogos img:active { position: relative; top: 2px; } /* gives click feel to these items */

hr { color: #ccc; background-color: #ccc; border: 0; height: 1px; margin-bottom: 20px; } 

/* next / prev */
.postNav { margin: 30px 0; }
	.next { float: left; }
	.prev { float: right; }
	
/* user status - logout info & edit links */
#userStatus { position: absolute; top: 3px; right: 3px; font-size: 10px; background-color: #3DBCEC; color: #fff; padding: 4px 5px; }
	#userStatus a { color: #fff; }
	#userStatus a:hover { color: #333; }
.editLink, .comment-edit-link { color: #6666ff !important; }
.add-news-link { position: absolute; top: 10px; right: 10px; font-size: 10px; } /* @ might use this at some point */
#login { display: block; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 50px; height: 25px; background-color: transparent; }


/*-----------------------------------------------
	CLASSES
----------------------------------------------- */
.floatLeft, .left { float: left; }
.floatRight, .right {float: right; }
.hidden { display: none; }
small { font-size: 10px; }
.clear { clear: both; }
strong { font-weight: bold; }
em { font-style: italic; }

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

/*-----------------------------------------------
	WP EDITOR - POST CONTENT @ needs to be setup
----------------------------------------------- */
/* floats - padding does left/right, margins top/bottom */
.alignleft, img.alignleft { float: left; padding: 0 15px 0 0; margin: 5px 0; }
.alignright, img.alignright { float: right; padding: 0 0 0 15px; margin: 5px 0;  }
.aligncenter, img.aligncenter { padding: 0; margin: 5px auto; display: block; clear: both; }
.alignnone, img.alignnone { padding: 0; margin: 5px auto; }

/* for post content, set some standard styling */
#blog .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 { margin: 0 0 15px 0 !important; padding: 0; font-weight: bold; border: 0; color: #333; }
#blog .post-content h1 { font-size: 24px; }
.post-content h2 { font-size: 18px; }
.post-content h3 { font-size: 16px; }
.post-content h4 { font-size: 14px; }
.post-content h5 { font-size: 12px; }
.post-content h6 { font-size: 10px; }

.post-content ul, .post-content ol { margin: 20px 0; padding-left: 20px; }
.post-content ul { list-style-type: disc; }
.post-content ol { list-style-type: decimal; }
.post-content li { margin-bottom: 2px; }

.post-content img { max-width: 630px; height: auto; } 
.post-content div.wp-caption[style] { max-width: 630px; } 


/* captions */
.wp-caption { padding-top: 4px; margin: 10px 0; }
.wp-caption img { margin: 0; padding: 0; border: none; }
.wp-caption p.wp-caption-text {	text-align: center; font-size: 10px; font-style: italic; line-height: 17px; padding: 4px 5px; margin: 0; }


/* -----------------------------------------------
	WP COMMENTS @ not using now, not set up
----------------------------------------------- */
#comments-wrapper { margin-top: 30px; }
/* COMMENT LIST */
h3#comments { font-size: 14px; margin: 0px 0 25px 0; padding: 5px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; clear: both; }
#comments-wrapper ol.commentlist { margin-bottom: 50px; list-style-type: none; margin-left: 0px; }
	.commentlist li { margin: 0 0 20px 0; padding: 10px 0 10px 0; } /* .comment .thread-even */
		.byuser { background-color: #eee; }
		div.comment-body { padding: 0 10px; } /* wraps whole comment */
			div.comment-author { text-transform: uppercase; float: left; font-size: 13px; margin-right: 15px; color: #555; } 
			div.comment-author a { position: relative; z-index: 10; /* helps with clickability */ } /* when website is provided, it becomes a link */
				span.says { display: none; }
			div.comment-author img {  }  /* remove this, its the image - TURNED OFF IN WP */
			div.comment-meta { float: left; margin: 0 0 15px 0; font-size: 10px; position: relative; bottom: 1px; float: right; padding-right: 5px; }
				div.comment-meta a, div.comment-meta a:hover { color: #444; } /* essentially targets date/time */
				a.comment-edit-link { color: #3dbcec !important; text-transform: uppercase; }
			.comment-body p { clear: both; margin-bottom: 6px; } /* actual comment text */
p.nocomments {  } /* if no comments */

/* COMMENT FORM */
#respond { clear: both; }
	#respond h3 { font-size: 18px; margin-top: 30px; } /* "post a comment" */
	p.cancel-comment-reply {  }
	form#commentform {  } 
		#commentform p {  } /* one line at top then all fields wrapped in p */
			.logged-in-as-holder {  }
			.logged-in-as-holder a.logged-in-as { text-transform: capitalize; }
		input#author {  }
		input#email {  }
		input#url {  }
		#commentform textarea { width: 450px; }
		#commentform input#submit { margin: 10px 0 0 0; display: block; }


/*-----------------------------------------------
	FONTS
----------------------------------------------- */

	/* @ currently not in use - see doc */
	

/*************************************************
	PRINT STYLES
*************************************************/
/*
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; } 
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
  
  .do-not-print { display: none; }
}
*/

/*************************************************
	BROWSER FIXES 
*************************************************/

 	/* ie in conditional */
 	

/*************************************************
	MEDIA QUERIES FOR RESPONSIVE DESIGN
*************************************************/
/*
	basic mobile could just go here
	or in the handheld.css sheet
*/

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}