/*
Theme Name: OE Theme 2.0
*/


/* ============== */
/* = STRUCTURAL = */
/* ============== */

body, html {
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

#container {
	width: 968px;
	position:relative;
	left: 0;
	right: 0;
	top: 18px;
	margin-left: auto;
	margin-right: auto;
/*	border: 1px solid red;*/
}

#content {
	width: 312px;
	margin-left: 125px;
	padding-top: 2px; /* Corrects for negative margin on dropshadowed images */
}

#header {
	position: absolute;
	left: 19px;
	top: 0px;
	width: 80px;
}

#header img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/title.png',sizingMethod='scale');
}

#sidebar {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 500px;
	padding-top: 497px; /* padding to push down sidebar content */
}

#sidebar-image {
	position: absolute;
	right: 0px;
	visibility: hidden;
}


a {
	color: black;
}

.post {
	position: relative;
	margin-bottom: 10px;
	text-align: left;
}

.badge {
	position: absolute;
	z-index: 10;
	margin-left: -2px;
	margin-top: -3px;
}

.sketchtitle {
	font-size: 24px;
	text-align: right;
	width: 312px;
font-weight: bold;
	/*margin-top: 5px;*/ /* remove this if not using ttf_titles */
/*	padding-bottom: 2px;*/
}


.sketchtitle a, a .sketch, a .post, .post a {
	text-decoration: none;
	color: black;
}

.postdate {
	text-align: center;
	color: #555555;
	margin-bottom: 5px;
	font-size: 16px;
}

.dropshadow {
	background: url('images/dropshadow.png') no-repeat bottom right;

	padding: 0px;
	margin: 0px;
}

img.sketchimg {
	border: 1px solid black;
/*	margin: -3px 2px 3px -2px;*/
	padding: 0px;
	position: relative;
	top: -3px;
	left: -2px;
/*	z-index: 0;*/
}

.clear {
	clear: both;
	height: 0px;
	width: 0px;
}

h1, h2, h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}


/* =========== */
/* = SIDEBAR = */
/* =========== */

#sidebar {
	text-align: right;
}

#sidebar h2 {
	font-size: 24px;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: bold;
}

#sidebar h4 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 24px;
}

#wp-sidebar {
	text-align: right;
	font-size: 14px;
}

#menu_section {
	margin-bottom: 20px;
}

#addus_section {
	margin-bottom: 20px;
}

#searchform div {
	text-align: right;
}

#news-section {
	font-size: 14px;
}



/* Search */

#sidebar #searchbox {
	width: 250px;
	padding: 2px;
	font-size: 18px;
	margin-right: 10px;
}

#morevideos {
	margin-top: 15px;
}

/* Footer */

#footer {
	margin-left: 125px;
	margin-top: 30px;
	margin-bottom: 20px;
}

/* Specific Page styles */

body#home {
	background: url('images/mainbackground.jpg') top center no-repeat;
}

body#about #content {
	width: auto;
}


/* ============ */
/* = ARCHIVES = */
/* ============ */

body#year-2008 { background: url('images/header-archives-2008.jpg') top center no-repeat; }
body#year-2007 { background: url('images/header-archives-2007.jpg') top center no-repeat; }
body#year-2006 { background: url('images/header-archives-2006.jpg') top center no-repeat; }
body#year-2005 { background: url('images/header-archives-2005.jpg') top center no-repeat; }
body#year-2004 { background: url('images/header-archives-2004.jpg') top center no-repeat; }
body#year-2003 { background: url('images/header-archives-2003.jpg') top center no-repeat; }
body#year-2002 { background: url('images/header-archives-2002.jpg') top center no-repeat; }
body#vault { background: url('images/header-archives-vault.jpg') top center no-repeat; }

body.archives #content {
	padding-top: 535px;
	width: auto;
	height: 1%; /* Hack to stop the padding from going all over the place */
}

body.archives #content div, body.archives #content a {
	padding-top: 0px;
}

body.archives #footer {
	margin-left: 193px; /* move to the right */
}

body.archives #content .post {
	float: left;
	margin-top: 0px;
	padding-top: 0px;
}

body.archives #content .odd {
	padding-left: 70px;
	clear: both;
	margin-top: 0px;
	padding-top: 0px;
}

body.archives #content .even {
	padding-left: 50px;
	padding-top: 0px;
	margin-top: 0px;
}

/* Archive box styles */

#archive_box {
	position: absolute;
	left: 20px;
	top: 700px;
	width: 130px;
}

#archive_box div {
	margin-bottom: 20px;
}

#archive_box a {
	text-decoration: none;
	font-size: 48px;
	margin: 0px;
	padding: 0px;
}

#archive_box #vaultlink {
	padding-left: 2px;
}

#dickarrow_container {
	width: 100%;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}

