style.css

/*   
Theme Name: gothic green
*/

/* font ---------------------------------------------------------- */

@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('fonts/League_Gothic-webfont.eot');
    src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/League_Gothic-webfont.woff') format('woff'),
         url('fonts/League_Gothic-webfont.ttf') format('truetype'),
         url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* layout -------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	}

body {
	border-width: 6px 0 0 0;
	border-style: solid; 
	border-color: black;
	font-size: 10px;
	}

.row {
	max-width: 1070px;
	min-width: 730px;
	margin: 0 auto;
	overflow: normal;
	}

.sideBar {
	width: 120px;
	margin-left: 50px;
	float: left;
	text-align: left;
	}

.contentWithSidebar {
	margin-left: 170px;
	margin-right: 50px;
	}

.contentWithDoubleSidebar { 
	margin-left: 390px;
	margin-right: 50px;
	}

/* sitewide ------------------------------------------------------ */

h1, 
h3, 
.sideBar, 
.metadata, 
.project .status,
#searchform input, 
.topics, 
.gallery-photo,
.gallery-album,
.gbBlock,
.gbSystemLinks,
.block-core-Navigator,
.sizeSelector,
.zpAdminLinks,
table.radio-playlist {
	font-size: 15px;
	line-height: 26px;
	font-family:
		'Segoe UI',
		'Helvetica Neue',
		'Helvetica',
		arial, 
		'Droid Sans',
		sans-serif;
	}
h1, 
h3, 
#searchform input {
	font-weight: bold;
	}

h2,
#banner {
	font-family:
		'LeagueGothicRegular',
		Haettenschweiler,
		'Arial Narrow',
		'Franklin Gothic Medium',
		Calibri,
		sans-serif;
	}
h2 {
	font-weight: normal;
	color: #3c6c00;
	font-size: 31px;
	line-height: 1;
	margin-bottom: 13px;
	padding-top: 0px;
	}

h3 {
	margin-top: 45px;
	margin-bottom: 0;
	font-size: 18px;
	line-height: 30px;
	}

h2 a, 
h2 a:visited {
	color: #3c6c00;
	text-decoration: none;
	}

h2 a:hover {
	border-bottom: 2px black solid;
	}

h1 a, 
h1 a:visited {
	color: black;
	text-decoration: none;
	}

h1 a:hover {
	border-bottom: 1px solid black;
	}

h4,
.text p, 
.text ol,
.text ul,
.project p,
.comment, 
#respond, 
#commentform 
label, 
#commentBox, 
#radioHeader, 
blockquote p, 
.callout,
.gallery .description {
	font-size: 18px;
	line-height: 30px;
	font-family:
		georgia, /* 17-18 */
		cambria, /* 18 */
		'Droid Serif', /* 15-16 */
		'HoeflerText', /* 19-20 */
		'Andron Freefont LAT', /* 21 */
		'Calluna', /* 19 */
		'Liberation Serif', /* 18 */
		'TexGyreSchola', /* 18 */
		serif;
	}

h4 {
	font-weight: bold;
	color: #3c6c00;
	margin-top: 15px;
}
	
.text p {
	margin-bottom: 16px;
	text-align: justify;
	}

/*
.text p:first-child {
	text-indent: 30px;
	}

.text p:first-child img {
	margin-left: -30px;
	}

.text blockquote p:first-child, 
.comment p:first-child, 
.radio p:first-child, 
#fourohfour p:first-child {
	text-indent: 0;
	}
*/

.text {
	margin-bottom: 30px;
	}

.text ul,
.text ol {
	margin: 16px 30px 16px 30px;
	list-style-position: outside;
	text-align: left;
}

.text ul li,
.text ol li {
	margin: 0 0 0 30px;
}

.text ul {
	list-style-type: disc;
}

.text ol.alpha {
	list-style-type: lower-alpha;
}
	
.entry, 
.comment {
	margin-left: 220px;
	}

.text a {
	border-bottom: 1px solid #3AA9C7;
	}

.text a, 
.text a:visited, 
.comment a,
.sideBar a,
.sideBar a:visited,
.zpAdminLinks a,
.zpAdminLinks a:visited {
	text-decoration: none;
	}

.text a, 
.text a:visited, 
.comment a {
	color: #3AA9C7;	
}

.sideBar a, 
.sideBar a:visited, 
.comment a,
.zpAdminLinks a,
.zpAdminLinks a:visited{
	color: black;	
}

.text a:hover, 
.text a:visited, 
.comment a:hover, 
.comment a:visited {
	border-bottom: 1px dotted #3AA9C7;
	}

.sideBar a:hover,
.sideBar a:visited ,
.zpAdminLinks a:hover {
	border-bottom: 1px solid black;
}	
	
	
strong {
	font-size: inherit;
	font-weight: bold;
	font-variant: normal;
	}

