/*
Theme Name: Hubub
Theme URI: 
Description: This a custom theme built for the School of Communications at Loyola University.
Author: Derek S. Moore
Author URI: http://madebysa.com
Version: 1.1
*/

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, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, header, section, footer, article, details { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
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: "" ""; }

/*--- HTML5 -----*/
header, nav, details, section, aside, footer{display: block;}

html{overflow-x: hidden;}
body{ margin: 0; padding: 0; font:62.5% 'Arial', Verdana Sans-Serif; background:#fff; color: #666; background: url(images/bg.jpg) top center repeat-x; }
	body.sub{ background: url(images/bg.jpg) left -189px repeat-x;}

a{color: #6b0013; text-decoration: none;}
	a:hover{text-decoration: underline;}

#wrapper{max-width: 1140px; margin: 0 auto; /* -webkit-transition: all 0.2s ease-in-out; */}

/*------ Header -----*/
header{background: #919191;}
	header #logo{background: #000 url(images/logo.png) center center no-repeat; background-size: 100%;  max-width: 190px; width: 16.6520596%; height: 227px; float: left;}

	#description{background: #fff; color: #222; float: left; width: 83.3479404%;}
		#description p{font-size: 1.8em; float: left; padding: 8px; font-family: myriad-pro, sans-serif;}
		#description a{width: 100px; display: inline-block; float: right; height: 28px; font-size: 1.2em; text-align: center; background: #aaa; color: #fff; text-transform: uppercase; text-decoration: none; padding-top: 10px; letter-spacing: 5px; }
			#description a:hover{text-decoration: underline;}

/*------ Post Squares------*/
.post-squares{width: 950px; float: left; height: 189px;}
	body.sub .post-squares{width: 760px;}
	.post-squares h3 {float: left;}
	.post-squares h3 a{background: #919191; width: 190px; height: 189px;}
		a.title-featured-posts.ir{background: #919191 url(images/title-featured-posts.png) center center no-repeat; background-size: 100%; }
		a.title-recent-posts.ir{background: #919191 url(images/title-recent-posts.png) center center no-repeat; background-size: 100%;}

	/*--- Post Square ---*/
	.square {background: #f7f7f7; display: block; width: 170px; height: 169px; float: left; padding: 10px; overflow: hidden;}
		.square:hover{text-decoration: none;}

		/*--- Media Icons ---*/
		.square .view-post{background: url(images/media-icons.png) 0 0 no-repeat; width: 16px; height: 17px; display: block; float: right; margin: 0 0 0 0; -webkit-transition: all 0.2s ease-in-out;}
			.square:hover .view-post{opacity: .5;}
		.square .view-post.Gallery{background-position: -17px 0;}
			.square.thumb .view-post.Gallery{background-position: -17px -16px;}
		.square .view-post.Audio{background-position: -36px 0;}
			.square.thumb .view-post.Audio{background-position: -36px -16px;}
		.square .view-post.Video{background-position: -53px 0; height: 16px;}
			.square.thumb .view-post.Video{background-position: -53px -16px;}	
	
		.square strong{font-family: minion-pro,sans-serif; color: #666056; font-size: 2.2em; text-shadow: 0 0 2px #fff; display: block; margin-top: 200px; -webkit-transition: all 0.2s ease-in-out;}
			.square:hover strong{margin-top: 0;}
		.square .deets li{background: #e5e5e5; padding: 3px; display: inline-block; margin-bottom: 2px; color: #6e6e6e; font-family: 'myriad-pro', sans-serif;}
			.square .deets li span{color: #333; font-style: italic; text-transform: uppercase;}

		/*--- w/thumb ---*/
		.square.thumb strong{font-family: minion-pro,sans-serif; color: #fff; font-size: 2.2em; text-shadow: 0 0 2px #222; display: block; margin-top: 200px; -webkit-transition: all 0.2s ease-in-out;}
			.square.thumb:hover strong{margin-top: 0;}
		.square.no-thumb strong{margin-top: 0;}

		.square.thumb .deets li{background: rgba(0, 0, 0, .5); padding: 3px; display: inline-block; margin-bottom: 2px; color: #fff; font-family: 'myriad-pro', sans-serif;}
			.square.thumb .deets li span{color: #fff; font-style: italic; text-transform: uppercase;}


	a.view-archives{ float: left; background: #292005 url(images/button-archives.png) center center no-repeat; width: 190px; height: 189px; /* -webkit-transition: all 0.9s ease-in-out; */}
		a.view-archives:hover{background: #291005 url(images/button-archives.png) center center no-repeat;}

/*------ Search -----*/
#search{border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; margin-top: 10px;}
	#search input{border: none; font-size: 1.5em; color: #ccc; padding: 10px 7px; text-transform: uppercase; width: 100%; font-family: myriad-pro, sans-serif; -webkit-transition: all 0.1s ease-in-out;}
	#search input:hover{color: #999;}
	#search input:focus{color: #666; text-transform: none;}
	
/*------ Content -----*/
#content{clear: both; background: #f7f7f7; border-bottom: 1px solid #dcdcdc; padding: 20px 56px;}
embed, object, video { /*max-width: 100%; width: 100%; float:left;*/ width:500px; margin: 0 10px 42px 0;}

img{ max-width: 100%;}

.alignleft{
	float:left;
	padding: 5px 5px 0 0;
}

.alignright{
	float:right;
	padding: 5px 0px 0 5px;
}

/*------ Post -----*/
#breadcrumb{margin-bottom: 15px; font-size: 1.1em;}

#page.post{width: 88% /* 834px / 950px */; margin: auto;}
	#page.post h2{font-family: minion-pro, sans-serif; color: #666056; font-size: 3em; text-shadow: 0 0 2px #fff; margin-bottom: 25px; margin-left: 7px;}
	#page.post article{	/*-moz-column-count: 2;*/ -moz-column-gap: 44px; -webkit-column-count: 2; -webkit-column-gap: 44px; column-count: 2; column-gap: 44px; }
		
		/*--- Video post ---*/
		#page.post.Video article{-moz-column-gap: 150px !important; -webkit-column-count: 0; column-count: 0;}
			#page.post.Video article .deets, #page.post.Video article iframe{float: left; margin-right: 15px !important;}
			#page.post.Video article #share{float: left; width: auto; margin: 0 10px 10px 0;}
		
            #gallery{height:500px; max-width: 500px; overflow-x: hidden; float: none; margin-bottom: 20px; scrollbar-track-color: #ccc;}
				.scroll-down{width: 15px; height: 500px; position: absolute; margin: 0; padding-left: 4px; font-size: 2em; line-height: 3em; color: rgba(255, 255, 255, .5); -moz-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in;}
				#gallery:hover .scroll-down{color: rgba(255, 255, 255, .9);}
				
					
		#soundmanager-debug {
		 /* SM2 debug container (optional, makes debug more useable) */
		 position:absolute;position:fixed;*position:absolute;bottom:10px;right:10px;width:50em;height:18em;overflow:auto;background:#fff;margin:1em;padding:1em;border:1px solid #999;font-family:"lucida console",verdana,tahoma,"sans serif";font-size:x-small;line-height:1.5em;opacity:0.9;filter:alpha(opacity=90);
		}
			
.edit-link{float: right; margin-right: -60px; margin-top: -50px;}
	.edit-link a{background: #ddd; color: #fff; padding: 5px 7px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -webkit-transition: all .1s ease-in-out; }
		.edit-link a:hover{text-decoration: none; background: #aaa;}

	#page.post p{font-size: 1.2em; margin: 0 0 15px 0; line-height: 1.6em;}
	#page.post ul, #page.post ol{margin-left: 15px; margin-bottom: 15px;} 
	#page.post li{font-size: 1.2em; list-style: disc; margin-bottom: 3px;}
		#page.post blockquote{border-left: 1px solid #ccc; padding-left: 10px; margin-left: 10px; margin-bottom: 10px; font-style: oblique;}
	
	img.alignnone, .wp-caption img {border: 1px solid #ccc;}
		.wp-caption p{font-size: 1em !important; padding: 3px; font-style: italic; color: #333;}
	
	
	#page.post article ul.deets {width: 300px; margin-left: 0;}
	#page.post article .deets li{background: #e5e5e5; padding: 3px; display: inline-block; margin-bottom: 2px; color: #6e6e6e; font-family: 'myriad-pro', sans-serif;}
		#page.post article .deets li span{color: #333; font-style: italic; text-transform: uppercase; }

		#share{background: none; margin-top: 20px; max-width: 400px;}
		#share .button {cursor: pointer; background: #666; padding: 3px 5px; color: #fff; text-transform: uppercase; font-size: 1.2em; font-family: 'myriad-pro', sans-serif; margin: 0;}
			#share .social{opacity: 0; margin-top: -17px; margin-left: 50px !important; height: 30px; list-style: none; }
			#share .social li{float: left; width: 105px; list-style: none;}
			#share:hover .social{opacity: 1;}

/*------ Comments ------*/
#comment-section-title{margin-top: 100px; padding-top: 10px; background: #555; color: #fff; display: inline-block; padding: 5px; text-transform: uppercase; letter-spacing: 3px; border-radius: 4px; cursor: pointer;}
	#comment-section-title:hover{background: #888;}
	#comment-section{ border-top: 1px dashed #ccc;}
	#comment-content{background: #e6e6e6; color: #555; padding: 7px; margin: 25px auto; border-radius: 4px;}
	#comment-content h3{font-size: 2em; font-family: 'myriad-pro', sans-serif; letter-spacing: 5px; text-transform: uppercase;}

	#page.post ol{margin: 0;}
		#page.post ol.commentlist li{list-style: none; margin: 0 0 7px 0; font-size: 1em; border-bottom: 1px dashed #ccc; padding-bottom: 10px;}
		.comment-author{}
		.comment-author img{float: left; border: 3px solid #fff; margin-right: 5px;}

		.reply a{padding-top: 10px; background: #555; color: #fff; display: inline-block; padding: 5px; text-transform: uppercase; letter-spacing: 3px; border-radius: 4px; cursor: pointer;}

#comment{width: 99%; max-width: 865px;}

/*------ 404 ------*/
#not-found{background: #c9c5bf; padding: 15px; color: #fff; margin-bottom: 25px; font-family: 'myriad-pro', sans-serif; text-shadow: 0 0 1px #888; border: 5px dashed #9a9388;}
#not-found h2{font-size: 3em; margin-bottom: 5px;}
#not-found p{font-size: 1.8em; line-height: 1.3em;}

/*------ Archives -----*/
#page.archives{max-width: 1029px; width:  margin: 0 auto;}
	#page.archives h2{background: url(images/title-archives.png) no-repeat; width: 100%; height: 26px; margin-bottom: 28px;}
		#page.archives h2.search-title{background: url(images/title-search.png) no-repeat; }
		#page.archives #all h3.results{background: url(images/title-archive-results.png) no-repeat; padding-left: 170px; font-size: 1.4em;}
		#page.archives #all h3.results span.hide{display: none;}
		#page.archives #all h3.results span{background: #f4ce6a; padding: 3px 5px; color: #333;}

		#page.archives #all h3.archives-for{background: url(images/title-results.png) no-repeat; padding-left: 170px; font-size: 1.4em;}
		#page.archives #all h3.archives-for span.hide{display: none;}
		#page.archives #all h3.archives-for span{background: #f4ce6a; padding: 3px 5px; color: #333;}

	#page.archives ul li{margin-bottom: 14px; font-size: 1.2em;}
	
	/*--- ALL ---*/
	#page.archives #all{width: 438px; float: left;}
		#page.archives #all h3{background: url(images/title-all.png) no-repeat; width: 100%; height: 12px; margin-bottom: 28px;}


	/*--- Post Square ---*/
	#page.archives #all .post {background: #f7f7f7; display: block; margin-bottom: 10px; padding: 4px; margin-right: 20px; -webkit-transition: all 0.2s ease-in-out;}
	#page.archives #all .post:hover {text-decoration: none;}
		#page.archives #all .post strong{font-family: minion-pro,sans-serif; color: #666056; font-size: 2em; text-shadow: 0 0 2px #fff; display: block; position: relative;}
			#page.archives #all .post:hover {background: #e6e6e6; border-radius: 8px; padding: 4px;}
			#page.archives #all .post .deets li{background: none; padding: 3px; display: inline-block; margin-bottom: 2px; color: #a1a1a1; font-family: 'myriad-pro', sans-serif;}
			#page.archives #all .post .deets li span{color: #777; font-style: italic; text-transform: uppercase;}


	/*--- Categories ---*/
	#page.archives #categories{width: 213px; float: left;}
		#page.archives #categories h3{background: url(images/title-categories.png) no-repeat; width: 100%; height: 12px; margin-bottom: 28px;}


	/*--- Year ---*/
	#page.archives #year{width: 100px; float: left;}
		#page.archives #year h3{background: url(images/title-year.png) no-repeat; width: 100%; height: 12px; margin-bottom: 28px;}


	/*--- Author ---*/
	#page.archives #author{width: 198px; float: left;}
		#page.archives #author h3{background: url(images/title-author.png) no-repeat; width: 100%; height: 12px; margin-bottom: 28px;}


/*------ Widgets -----*/
#widgets{margin: 20px 0;}
	#widgets h3{margin-bottom: 14px;}
	
	/*--- Feeds ---*/
	#widgets #feeds{width: 313px; float: left; padding: 0 39px 0 10px;}
		#widgets #feeds h3{background: url(images/title-feeds.png) no-repeat; width: 41px; height: 16px;}
		.widgettitle{display: none;}
		#feeds div ul li{margin-bottom: 10px;}
			#feeds div ul li a{font-size: 1.2em;}
			.rss-date{font-size: 1em; color: #ccc; display:block;}
			.rssSummary{font-size: 1.1em;}


/*--- Recent Posts on Homepage ---*/
	#widgets #recentposts{width: 313px; float: left; margin: 0 39px;}
		#widgets #recentposts h3{background: url(images/title-recentposts.png) no-repeat;}
		.widgettitle{display: none;}
		#recentposts ul li{margin-bottom: 10px;}
			#recentposts ul li a{font-size: 1.2em;}
			#recentposts ul .rss-date{font-size: 10px; color: #ccc;font: 'Arial',Verdana Sans-Serif;}
			.rssSummary{font-size: 1.1em;}


	/*--- Twitter ---*/
	#widgets #twitter{max-width: 310px; float: left; margin-right: 39px;}
		#widgets #twitter h3{background: url(images/title-twitter.png); width: 45px; height: 9px;}

		.tweet, .query { font-size: 1.2em;}
			.tweet_list {  overflow-y: hidden; }
				.tweet_list .awesome, .  .epic { text-transform: uppercase; }
				.tweet_list li { overflow-y: auto; overflow-x: hidden; margin-bottom: 13px;}
				.tweet_list .tweet_avatar { padding-right: .5em; float: left; }
					.tweet_list .tweet_avatar img { vertical-align: middle; }

	/*--- About ---*/
	#widgets #about{width: 352px; float: left; margin-left:10px;}
		#widgets #about h3{background: url(images/title-about.png); width: 45px; height: 9px;}
		#widgets #about p{font-size: 1.2em; line-height: 2.1em}
		.read-more{text-transform: uppercase; font-family: myriad-pro; font-weight: bold;}

/*------ Footer -----*/
footer{border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; height: 10px; padding: 10px 0;}
	.description{float: left;}
	footer nav{float: right;}
	footer nav ul li{float: left; margin-left: 3px;}
		footer nav ul li a{color: #666; text-decoration: none; text-transform: uppercase;}
		footer nav ul li a:hover{text-decoration: underline;}
		
		.loyola-logo{background: url(images/loyola-logo.png); width: 154px; height: 34px; float: right; margin: 10px 0 20px 0;}

/*--------- Common Styles --------*/
.ir{ display: block; text-indent: -9999px; background-repeat: no-repeat;}
.clear{clear: both;}

::selection { background:#222; color:#fff; }
::-moz-selection { background:#222; color:#fff; }
::-webkit-selection { background:#222; color:#fff;}

/*--- WEB ---*/
@media screen and (max-width: 1200px) { 

	body{background-position: 0 -61px;}
	body.sub{background-position: 0 -218px;}
	header #logo{height: 196px; float: left; -webkit-background-size: 100%; background-size: 100%;}

	#wrapper{max-width: 960px; margin: 0 auto; overflow: hidden;}
	#description p{font-size: 1.6em; }
	body.sub .post-squares{width: 641px;}

	.post-squares{width: 801px; float: left; height: 158px;}
	.post-squares h3 a{ width: 161px; height: 154px; float: left; -webkit-background-size: 100%;}
		a.view-archives{ width: 159px; height: 160px; -webkit-background-size: 100%;}

	.square{width: 140px; height: 140px; }
		.square .view-post{ width: 17px; height: 17px; display: block; float: right; margin: 127px -10px 0 0; -webkit-transition: all 0.2s ease-in-out;}
		.square strong{font-family: minion-pro,sans-serif; color: #666056; font-size: 1.8em; text-shadow: 0 0 2px #fff; display: block; margin-top: 200px; -webkit-transition: all 0.2s ease-in-out;}

	/*--- widgets ---*/
	#widgets #twitter{width: 275px; float: left;}
	#widgets #about{width: 275px; float: left;}
}

/*--- iPad Portait ---*/
@media screen and (max-width: 969px) { 

	body.sub{background-position: 0 -220px; }

	#wrapper{max-width: 768px; margin: 0 auto;}
	#description p{font-size: 1.4em; }

	body.sub .post-squares{width: 514px; overflow: hidden;}

	.post-squares{width: 641px; float: left; height: 158px;}
	.post-squares h3 a{ width: 133px; height: 158px; float: left; -webkit-background-size: 100%; background-size: 100%; background-position: center center;}
		a.view-archives{ width: 127px; height: 158px; -webkit-background-size: 100%; background-size: 100%;}

	.square .view-post{background: url(images/media-icons.png) 0 0 no-repeat; width: 16px; height: 17px; display: block; float: right; margin: 155px 10px 0 0; -webkit-transition: all 0.2s ease-in-out;}

	a.square{width: 107px; height: 140px; }
		.square.no-thumb strong{font-size: 1.6em;}
		.square.thumb strong{font-family: minion-pro,sans-serif; color: #fff; font-size: 1.6em; text-shadow: 0 0 2px #ccc; display: block; margin-top: 0; -webkit-transition: all 0.2s ease-in-out; }
			.square:hover strong{margin-top: 0;}
		.square .deets li{background: #e5e5e5; padding: 3px; display: inline-block; margin-bottom: 2px; color: #6e6e6e; font-family: 'myriad-pro', sans-serif; font-size: .5em;}
			.square .deets li span{color: #333; font-style: italic; text-transform: uppercase;}

	/*--- widgets ---*/
	/*--- Feeds ---*/
	#widgets #feeds{width: 255px; float: left;}
	#widgets #twitter{width: 235px; float: left;}
	#widgets #about{width: 235px; float: left;}

	#gallery{max-width: 500px; overflow: visible; height: auto;}
		.scroll-down{display: none;}

}


/*--- iPhone Landscape ---*/
@media screen and (max-width: 770px) { 
	body.sub{background-position: 0 -218px !important;}


	#wrapper{width: 100%; margin: 0 auto; background-image: none; background: #fff; overflow: hidden;}
	header{background: #000; width: 100%;}
	header h1{width: 100%;}
	header #logo{width: 100%; display: block; float: none; background: #000 url(images/hubbub-mobile-logo.gif) center center no-repeat; height: 65px; margin: 0 auto;}
	#description {width: 100%;}
	#description p{font-size: 1.2em; width: 100%;}
		#description a{display: none;}

	.post-squares{width: 100%; height: auto; float: none; clear: both;}
		.square{width: auto !important; height: 60px !important; background: #fff; float: none; display: block; padding-bottom: 10px; border-bottom: 1px solid #ccc; clear: both; background-repeat: no-repeat; background-size: 25%; }
		.square .view-post{margin-top: 0; margin-right: 0;}

		/*--- Media Icons ---*/
		.square.thumb .view-post.Gallery{background-position: -17px 0; height: 16px;}
		.square.thumb .view-post.Audio{background-position: -36px 0;}
		.square.thumb .view-post.Video{background-position: -53px 0;}

	
	body.sub .post-squares{width: 100%;}
		
		/*--- w/thumb ---*/
		.square.thumb strong, .square.no-thumb strong{font-family: minion-pro,sans-serif; color: #666056; font-size: 1.8em; text-shadow: 0 0 2px #fff; display: block; margin-top: -6px; margin-left: 25%;}
			.square.thumb:hover strong{margin-top: -6px;}
			.square.no-thumb strong{margin-left: 0;}
		.square.thumb .deets{margin-left: 25%;}
		.square.thumb .deets li, .square.no-thumb .deets li{background: none; padding: 3px; display: inline-block; margin-bottom: 2px; color: #6e6e6e; font-family: 'myriad-pro', sans-serif;}
			.square.thumb .deets li span{color: #333; background: none; font-style: italic; text-transform: uppercase;}
		
		.post-squares h3{width: 100%;}
		a.title-featured-posts.ir, a.title-recent-posts.ir{ width: 100%; height: 30px; padding-top: 13px; float: none; text-indent: 0; background-image: none; color: #fff; font-size: 1.6em; text-transform: uppercase; clear: both; text-align: center; letter-spacing: 5px; font-family: 'myriad-pro', sans-serif;}
			a.view-archives{ width: 100%; height: 30px; padding-top: 13px; text-indent: 0px; background-image: none; color: #fff; font-size: 1.6em; text-transform: uppercase; text-align: center; letter-spacing: 5px; font-family: 'myriad-pro', sans-serif;}
			a.view-archives:hover{background-image: none;}
		
		.edit-link{display: none;}

		#share .button {cursor: pointer; background: #666; padding: 3px 5px; color: #fff; text-transform: uppercase; font-size: 1.2em; font-family: 'myriad-pro', sans-serif; margin: 0;}
			#share .social{opacity: 1;}
			#share .social li{}

/*------ Archives -----*/
#page.archives{width: 100%; margin: 0 auto;}
	#page.archives h2, #page.archives h2.search-title{ font-family: 'myriad-pro', sans-serif; font-size: 3em; text-transform: uppercase; clear: both; letter-spacing: 5px; background: none; text-indent: 0;}
	#page.archives ul li{margin-bottom: 14px; font-size: 1.2em;}
	#page.archives h3{ font-family: 'myriad-pro', sans-serif; font-size: 1.8em; text-transform: uppercase; clear: both; letter-spacing: 3px; background: none; text-indent: 0;}
	
	
	/*--- ALL ---*/
	#page.archives #all{width: 100%; float: none; border-radius: 4px;}
		#page.archives #all h3{background: none; width: 100%; height: 12px; margin-bottom: 28px;}

	/*--- Categories ---*/
	#page.archives #categories{width: 100%; float: none;}
		#page.archives #categories h3{background: none; width: 100%; height: 12px; margin-bottom: 28px; list-style: none;}


	/*--- Year ---*/
	#page.archives #year{width: 100%; float: none;}
		#page.archives #year h3{background: none; width: 100%; height: 12px; margin-bottom: 28px;}


	/*--- Author ---*/
	#page.archives #author{width: 100%; float: none;}
		#page.archives #author h3{background: none; width: 100%; height: 12px; margin-bottom: 28px;}



	/*--- widgets ---*/
	/*--- Feeds ---*/
	#widgets #feeds, #widgets #twitter, #widgets #about{width: auto; max-width: 98%; float: none; margin: 0 10px 10px; border-bottom: 1px solid #ccc; display: none;}

	footer{border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; height: 20px; padding: 10px 0;}
		.description{float: none; margin-bottom: 5px; margin-left: 5px;}
		footer nav{float: none; margin-left: 3px;}

		.loyola-logo{background: url(images/loyola-logo.png); width: 154px; height: 34px; float: none; margin: 20px auto 20px;}

}

@media screen and (max-width: 625px) { 

#content{padding: 20px 26px;}

/*------ Post -----*/
#page.post{width: 100% /* 834px / 950px */; margin: auto;}
	#page.post h2{font-family: minion-pro,sans-serif; color: #666056; font-size: 3em; text-shadow: 0 0 2px #fff; margin-bottom: 25px;}
	#page.post article{	 -moz-column-count: 0; -moz-column-gap: 0; -webkit-column-count: 0; -webkit-column-gap: 0; column-count: 0; column-gap: 0; }	
	#page.post article .deets {width: 185px;}
	#page.post article .deets li{background: #e5e5e5; padding: 3px; display: inline-block; margin-bottom: 2px; color: #6e6e6e; font-family: 'myriad-pro', sans-serif;}
		#page.post article .deets li span{color: #333; font-style: italic; text-transform: uppercase;}

}