#dickarrow {
	margin: 0px;
	padding: 0px;
	width: 488px;
	height: 712px;
	background: url('images/dickarrow.jpg');
	position: absolute;
	left: -498px;
	top: -310px;
	overflow: hidden;
}

body.archives #footer_container {
	width: 100%;
	overflow: hidden;
}

#footer_container #footer_image {
	position: absolute;
	left: 10px;
	margin-top: -80px;
	z-index: -1;
}

/* ========= */
/* = VAULT = */
/* ========= */

body#vault #content {
	padding-top: 460px;
}

body#vault .entrytext {
	margin-left: 68px;
	width: 675px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

body#vault .bottom-text {
	margin-left: 68px;
	width: 675px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
}

body#vault h1 {
	font-size: 50px;
	font-weight: bold;
}

/* ============== */
/* = SUPERVAULT = */
/* ============== */

body#supervault #content {
	padding-top: 0px;
}

body#supervault {
	background-color: black;
	color: #aaaaaa;
}

body#supervault a {
	color: #aaaaaa;
}

body#supervault .sketchimg {
	border: 1px solid #aaaaaa;
}

body#supervault #supervault-title {
	position: relative;
	left: 68px;
	top: -23px;
	margin-bottom: 0px;
	font-size: 80px;
	font-weight: bold;
}

body#supervault .entrytext {;
	margin-left: 68px;
	width: 675px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top: -40px;
}

/* ================== */
/* = Search Results = */
/* ================== */

body#search .pagetitle {
	font-size: 68px;
	font-weight: bold;
	margin-top: -20px;
	margin-bottom: 10px;
}

body#search #content {
	width: auto;
}

body#search #content .post {
	float: left;
}

body#search #content .odd {
/*	padding-left: 70px;*/
	clear: both;
}

body#search #content .even {
	padding-left: 50px;
}

/* ============ */
/* = CATEGORY = */
/* ============ */



body.category #content {
	width: auto;
}


body.category #content .post {
	float: left;
}

body.category #content .odd {
	clear: both;
}

body.category #content .even {
	padding-left: 50px;
}

body.category h1 {
	font-size: 70px;
	font-weight: bold;
	margin-top: -20px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

/* ====================== */
/* = VIDEO DISPLAY PAGE = */
/* ====================== */

body.single#bg1 { background: url('images/rainbow-raphael.jpg') top center no-repeat; }
body.single#bg2 { background: url('images/rainbow-ben.jpg') top center no-repeat; }
body.single#bg3 { background: url('images/rainbow-dave.jpg') top center no-repeat; }
body.single#bg4 { background: url('images/rainbow-caleb.jpg') top center no-repeat; }
body.single#bg5 { background: url('images/rainbow-adam.jpg') top center no-repeat; }

#single-content {
	width: 680px;
	margin-left: 125px;
}

#single-content.widescreen {
	width: 860px; /* fix for widescreen videos */
}

.single #sketch-header {
	font-weight: bold;
	font-size: 56px;
	position: relative;
	top: -8px;
	padding-top: 0px;
	margin-bottom: 9px;
	line-height: 1em;
}

.single #sketch-header a {
	text-decoration: none;
}

#videobox {
	margin-bottom: 10px;
	width: 640px;
	background-color: black;
	padding: 6px;
}

#single-content.widescreen #videobox {
	width: 855px;
	margin-bottom: 0px; /* fix for widescreen videos for the below */
}

#single-content.widescreen #morevideos {
	margin-left: 125px; /* fix for widescreen videos for the below */
}

#single-content.widescreen #morevideos h3 {
	margin-left: -100px; /* fix for widescreen videos for the below */
}

#morevideos {
	margin-left: 5px;
}

#morevideos div.post {
	float: left;
	margin-right: 10px;
}

#morevideos h3 {
	text-align: center;
	margin-bottom: 15px;
}


#comment { /* Width of the comment input field */
	width: 500px;
}

#commentblock h3 {
	margin-top: 10px;
	font-size: 48px;
	font-weight: bold;
	text-transform: uppercase;
}

#commentblock h4 {
	font-size: 36px;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}

#commentblock ol { /* Make the number for the comment big and bold */
	font-size: 24px;
	font-weight: bold;
	margin-top: 10px;
}

#commentblock ol li {
	margin-bottom: 20px;
	padding: 5px 10px;
}

#commentblock li.alt {
	background-color: #EEE;
}

#commentblock .firstline {
	font-size: 20px;
}

#commentblock .author {
	font-weight: bold;
}

.commentmetadata {
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

.commentmetadata a {
	color: #666666;
	text-decoration: none;
}

#commentblock ol p { /* Reset the rest of the comment back to normal */
	font-size: 14px;
	font-weight: normal;
	margin: 5px 0px;
	padding: 0px;
}

#homebutton img {
	margin: 20px 0px 20px -125px;
}

#embed {
	float: right;
	margin-right: 25px;
}

#embed input {
	margin-top: 10px;
	width: 200px;
	font-size: 10px;
}