/*
THEME NAME: Small
THEME URI:
DESCRIPTION: This Theme was Designed by Applied Projects for the release of the album Teenage Cover by Small
VERSION: 0.1
AUTHOR: Peo
AUTHOR URI:
TEMPLATE: sandbox
*/

/*CSS Reset Reloaded-  From Eric Meyer http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/*/
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit;font-style: inherit; font-size: 100%;font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {	outline: 0;}
body {line-height: 1.2; color: black; background: white; font-size:78.01%; }
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q {quotes: "" "";}

/*Global Styling*/
body {
background:#000 url(images/bg.jpg) top left no-repeat;
background-attachment:fixed;
color:#fff;
font-family:'Helvetica',Arial,Sans-Serif;
}

a:link,
a:visited,/* {color: #FFF; text-decoration:none;}*/
a:hover {color: #eb90ff; text-decoration:none;}
a.more-link:link,
a.more-link:visited {color:#969696;}
a.more-link:hover {color: #eb90ff; text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-weight:bold;}
h2{font-size:1.7em}
h3{font-size:1.7em}
h4{font-size:1.4em}
h5{font-size:1.3em}
h6{font-size:1.2em}
blockquote{font-style:italic; padding:15px; margin:10px 0;}
pre{font-size:0.7em; font-style:normal; padding:15px; margin:10px 0; font-family:courier; line-height:1.7em;}

ul.#links-page{
margin:0;
}
li.linkcat h3 {
margin:0;
}
li.linkcat ul {
margin:0 0 .5em 0;
}
/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content
*/
div#wrapper {
width:950px;
}
div#container {
float:right;
padding:0 25px 100px 25px;
margin-top:25px;
width:477px;
}
div#content {
margin:0;
}
div.sidebar {
float:left;
overflow:hidden;
width:310px;
padding:320px 25px 0 25px;
margin:25px 0 0 50px;
background:#000 url(images/teenage-cover.jpg)  25px 0 no-repeat;
height:312px;
}
div.sidebar #Play-button {
display:block;
width:60px;
height:23px;
text-indent:-9999px;
overflow:hidden;
background:url(images/play.gif) 0 0 no-repeat;
margin:8px 0 5px 0;
}
div.sidebar #iTunes-button {
display:block;
width:92px;
height:33px;
text-indent:-9999px;
overflow:hidden;
background:url(images/itunes.gif) 0 0 no-repeat;
}
div#secondary {
clear:left;
}
div#footer {
clear:both;
width:100%;
}
/*end layout*/
/*Hide unwanted elements*/
#footer,
div.entry-meta span.cat-links,
div.skip-link,
#nav-above,
body.page h2.entry-title,
body.category-media h2.page-title,
/*in primary sidebar*/
#pages,
#categories,
#archives,
/*comeplete secondary sidebar*/
#secondary
{
display:none;
}

/*header*/
div#header {
float:left;
overflow:hidden;
width:335px;
margin-left:50px;
height:100px;
}
#blog-title a{
display:block;
width:62px;
height:50px;
background:#000 url(images/title.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}
#blog-description {
width:133px;
height:50px;
background:#000 url(images/description.gif) top left no-repeat;
text-indent:-9999px;
overflow:hidden;
}
/*main menu*/
#menu {
float:right;
width:527px;
height:100px;
}
#menu li {
display:block;
float:left;
}
#menu a {
display:block;
height:100px;
width:100px;
text-indent:-9999px;
overflow:hidden;
}
/*blog*/
#menu li.page-item-18 a:link,
#menu li.page-item-18 a:visited,
#menu li.page-item-18 a:active {background:#000 url(images/menu.gif) 0 0 no-repeat;}
#menu li.page-item-18 a:hover{background:#000 url(images/menu.gif) 0 -100px no-repeat;}
#menu li.page-item-18.current_page_item a,
body.blog #menu li.page-item-18 a,
body.single #menu li.page-item-18 a {background:#000 url(images/menu.gif) 0 -200px no-repeat;}
/*tour*/
#menu li.page-item-11 a:link,
#menu li.page-item-11 a:visited,
#menu li.page-item-11 a:active {background:#000 url(images/menu.gif) -100px 0 no-repeat;}
#menu li.page-item-11 a:hover{background:#000 url(images/menu.gif) -100px -100px no-repeat;}
#menu li.page-item-11.current_page_item a {background:#000 url(images/menu.gif) -100px -200px no-repeat;}
/*media*/
#menu li.page-item-29 a:link,
#menu li.page-item-29 a:visited,
#menu li.page-item-29 a:active {background:#000 url(images/menu.gif) -200px 0 no-repeat;}
#menu li.page-item-29 a:hover{background:#000 url(images/menu.gif) -200px -100px no-repeat;}
body.category-media #menu li.page-item-29 a,
#menu li.page-item-29.current_page_item a {background:#000 url(images/menu.gif) -200px -200px no-repeat;}