blockquote p, 
.callout {
	font-style: italic;
	font-size: 16px;
	color: #6C6A63;
	}

.sideBar p {
	margin-top: 30px;
	}

.sideBar p, 
.gallery-album p {
		line-height: 22px;
		margin-bottom: 0.938em;
	}

.pageNav {
	margin-top: 0px;
}
	
.navArrow {
	font-size: larger;
}

.citation {
	display: block;
	margin: 0 0 0 30px;
	text-indent: -30px;
	padding: 0;
	text-align: left;
	font-size: inherit !important;
}

byline {
	display: block;
	text-align: right;
	margin: -15px 30px 0 30px;
	font-size: 16px;
	font-style: italic;
}

byline a {
	font-style: normal;
	font-weight: bold;
}

ol {
	margin-bottom: 15px;
}

ol ol {
	list-style-type: lower-alpha;
	font-style: italic;
	list-style-position: inside;
}

/* header -------------------------------------------------------- */

#banner {
	margin-top: 45px;
	margin-bottom: 50px;
	height: 32px;
	text-align: right;
	font-weight: normal;
	white-space: nowrap;
	}

#hughstimsonorg { 
	float: left; 
	text-transform: uppercase;
	margin-left: 50px;
	font-size: 43px;
	line-height: 33px;
	}

#hughstimsonorg img {
	margin-right: 4px;
	border-style: none;
	}

#hughstimson {
	color: black;
	}

#org {
	color: #86847B;
	}

#hughstimsonorg a, 
#hughstimsonorg a:visited {
	text-decoration: none;
	}

#hughstimsonorg a:hover {
	border-bottom: 2px solid black;
	}

#siteNav {
	float: right;
	margin: 0 50px 0 30px;
	padding-top: 0px;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 44px;
	word-spacing: 14px;
	color: black;
	}

#siteNav a,
#siteNav a:visited {
	color: black;
	text-decoration: none;
	}

#siteNav a:hover {
	color: #40badb;
	border-bottom: 2px solid #40badb;
	}

#siteNav a#current {
	color: #40badb;
	}

/* search form --------------------------------------------------- */

#searchBox {
	}

#searchform input {
	width: 120px;
	border: none;
	margin-left: -2px;
	padding-top: 4px;
	padding-bottom: 4px;
	}

/* blog ---------------------------------------------------------- */

.metadata {
	float: left;
	width: 170px;
	text-align: right;
	color: black;
	}

.bar {
	border-width: 1px 0 0 0;
	border-color: black;
	border-style: dotted;
	}
	
.metadata .bar {
	margin-left: 50px;
	margin-bottom: 4px;
	}

.metadata .date {
	color: black;
	}

.metadata .date, 
.metadata .status {
	font-weight: bold;
	}

.metadata a {
	color: black;
	text-decoration: none;
	}

.metadata a:hover {
	border-bottom: 1px solid black;
	}

.commentsLink .blue {
	color: #3AA9C7;
	}

#postsNav {
	text-align: right;
	margin-bottom: 50px;
	}

blockquote p {
	line-height: 30px;
	margin: 0 30px 15px 30px;
	}

/*
blockquote {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #6C6A63;
}
*/

.post .text {
	margin-bottom: 0px;
	}

.post {
	min-height: 120px;
	margin-bottom: 90px;
	}

.tweet {
	margin-bottom: 0;
	}
	
img.tweetBird {
	display: inline !important;
	border-width: 0px !important;
	background-color: transparent !important;
	padding: 0 7px 0 0 !important;
	margin: 0 0 0px 0 !important;
	}

a.tweetBird,
a.tweetBird:hover {
	border: 0px;
	}

.tweet p {
	display: inline;
	}
	
/*	
.tweet p:after {
	content:url(images/tweet.png);
	padding-left: 5px;
}
*/

.image {
	text-align: center;
	font-style: italic;
	color: #6C6A63;
	margin-bottom: 22px;
	font-size: 19px;
	line-height: 30px;
	}

.image a,
.image a:visited,
.image a:hover,
.image a:active {
	border-bottom: 0 none;
	}
	
/* topics -------------------------------------------------------- */

.topics {
	font-size: 14px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #86847B;
	}

.topics a, 
.topics a:visited {
	color: #86847B;
	text-decoration: none;
	}
	
.metadata .topics a:hover {
	border-bottom: 1px solid #86847B;
	}

ul.topics {
	line-height: 1;
	font-weight: normal;
	list-style-type: none;
	white-space: normal;
	}

ul.topics li {
	padding: 6px 0;
	margin-right: -1px;
	}

ul.topics a:hover {
	border-bottom: 1px solid #86847B;
	}

