/* 
Theme Name: Mockingbird
Version: 1.0
Author: The Hank White Design Co.
Author URI: http://www.hankwhitedesign.com
*/

/* Reset
--------------------------------------------- */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
div, img { display: block;}
img {height: auto;}


/* Master
--------------------------------------------- */
body  {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	background:  #10100d;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
	color: #fff;
}
a {
	text-decoration:none;
	color: #F3D09C; 
}
a:hover {
	text-decoration:none;
	color: #EDB561;
}

h1 {
	font-size:26px;
	letter-spacing:2px;
	color: #F0C17B;
}


#strip {
	width:100%;
	height:230px;
	padding-top:-430px;
	margin:250px 0 0 0;
	background-image:url(images/creambg.png);
	background-repeat:repeat;
}
#wrap {
	width:950px;
	margin:0 auto;
}
.logo{
	float:left;
	position: absolute;
	margin-top:-57px;
	width:600px;
	height:115px;
	background-image: url(images/logo.png);
}
.album {
	float:left;
	position:relative;
	margin: 50px 0 0 0;
}
.album img{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.album img:hover
{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
.icons{
	float:right;
	
}
.icons ul{
	margin:20px;
	padding:0px;
	width:236px;
	position:absolute;
}
.icons li{
	position:relative;
	display:block;
	float:left;
	padding:70px 20px 0 0;
	margin:0px;
	height:50px;
}
.icons img{
opacity:0.9;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.icons img:hover
{
opacity: 1.0;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
.fb-like{
	margin:20px 0 0 43px;
	float:left;
}
.twitter-follow-button{
	margin-top:20px;
	float:right;
}
#colophon{ 
	width: 1000px;
	margin: auto;
	text-align:center;
	color:#fff;
	padding:10px 0 ;
	margin:0 auto;
	font-size:20px;
	letter-spacing:1px;
}
#footer{
	width:100%;
	padding:40px 0 0 0;

}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}