/*
Theme Name: FromeDome
Theme URI: http://fromedome.com
Description: Custom theme.
Author: Dan Frommer
Version: 1.0
*/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

	/* Main Styles */

body {
	max-width: 1400px;
	margin: 0 auto;
	text-align: center;
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 500; font-style: normal;
	font-size: 100%;
	}

strong {
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 800; font-style: normal;
	}

em {
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 500; font-style: italic;
	}

.bolditalic, strong em, em strong {
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 800; font-style: italic;
	}

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

#wrapper {
	text-align: center;
	margin: 50px auto 20px auto;
	width: 90%;
}

#mainbody {
	text-align: center;
	margin: 0 auto;
	}


/* Typography */

p {
	line-height: 1.6em;
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 500; font-style: normal;
	margin-bottom: 1em;
}

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

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

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

.entry a, .entry a:link, .entry a:visited, .entry a:hover, .entry a:active, #footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
	border-bottom: 1px solid #FAFF63;
	box-shadow: inset 0 -4px 0 #FAFF63;
	color: inherit;
	text-decoration: none;
	}

blockquote {
	quotes: none;
	padding: 0 15px;
	border-left: 5px solid #ddd;
	}

h1, h2 {
	font-size: 150%;
	color: #000;
	padding: 0 0 15px 0;
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 800; font-style: normal;
	line-height: 1.2em;
	}

h1.imagecaption {
	font-size: 100%;
	padding: 16px 0 16px 0;
	text-align: center;
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 800; font-style: normal;
	}

h1.imagesinglecaption {
	font-size: 100%;
	line-height: 1.6em;
	padding: 16px 0 16px 0;
	text-align: center;
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 500; font-style: normal;
	}

.post h1 {
	padding: 5px 0 15px 0;
	}

h1 a, h1 a:link, h1 a:visited {
	color: #000;
	text-decoration: none;
	}

h1 a:hover {
	color: #B80B42;
	text-decoration: none;
	}

h1 a:active {
	color: #B80B42;
	text-decoration: none;
	}

h3 {
	font-size: 18px;
	}

.archivelist h3+p {
	padding: 5px 0 5px 0;
	margin: 0;
	}

.homedate {
        font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 500; font-style: normal;
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
	padding: 0 0 24px 0;
	}

.postdate {
        font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 500; font-style: normal;
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
	padding: 0 0 12px 0;
	}

.linkdate {
        font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 500; font-style: normal;
	text-transform: uppercase;
	font-size: 12px;
	color: #666;
	padding: 0 0 12px 0;
	}

.arrownav {
	font-size: 200%;
	padding: 0 1em 2em 1em;
	}

#logo {
	text-align: center;
	text-decoration: none;
	}

#logo a, #logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
	text-decoration: none;
	}

.domelogo, .domelogo img, img .domelogo {
	width: 140px;
	height: 150px;
	border: 0;
	}

.fromsplatf img, img .fromsplatf {
	width: 62px;
	height: 12px;
	border: 0;
	}

.postmeta {
	padding: 0 0 2em 0;
	}

h4.nav {
	text-decoration: none;
	line-height: 1.6em;
	vertical-align: bottom;
	font-weight: normal;
	}

.quotehead, quoteriver h1 {
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 500; font-style: normal;
	font-size: 250%;
	font-weight: normal;
	margin-left: 0.4em;
	text-indent: -0.4em;
	text-transform: none;
	}

.quotehead a, .quotehead a:link, .quotehead a:visited {
	text-decoration: none;
	color: #000;
	font-weight: normal;
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 500; font-style: normal;
	}

.quotehead a:hover, .quotehead a:active {
	text-decoration: underline;
	}

.quoteriver {
	padding: 0 0 6em 0;
	}

.quoteriver p {
	display: inline;
	float: left;
	padding: 0 1em 0 0;
	vertical-align: top;
	}

.quotepost {
	text-transform: uppercase;
	}

.searchbar {
	float: right;
	margin-top: 65px;
	margin-left: 5px;
	}

.postcontent {
	width: 640px;
	text-align: left;
	padding: 50px 0 0 0;
	margin: 0 auto;
	}

#postsingle {
	width: 640px;
	text-align: left;
	padding: 20px 0 0 0;
	margin: 0 auto;
	}

.imagecontent {
	width: 1200px;
	text-align: left;
	padding: 50px 0 0 0;
	margin: 0 auto;
	}

#imagesingle {
	width: 1200px;
	text-align: center;
	padding: 50px 0 0 0;
	margin: 0 auto;
	}

#imagesinglebody {
	width: 640px;
	text-align: center;
	margin: 0 auto;
	padding: 1em 0 0 0;
	}

.metapub {
	text-align: center;
	font-size: 85%;
	padding: 0 0 2em 0;
	}

.capslock {
	text-transform: uppercase;
	}

#socialbar {padding: 1em 0 0 0;}

.lastaside {
	padding: 2em 0 0 0;
	width: 640px;
	text-align: left;
	}

.grass {
	clear: both;
	padding: 0 0 2em 0;
	margin: 0 auto;
	text-align: center;
	}

.grass img, img .grass {
	height: 5px;
	width: 306px;
	border: 0;
	}

#footer {
	clear: both;
	width: 100%;
	text-align: center;
	padding: 1em 0;
	vertical-align: top;
}

.followbutton {
	padding: 1em 0;
	}

#sidebar {
	float: right;
	width: 300px;
	margin: 30px 0 0 0;
	text-align: left;
	}

#spotlight {
	margin: 0;
	padding: 2em 0 0 0;
	}

