/*
Theme Name: Uponatable
Theme URI: http://once.uponatable.com/
Description: For the comic!
Author: Mark Evan Jones
Version: 1.0
*/

@import url(css/typography.css);

/* ----- Common un-reset styles ----- */
blockquote { margin:0 1em; }
ol { list-style:decimal; }
ol li { margin-left:2em; }

/*---- Force all containers to actually contain their elements ----*/
.container_12, .container_16 { overflow:hidden; width:100%; }

body {
	font-family: verdana, sans-serif;
	font-size:10pt; 
	line-height: 1.2;
}


#navigation { overflow:hidden; width:100%; }
#navigation li { float:left; margin-right:1em; } 


#page { width:960px; margin:0 auto; }
#page-head { padding:12px 0; }
#page-body { padding:12px 0; }
#page-foot { padding:12px 0; }


.post { margin-bottom: 2em; }
.post-head { }
.post-body { }
.post-foot { }

.post-head h1, .post-head h2 { margin:0; }

h1,h2,h3,h4,h5,h6,h7 { font-weight:bold; }
h1 { font-size:180%; }
h2 { font-size:140%; }


/* ========================================================================= */
/*         WordPress Constructs   */
/* ========================================================================= */

.widget { margin-bottom: 1em; }




/* ========================================================================= */
/*         OUaT   */
/* ========================================================================= */

body { background: url(i/oldbg.gif) fixed; }
a { color: darkblue; text-decoration:underline; }

h1 a, h2 a, h3 a { color:inherit; }

#navigation { /*position:absolute; bottom:0; left:0;*/ margin-top:12px; }
#navigation a { font-size:larger; font-weight:bold; color:black; }

.col-side {}


.widget {
	background: tan url(i/really-old-manuscript-paper.jpg);
	border: solid black 1px;
	border-radius: 12px 4px 12px 4px;
	padding:8px;
}
.widgettitle { margin-bottom:0; border-bottom:solid black 1px; }


/* ============== post-type customizations =============== */

/* ----- General Styles ----- */

.post-categories, .post-categories li { display:inline; }

h1 { border-bottom:solid black 2px; padding:6px; }
h1 a { text-decoration:none; }

/* ----- Posts ----- */

.post { border:solid black 2px; border-radius:12px; background:tan; padding:12px; }
.post .post-head h2 { font-family: verdana, sans-serif; }
.post .post-body { line-height:1.5; }

/* ----- Pages ----- */

body.page-template-default .entry.page .post-head,
body.error404 .entry .post-head
	{ margin-bottom:1em; }

body.page-template-default .entry.page .post-body,
body.error404 .entry .post-body
	{ border:solid black 2px; background:white; padding:12px; }
 

/* ----- Comics ----- */

.ouat_comic .post-body { text-align:center; }
.ouat_comic .post-foot {
	background: tan url(i/frame-post/c.gif);
	border:solid black 1px;
	border-radius:12px;
	
	margin: 10px 0;
	padding: 8px;
}
.ouat_comic .post-foot h2 a { color:inherit; }


body.archive .ouat_comic { margin-bottom: 1em; }
body.archive .ouat_comic .post-body-thumbnail { float:left; }
body.archive .ouat_comic .post-body-copy { text-align:left; margin-left:115px; }
body.archive .ouat_comic .post-body h2 { margin:0; }
body.archive .ouat_comic .post-foot { clear:both; margin-top:.5em; background:transparent; border:none; }


/* =========== VERY TEMPORARY ============ */
#slogan { line-height:24px; margin-left: 100px; }