/*  
Theme Name: Tin Power 0.1
Theme URI: http://www.olivermann.com	
Description: Tailor Made theme for Oliver Mann 
Author: Jack Dunstan
Author URI: http://www.batmania.com.au
Do not change the stylesheet directory name as the header links are hard wired.

*/


/* =============== GENERAL =============== */


* { margin: 0; padding: 0; 
}



body { 
background-image:url('img/oliver.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 50%; 
font-family:  Arial, Helvetica LT, sans-serif; font-size: 0.8em; color: #000; letter-spacing: 0.1em;  line-height: 1.5em; 
}

#footer  
{
margin: 150px 0 0 1000px;
font-size: 10px;
float: right;
position: fixed;
color: #ddd;
}
#footer a
{
color: #ddd;
text-decoration:none;
}
#footer a:hover
{
color: #ccc;
text-decoration:none;
}



p img { padding: 5px 0 5px 0 ; margin: 0 0 0 0; border:none;}

img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline;}

.alignright { float: right;}
.alignleft { float: left;}


blockquote { margin: 10px; padding: 0px 0px 10px 50px; background: url(img/blockquote.gif) no-repeat left top; }
code{ display:block; overflow:auto; text-align:left; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; }

#wrapper { width: 100%; margin: 7% auto; }


/* =============== CONTENT =============== */



#content { width: 600px;  margin: 0 auto;
padding: 0 0 0 399px; }
#content .post { margin: 20px 20px 30px 0px; }

#shopcontent { width: 300px;  margin: 0 auto;
padding: 0 0 0 99px; }
#shopcontent .post { margin: 20px 20px 30px 0px; }


#box { background: #fff; }

#box-header { background: #111; }
#box-header h1 { font-size: 25px; color: #f2f2f2; text-align: center; margin-top: 0px; padding-top: 10px; }
#box-header h1 a, #box-header h1 a:link { color: #f2f2f2; text-decoration: none; }
#box-header h1 a:hover { color: #ccc; text-decoration: none; }
#box-header p { text-align: center; padding-bottom: 0; color: #ccc; font-size: 1.5em; }

#box-feed { background: #111; }
#box-feed p { font-size: 12px; color: #f2f2f2; text-align: center; padding-bottom: 10px; }
#box-feed a, #box-feed a:link { color: #f2f2f2; text-decoration: none; }
#box-feed a:hover { color: #ccc; }

#box-feed form { text-align: center; margin-bottom: 1px; }
#box-feed input { padding: 5px; background: #222; border: 0; width: 200px; color: #f2f2f2; text-align: center; }
#box-feed input:focus { color: #ccc; }

#box-pages { background: grey; text-align: center; }
#box-pages h3 { text-align: center; background: #363636; padding: 0px 10px 0px 10px; line-height: 20px; height: 30px; font-size: 10px; font-weight: normal; color: #7c7c7c; border: none;  }
#box-pages h3:hover { background: #363636; font-size: 11px; color: #ccc; }
#box-pages a, #box-pages a:link { color: #f2f2f2; text-decoration: none; }
#box-pages a:hover { color: #ccc; }
#box-pages ul li { font-size: 13px; text-align: center; list-style-type: none; }