/*links*/
#menu li.page-item-25 a:link,
#menu li.page-item-25 a:visited,
#menu li.page-item-25 a:active {background:#000 url(images/menu.gif) -300px 0 no-repeat;}
#menu li.page-item-25 a:hover{background:#000 url(images/menu.gif) -300px -100px no-repeat;}
#menu li.page-item-25.current_page_item a {background:#000 url(images/menu.gif) -300px -200px no-repeat;}
/*about*/
#menu li.page-item-4 a:link,
#menu li.page-item-4 a:visited,
#menu li.page-item-4 a:active {background:#000 url(images/menu.gif) -400px 0 no-repeat;}
#menu li.page-item-4 a:hover{background:#000 url(images/menu.gif) -400px -100px no-repeat;}
#menu li.page-item-4.current_page_item a {background:#000 url(images/menu.gif) -400px -200px no-repeat;}

h2.entry-title a:link,
h2.entry-title a:visited {color:#fff;}
h2.entry-title a:hover,
h2.entry-title a:active {color:#eb90ff;}

div.entry-date{
color:#96eebb;
}
div.entry-content{
margin:1em 0;
}
div.entry-meta{
color:#969696;
margin-bottom:2em;
clear:both;
}

body.blog div.entry-meta a:link,
body.blog div.entry-meta a:visited{color:#969696;}
body.blog div.entry-meta a:hover,
body.blog div.entry-meta a:active{color:#eb90ff;}
body.single div.entry-meta a:link,
body.single div.entry-meta a:visited,
body.single div.entry-meta a:hover,
body.single div.entry-meta a:active{color:#eb90ff;}

#nav-below{
color:#969696;
font-weight:bold;
padding-bottom:2em;
}
div.nav-next {
float:right;
}
div.nav-previous {
float:left;
}
#comments{
clear:both;
margin-top:2em;
}
#comments-list li.comment{
/*border-bottom:1px solid #333;*/
padding:.5em 0;
}

#comments-list img.avatar{
display:none;
}
#comments-list li.bypostauthor img.avatar{
display:inline;
}

div.comment-author {
font-size:1.4em;
}
#comments-list li.bypostauthor div.comment-author {
font-size:1.6em;
color:#96eebb;
}


#comments-list h3,
#respond h3{
padding:.5em 0;
border-top:1px solid #333;
}
div.comment-meta{
color:#969696;
margin-bottom:.5em;
}

#comment-notes{color:#969696;}

span.meta-sep {
margin:0 .3em;
}
p {
margin-bottom:.5em;
}
#respond {
margin-top:2em;
}
#respond span.required{
font-weight:bold;
color:#96eebb;
}
#respond div.form-label{
color:#969696;
margin-top:5px;
}
#respond input.text{
width:99%;
border:4px solid #333;
background-color:#333;
color:#fff;
}
#respond textarea{
width:99%;
border:4px solid #333;
background-color:#333;
color:#fff;
}
#respond div.form-submit{
margin-top:16px;
}

#login,
#login a{
color: #969696;
}
body.pageid-11 h6 {
font-size:1em;
font-weight:normal;
color:#96eebb;
margin-bottom:1em;
}
/*gallery*/
/*3 x image 149px wide 10px margin*/
div.gallery {
clear:both;
}
div.gallery dl.gallery-columns-3 {
	width:149px;
	background-color:#690;
	float:left;
	margin:0 10px 10px 0;
	display:block;
}
div.gallery dl.gallery-columns-3 a {
	display:block;
	margin:0;
	padding:0;
}
#nav-images div.nav-previous,
#nav-images div.nav-next{
	margin-bottom:2em;
}