.sidead {
	margin: 0;
	padding: 0 0 2em 0;
	}

.post {
	padding: 0 0 2em 0;
	clear: both;
	}

.postriver {
	padding: 0 0 1em 0;
	clear: both;
	}

.excerpt {
	padding: 0 0 20px 0;
	}

.archivelist {
	clear: both;
	}

.creatorsarchive {
	padding-top: 20px;
	}

.creatorbox {
	display: inline-block;
	width: 180px;
	padding: 0 50px 40px 0;
	}

.chartbox {
	display: inline-block;
	width: 180px;
	padding: 0 48px 40px 0;
	}

.chartbox img {
	border: 1px solid #ddd;
	}

.creatorbox:nth-child(3n+3), .chartbox:nth-child(3n+3) {
	padding-right: 0;
	}

.creatorbox h3, .chartbox h3 {
	font-size: 14px;
	padding-bottom: 10px;
	}

.hide {
	display: none;
	}

.slideprev {
	float: left;
	padding: 0 20px 20px 0;
	font-size: 16px;
	}

.slidenext {
	float: right;
	padding: 0 0 20px 20px;
	font-size: 16px;
	}

/* Lists */

ol, ul {
	list-style: none;
	font-size: 100%;
	line-height: 1.5em;
}

ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}

ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}

#content ol {
	padding-left: 10px;
}


li+li	{
	margin-top: 10px;
	}



/* Tables */

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}

.nbtable {
	font-size: 14px;
	line-height: 1.2em;
	border: 0;
	vertical-align: top;
	margin-bottom: 20px;
	}

.nbtable tr {
	border: 0;
	padding: 0;
	vertical-align: top;
	}

.nbtable tr td {
	border: 0;
	padding: 10px;
	vertical-align: top;
	}

.trg {
	background: #f1f1f1;
	}

.topthirty {
	margin-top: 30px;
	}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #fff;
	line-height: 18px;
	margin-bottom: 10px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 0;
	text-align: center;
}
.wp-caption img {
	margin: 0 0 0 10px;
}
.wp-caption p.wp-caption-text {
	color: #000;
	font-size: 14px;
	margin: 0;
	text-align: right;
	padding-top: 5px;
}

.gallery-caption {
	width: 180px;
	text-align: left;
	padding: 15px;
	}

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

.imagecontent {
	width: 95%;
	text-align: left;
	padding: 50px 0 0 0;
	margin: 0 auto;
	}

.imagecontent img {
	max-width: 100%;
	height: auto;
	}

#imagesingle {
	width: 95%;
	text-align: center;
	padding: 50px 0 0 0;
	margin: 0 auto;
	}

#imagesingle img {
	max-width: 100%;
	height: auto;
	}

}

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

.medium {
	display: none;
	}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {

}

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

.medium {
	display: none;
	}

.postcontent {
	width: 95%;
	text-align: left;
	padding: 50px 0 0 0;
	margin: 0 auto;
	}

#postsingle {
	width: 95%;
	text-align: left;
	padding: 30px 0 0 0;
	margin: 0 auto;
	}

#imagesinglebody {
	width: 95%;
	text-align: center;
	margin: 0 auto;
	}

.lastaside {
	margin: 0 auto;
	padding: 2em 0 0 0;
	text-align: left;
	float: none;
	width: 95%;
	}

}

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

.logoname {
	display: none;
	}

}

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

#wrapper {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 20px auto;
	text-align: center;
}

#logo {
	padding: 0 0 1em 0;
	}

.domelogo, .domelogo img, img .domelogo {
	height: 120px;
	width: 112px;
	border: 0;
	}

.dateline {
	font-size: 80%;
	}

.imagecontent {
	margin: 0 auto;
	text-align: center;
	float: none;
	width: 93%;
	padding: 20px 0 0 0;
	margin: 0 auto;
	}

#imagesingle {
	margin: 0 auto;
	text-align: center;
	float: none;
	width: 93%;
	padding: 20px 0 0 0;
	margin: 0 auto;
	}

h1.imagecaption {
	font-size: 100%;
	padding: 8px 0 16px 0;
	text-align: center;
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 800; font-style: normal;
	}

#imagesinglebody {
	width: 93%;
	text-align: center;
	margin: 0 auto;
	}

.postcontent {
	margin: 0 auto;
	padding: 20px 0 0 0;
	text-align: left;
	float: none;
	width: 93%;
	}

.lastaside {
	margin: 0 auto;
	padding: 2em 0 0 0;
	text-align: left;
	float: none;
	width: 93%;
	}

#postsingle {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	float: none;
	width: 93%;
	}

#footer {
	margin: 0 auto;
	text-align: center;
	float: none;
	width: 93%;
	}

.grass {
	clear: both;
	padding: 0 0 2em 0;
	margin: 0 auto;
	text-align: center;
	}

.grass img, img .grass {
	height: 4px;
	width: 244.8px;
	border: 0;
	}

h4.nav {
	font-size: 90%;
	}

.medium {
	display: none;
	}

.small {
	display: none;
	}

.logoname {
	display: none;
	}

h1 {
	font-size: 125%;
	padding: 0 0 16px 0;
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 800; font-style: normal;
	}

.metapub {
	text-align: center;
	padding: 0 0 1em 0;
	}

.dek {
	font-size: 100%;
	}

.arrownav {
	max-width: 95%;
	font-family: 'Archer SSm A', 'Archer SSm B'; font-weight: 800; font-style: normal;
	font-size: 100%;
	padding: 0 1em 2em 1em;
	}

}