#box-pages h4:hover { background: #363636; font-size: 11px; color: #ccc; }
#box-pages h4 { text-align: center; background: #363636; padding: 0px 10px 0px 10px; line-height: 20px; height: 30px; font-size: 10px; font-weight: normal; color: #7c7c7c; border: none;  }
h4 {   padding: 0px 10px 0px 0; line-height: 15px; height: 27px; font-size: 14px; font-weight: bold; color: #000 }

.box-sidebar { background: #fff; margin: 3px 0 0 0}
.box-sidebar ul { margin: 0 0 0 0; padding: 0 0 0 0;}
.box-sidebar ul li { font-size: 12px; margin: 0 0 5px 5px; text-align: center; list-style-type: none; }
.box-sidebar ul li a { color: #000; text-decoration: none; }
.box-sidebar ul li span { margin-left: 5px; }
.box-sidebar ul li a:hover { color: #333; }

h3.trigger:hover
{
background:blue;
}

.shows
{
background: url(img/shows.png) no-repeat left top;


}
#title
{
width: 600px;  margin: 0 auto;
padding: 0 0 0 399px;
}
.oliver
{
width: 362px;
height: 50px;
background: url(img/title.png) no-repeat left top;
}


.catalogue
{
background: url(img/catalogue.png) no-repeat left top;
}
.vids
{
background: url(img/vids.png) no-repeat left top;
}
.pics
{
background: url(img/pics.png) no-repeat left top;
}
.listen 
{
background: url(img/listen.png) no-repeat left top;
}
.press
{
background: url(img/press.png) no-repeat left top;
}
.contact
{
background: url(img/contact.png) no-repeat left top;
}
.twitter
{
background: url(img/twitter.png) no-repeat left top;
}
.shop
{
background: url(img/shop.png) no-repeat left top;
}
#homelink
{
background: url(img/home.png) no-repeat left top;
height: 47px;
width: 100%;
}
#homelink:hover
{
background: blue;
}

#box-footer 
	{ 
    margin: 0 0 0 0;
	width: 100%;
	height: 10px;
	}
#box-footer p { float: right; font-size: 8px; color: #747474; text-align: center; padding: 5px 10px 2px 0; }
#box-footer a, #box-footer a:link { color: #747474; text-decoration: none; }
#box-footer a:hover { color: #ccc; }

h2 {width: 600px;}
h2 a { font-size: 25px; color: blue; font-weight: bold; text-decoration: none; line-height: 24px; }
h2 a:hover { color: blue; background: blue;}	

h3 {   padding: 0px 10px 0px 0; line-height: 15px; height: 47px; font-size: 14px; font-weight: bold; color: #000 }
h3 a:hover { background: blue; color: blue; }
/* =============== album page =============== */
#album1
{

height: 400px;
float: left;
width: 200px;
}
#album2
{

float: left;
height: 400px;
width: 200px;
}
#album3
{

float: left;
height: 400px;
width: 200px;
}


/* =============== CONTENT/POST =============== */


#content .postmeta { margin: 6px 0 ; font-size: 11px; color: #666; }
#content .postmeta a, .postmeta a:link { color: blue; text-decoration: none; }
#content .postmeta a:hover { color: blue; background: blue; text-decoration: none; }

#content .date { height: 53px; width: 51px; font-size: 20px; color: #6c94c2; text-align: center; padding: 0px 1px 0 0; line-height: 100%; float: left; background: url(img/calendar.gif) no-repeat; }
#content .date:hover { background: url(img/calendar-hover.gif) no-repeat; }
#content .date span { height: 21px; display: block; font-size: 11px; color: #333; text-align: center; padding-top: 2px; }
#content .title { float: left; margin: 0 0 0 0; width: 600px; }

#content .post ul { margin-left: 20px !important; margin-bottom: 15px; }
#content .post ul li { list-style-type: square !important; }

#content .post ol { margin-left: 20px !important; margin-bottom: 15px; }
#content .post ol li { }

#content p { margin-bottom: 1.5em; }

#content p a { color: blue;  text-decoration: underline; }
/* #content p a:hover { background: blue; color: blue; text-decoration: none; } */
	
#content small {  font-size: 9px; color: #999; }

#content .notes { text-align: center; color: #ccc; padding: 10px 20px 10px 20px; font-size: 14px; font-weight: bold; }

#content .nextprevious { height: 40px; display: block; padding: 20px 0 20px 0; font-size: 25px; font-weight: bold; } 
#content .nextprevious a { color: blue; text-decoration: none;   }   
#content .nextprevious a:hover { color: blue; background: blue; text-decoration: none;   }  
#content .nextprevious .left { float: left; }
#content .nextprevious .right { float: right; }

/* =============== CONTENT/POST =============== */


#shopcontent .postmeta { margin: 6px 0 ; font-size: 11px; color: #666; }
#shopcontent .postmeta a, .postmeta a:link { color: blue; text-decoration: none; }
#shopcontent .postmeta a:hover { color: blue; background: blue; text-decoration: none; }

#shopcontent .date { height: 53px; width: 51px; font-size: 20px; color: #6c94c2; text-align: center; padding: 0px 1px 0 0; line-height: 100%; float: left; background: url(img/calendar.gif) no-repeat; }
#shopcontent .date:hover { background: url(img/calendar-hover.gif) no-repeat; }
#shopcontent .date span { height: 21px; display: block; font-size: 11px; color: #333; text-align: center; padding-top: 2px; }
#shopcontent .title { float: left; margin: 0 0 0 0; width: 600px; }

#shopcontent .post ul { margin-left: 20px !important; margin-bottom: 15px; }
#shopcontent .post ul li { list-style-type: square !important; }

#shopcontent .post ol { margin-left: 20px !important; margin-bottom: 15px; }
#shopcontent .post ol li { }

#shopcontent p { margin-bottom: 1.5em; }

#shopcontent p a { color: blue;  text-decoration: underline; }
/* #shopcontent p a:hover { background: blue; color: blue; text-decoration: none; } */
	
#shopcontent small {  font-size: 9px; color: #999; }

#shopcontent .notes { text-align: center; color: #ccc; padding: 10px 20px 10px 20px; font-size: 14px; font-weight: bold; }

#shopcontent .nextprevious { height: 40px; display: block; padding: 20px 0 20px 0; font-size: 25px; font-weight: bold; } 
#shopcontent .nextprevious a { color: blue; text-decoration: none;   }   
#shopcontent .nextprevious a:hover { color: blue; background: blue; text-decoration: none;   }  
#shopcontent .nextprevious .left { float: left; }
#shopcontent .nextprevious .right { float: right; }

/* =============== COMMENTS =============== */


.commentpage { margin: 0 30px; padding: 0; }

#comments { margin: 0; padding: 0; }

.comments-num { padding: 0 0 10px 0; }

#commentlist { margin: 0; padding: 0; list-style-type: none; }
#commentlist li { padding: 10px 20px 10px 20px; background: #bed3ec; }
.alt { background-color: #acc7e6 !important; background-image: none !important; }

.comment-title, .comment-meta, .comment-text { margin: 0 0 0 80px; }
.comment-title, .comment-title a, .comment-title a:hover{ color: #666; }
.comment-meta, .comment-meta a, .comment-meta a:hover { color: #333; }

h2.postcomment { margin: 0 0 0 0; font-size: 20px; font-weight: normal; }

.postcomment { clear: both; margin: 20px 0 0 0; padding: 20px; }

.postcomment input, .postcomment textarea { border: 1px solid #aaa; background: #bed3ec; }
.postcomment input:hover, .postcomment textarea:hover { border: 1px solid #ccc; background: #fff; }
.postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; }

.postcomment textarea#comment { width: 100% !important; width: 456px; /* IE hack */ height: 200px; }

.postcomment input#submit { width: auto; height: 25px; padding: 2px 10px 3px 10px; background: #bed3ec; }
.postcomment input#submit:hover { background: #fff; }	


/* =============== FOOTER =============== */


#sidebar #footer { padding: 7px 0; font-size: 10px; }
#sidebar #footer p { margin-bottom: 5px; color: #757575; }
#sidebar #footer a { color: #757575; }
#sidebar #footer a:hover { text-decoration: none; color: #757575; }

.clearfix { clear: both; }