/* callout ------------------------------------------------------- */

.callout:first-child {
	margin-top: 110px;
	}

.callout {
	width: 340px;
	margin-right: 50px;
	margin-left: -390px;
	float: left;
	text-align: right;
	margin-top: 10px;
	}

.text .callout img{
	padding: 0;
	border-style: 1px solid #86847B;
	max-width: 288px;
	}

.text .callout a {
	border-style: none;
	}

/* comments thread ----------------------------------------------- */

#commentThread .text p {
	font-size: 16px;
	}

.comment {
	min-height: 120px;
	}

.comment .bar {
	margin-bottom: 8px;
	}

h1#comments, 
.comment, 
#respond {
	margin-bottom: 30px;
	}

#respond input {
	margin-bottom: 15px;
	}

.avatar {
	margin-top: 9px;
	}

.avatar img {
		border: 1px solid #86847B;
	}

.comment,  
#commentBox {
	margin-bottom: 30px;
	color: #6C6A63;
	}

#commentBox  {
	width: 100%;
	height: 240px;
	padding: 10px;
	}

.commentAuthor {
	font-weight: bold;
	color: black;
	}

.metadata .commentAuthor a {
color: black;
} 
	
/* projects ------------------------------------------------------ */

.project .description {
	margin-left: 220px;
	margin-bottom: 50px;
	}

img.attachment-post-thumbnail {
	float: left;
	background-color: lightgrey;
	margin: 0 0 0 50px;
	}

a:link > img.attachment-post-thumbnail, 
a:visited > img.attachment-post-thumbnail {
	border-width: 1px;
	border-style: solid;
	border-color: #86847B;
	}

a:hover > img.attachment-post-thumbnail {
	border-color: #40badb;
}

.project ul {
	display: inline;	
	}

.project ul.topics li {
	display: inline;
	}

.project .status {
	font-weight: normal;
	line-height: 1;
	margin-bottom: 8px;
	}

#projectPage .text .callout img {
	border-style: none;
	border-width: 0;
	}

/* Radio shows ----------------------------------------------- */

#radioHeader {
	margin-bottom: 50px;
	}

img#hotinhereStaff {
	float: left;
	margin-left: 50px;
	text-align: right;
	border: 1px solid darkgrey;
	}

#radioTitle {
	font-family: 'LeagueGothicRegular';
	font-size: 100px;
	line-height: 84px;
	color: #8B0003;
	white-space: nowrap;
	}

#radioHeader p {
	line-height: 25px;
	}

#radioHeader p a, 
#radioHeader p a:visited {
	text-decoration: none;
	color: black;
	}

#radioHeader p a:hover {
	border-bottom: 1px solid black;
	}

img#feed {
	border-style: none;
	}

#hostProfiles.sideBar p {
	margin-top: 0;
	}

/* For the Wordpress built-in audio player.
.mejs-container.wp-audio-shortcode.mejs-audio {
	height: 4px !important;
}
*/

/* For the native audio controls */
.audio-player {
	width: 100%
}

.playlist-link-container, .audio-download-container {
	font-size: 18px;
  	margin-bottom: 16px;
}

ul.radio-data {
	display: none;
}

table.radio-playlist {
	font-size: 15px;
	margin-bottom: 18px;
	margin-top: 18px;
}

table.radio-playlist thead {
	font-weight: bolder;
}

table.radio-playlist td {
	vertical-align: top;
	padding-right: 14px;
	padding-bottom: 5px;
}

table.radio-playlist td.radio-playlist-playtime {
	white-space: nowrap;
}

table.radio-playlist tbody td.radio-playlist-playtime {
	font-style: italic;
}

table.radio-playlist td.radio-playlist-label {
	display: none;
}

/* about --------------------------------------------------------- */

#contact.sideBar {
	margin-left: 0;
	width: 170px;
	text-align: right;
	}

#contact.sideBar p {
	margin-top: 0;
	margin-left: 0;
	}

#contact img {
	border: 1px solid #86847B;
	margin-bottom: 28px;
	}
	
/* 404 ----------------------------------------------------------- */

#fourohfour h2 {
	font-size: 300px;
	color: #40badb;
	}

/* media query --------------------------------------------------- */

@media only screen and (max-device-width: 480px) {

	.text p {
	text-align: left;
	}

}
	
/* text images, at the bottom because the expression formatting breaks parsing */

.text img {
	padding: 3px;
	background-color: #D6D6D6;
	border: 1px solid #B0B0B0;
	margin: 15px  0 8px -4px;
	max-width: 630px;
	/* different for IE, per www.fastechws.com/tricks/web/image-max-width-height.php */
	width: expression(this.width > 630 ? "630px" : true);
}