/*
Theme Name: Spentboon 2012 Theme
Author: Thomas George
Description: The Theme for the Spentboon of Spatula
Version: 0.1.0
*/


/*  Start by borrowing some CSS from Twentyeleven */


-------------------------------------------------------------- */

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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Assistive text */
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
#access a.assistive-text:active,
#access a.assistive-text:focus {
	background: #eee;
	border-bottom: 1px solid #ddd;
	color: #1982d1;
	clip: auto !important;
	font-size: 12px;
	position: absolute;
	text-decoration: underline;
	top: 0;
	left: 7.6%;
}


/*  Spentboon deco theme orig stuff  */

body {
background:#efefef;
margin:0;
font-family:Century, Times, serif;
font-size: 9pt;
border: 0;
}

h1 {
margin:0 0 40px 0;
padding:0;
height: 270px;
width: 680px;
background: url('images/deco-title.jpg') no-repeat;
float:left;
}

h1 span {
display: none;
}

h2, h3  {
font-family:Limelight, cursive;
text-align:center;
width:300px;
}

h2 {
font-size:180%;
margin:0 0 20px 75px;
float:left;

}

h2.boon_title {
	margin:0 0 10px 0;
	font-size:medium;
}

h3 {
font-size:140%;
margin:0 0 20px 0;
}

a {
color: #5178a3;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

p {
margin-bottom:30px;
}

p.caption {
margin:0;
font-weight:bold;
}

#deco h2 {

}

#deco_studio h2 {

}

h2 span {

}

#coffee h2 {

}

#coffee_studio h2 {

}

#outer_container {
background: url('images/deco_spacer.jpg') repeat-y #efefef;
width: 680px;
margin: 0 auto;
}

#boon_container {
background: url('images/deco_spacer.jpg') repeat-y #efefef;
width: 680px;
float:left;
}

#top {
margin:0 0 0 0;
padding:0;
height: 26px;
width: 680px;
background: url('images/deco_top.jpg') no-repeat;
float:left;
}

#centerline {

}

#content {
float:left;
width:300px;
margin: 0 0 0 20px;
padding: 0;
padding-left:67px;
line-height:14pt;
}

#content a, #content a:visited {
font-weight:bold;
outline-style:none;
color:#6697C5;
text-decoration:none;
}

#content a:hover {
text-decoration:underline;
color:#6697C5
}

#bottom {
margin:0;
padding:0;
width: 680px;
height: 196px;
background: url('images/bottom.jpg') no-repeat;
float:left;
}

.clearing {
clear: both;
}

.intro {
font-style: italic;
color: #666666;
padding-bottom: 10px;
}


/* linkbar materials */

#linkbar {
float:right;
background: transparent;
font-size: 11px;
line-height: 13px;
margin:0 75px 0 0;
padding:10px 5px 10px 5px;
border:2px solid black;
}

.navtitle {
width: 122px;
padding-bottom: 15px;
padding-left: 5px;
font-weight: bold;
text-transform: uppercase;
background: transparent;
}

.navtitle2 {
width: 122px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 5px;
font-weight: bold;
text-transform: uppercase;
background: transparent;
}

.navlink {
position: relative;
top:0px;
left: 0px;
width: 127px;
height:25px;
font-weight: normal;
text-transform: none;
background: transparent;
}

.navlink2 {
position: relative;
top:0px;
left: 0px;
width: 127px;
height:40px;
font-weight: normal;
text-transform: none;
background: transparent;
}

#linkbar a, #linkbar a:visited {
color: #000000;
text-decoration: none;
font-weight: normal;
}

#linkbar a:hover {
text-decoration: none;
color:#6697C5;
}

.navlink a div, .navlink a:visited div {
position:absolute;
top:0px;
right:0px;
width:122px;
height: 15px;
padding-left:5px;
padding-top: 1px;
background: transparent;
}

.navlink a:hover div {
position:absolute;
top:0px;
right:0px;
width:122px;
height: 15px;
padding-left:5px;
padding-top: 1px;
background: url('images/link_hover.gif') no-repeat right transparent;
}

.navlink2 a div, .navlink2 a:visited div {
position:absolute;
top:0px;
right:0px;
width:122px;
height: 15px;
padding-left:5px;
padding-top: 1px;
background: transparent;
}

.navlink2 a:hover div {
position:absolute;
top:0px;
right:0px;
width:122px;
height: 15px;
padding-left:5px;
padding-top: 1px;
background: url('images/link_hover.gif') no-repeat right transparent;
}

/*  Feed Posts Page  */

.author {
font-size:150%;
font-weight:bold;
text-align:center;
font-family:Limelight, sans-serif;	
}

/*  Haiku Media Player */

.player-container {
padding-bottom:4px;
}