/*

Theme Name: Macklam/Feldman

Theme URI: http://macklamfeldman.com/

Description: Wordpress theme for Macklam/Feldman.

Author: Wade Ouellet & Steven Toews

Author URl: 

Version: 1.0

Tags: black, red, white, multiple headers

*/





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



   Reset default browser CSS.



   Based on work by Eric Meyer:

   http://meyerweb.com/eric/tools/css/reset/index.html



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



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,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	vertical-align: baseline;

	background: transparent;

}

body {

	line-height: 1;

}

h1,h2,h3,h4,h5,h6 {

	font-weight: normal;

	clear: both;

}

ol, ul {

	list-style: none;

}

blockquote {

	quotes: none;

}

blockquote:before, blockquote:after {

	content: '';

	content: none;

}

del {

	text-decoration: line-through;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: collapse;

	border-spacing: 0;

}

a img { border: none; }





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



   Stylesheet



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



body{

	background: #000000;

	color: #666666;

	font-size: 0.9em;

	font-family: Arial, Verdana, sans-serif;

	line-height: 1.3em;

}



a{

	color: #ce171f;

	background: inherit;

	text-decoration: none;

}



a:hover{

	color: #00000;

	background: inherit;

}



h1{

	width: 515px;

	height: 86px;

	text-indent: -2000em;

	float: left;

	background: url(images/logo.png);

}



h1 a{

	display: block;

	width: 100%;

	height: 100%;

}



h2{

	color: #ce171f;

	background: inherit;

	font-size: 1.5em;

	float: left;

	width: 600px;

	text-transform: uppercase;

}



p, ul{

	padding: 0 0 15px 0;

}



#wrapper{

	width: 950px;

	background: inherit;

	color: #666666;

	margin: 0px auto 30px;

}



#header{

	width: 860px;

	height: 110px;

	background: #db2e28;

	color: #000000;

	padding: 10px 30px 0 60px;

}



#player{

	width: 205px;

	height: 86px;

	margin: 0 0 0 565px;

}



.menu-header .menu{

	width: 860px;

	height: 25px;

	line-height: 25px;

	text-align: right;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 1.05em;

}



.menu-header li{

	list-style: none;

	display: inline;

	padding: 0 0 0 40px;

}



.menu-header a{

	color: #000000;

	background: inherit;

}



.menu-header a:hover{

	color: #ffffff;

	background: inherit;

}



#banner{

	width: 950px;

	height: 374px;

	border-bottom: 5px solid #ce171f;

}



#main{

	width: 950px;

	padding: 30px 0;

	-moz-border-radius-bottomleft: 15px;

	-webkit-border-bottom-left-radius: 15px;

	-khtml-border-bottom-left-radius: 15px;

	-moz-border-radius-bottomright: 15px;

	-webkit-border-bottom-right-radius: 15px;

	-khtml-border-bottom-right-radius: 15px;

	background: #ffffff;

	color: #666666;

}



#heading{

	padding: 20px 40px 20px 60px;

	width: 820px;

	height: 20px;

	border-top: 2px solid #999999;

	border-right: 2px solid #999999;

	border-bottom: 2px solid #999999;

	-moz-border-radius-topright: 15px;

	-webkit-border-top-right-radius: 15px;

	-khtml-border-top-right-radius: 15px;

	-moz-border-radius-bottomright: 15px;

	-webkit-border-bottom-right-radius: 15px;

	-khtml-border-bottom-right-radius: 15px;

	margin: 0 0 30px 0;

}



#browse{

	width: 220px;

	margin: 0 0 0 600px;

	text-align: right;

}



#content{

	width: 555px;

	padding: 0 0 0 60px;

	float: left;

}

#footer {

	width:860px;

	border-top:3px solid #999;

	padding-top:8px;

	margin:0px auto;

}



#artists li{

	float: left;

	width: 275px;

	height: 220px;

	text-align: center;

}



#artists a{

	display: block; 

	width: 250px; 

	height:150px; 

	border: 2px solid #a2a2a2;

	color: #ffffff;

	line-height: 150px;

}

#artists span {

	width: 250px; 

	height:150px; 

	overflow: hidden;

	display: block;

}



#artists a.icon, #artist-info a.icon{

	line-height: 0px;

	display:block;

	border: none;

	background:url(/wp-content/uploads/social-media-icons.png) right top; 

	width:16px;

	height:16px;

	float:left;

	margin-left:4px;

}

#artists a.email, #artist-info a.email{

background-position:142px 0px;

}

#artists a.email:hover, #artist-info a.email:hover{

background-position:142px 16px;

}

#artists a.website, #artist-info a.website{

background-position:121px 0px;

}

#artists a.website:hover, #artist-info a.website:hover{

background-position:121px 16px;

}

#artists a.facebook, #artist-info a.facebook{

background-position:100px 0px;

}

#artists a.facebook:hover, #artist-info a.facebook:hover{

background-position:100px 16px;

}



#artists a.instagram, #artist-info a.instagram{

background-position:163px 0px;

}

#artists a.instagram:hover, #artist-info a.instagram:hover{

background-position:163px 16px;

}



#artists a.twitter, #artist-info a.twitter{

background-position:79px 0px;

}

#artists a.twitter:hover, #artist-info a.twitter:hover{

background-position:79px 16px;

}



#artists a.rss, #artist-info a.rss{

background-position:58px 0px;

}

#artists a.rss:hover, #artist-info a.rss:hover:hover{

background-position:58px 16px;

}



#artists a.myspace, #artist-info a.myspace{

background-position:37px 0px;

}

#artists a.myspace:hover, #artist-info a.myspace:hover{

background-position:37px 16px;

}



#artists a.youtube, #artist-info a.youtube{

background-position:16px 0px;

}

#artists a.youtube:hover, #artist-info a.youtube:hover{

background-position:16px 16px;

}

#artists a.spotify, #artist-info a.spotify{

background-position:184px 0px;

}

#artists a.spotify:hover, #artist-info a.spotify:hover{

background-position:184px 16px;

}





#artist-info{

	font-weight: bold;

}



#artist-info a{

	color: #666666;

	background: inherit;

}



#artist-info a:hover{

	color: #000000;

}



#artist-left{

	width: 255px;

	float: left;

}



#artist-right{

	width: 300px;

	margin: 0 0 0 255px;

}



.small-text{

	font-size: 0.8em;

}



#sidebar{

	width: 231px;

	border: 2px solid #999999;

	margin: 0 30px 0 30px;

	float: left;

	padding: 20px;

	-moz-border-radius: 15px;

	-webkit-border-radius: 15px;

	-khtml-border-radius: 15px;

	color: #555555;

	background: #ffffff;

}



#sidebar #text-3 h3{

	width: 231px;

	height: 33px;

	background: url(images/sidebar.png) top no-repeat;

	text-indent: -2000em;

	padding: 0 0 15px 0;

	border-bottom: 2px solid #a2a2a2;

	margin: 0 0 20px 0;

}



#sidebar #nav_menu-3 li{

	padding: 0 0 5px 0;

	list-style: inside circle;

}



#sidebar h3 a{

	display: block;

	width: 100%;

	height: 100%;

}



.artist-sidebar{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.2em;

	line-height: 1.5;

}



.clear{

	clear: both;

}



/* News */



.post {

	padding: 0 0 20px 0;

	margin: 0 0 20px 0;

	border-bottom: 1px solid #777777;

}



.post .entry-content{

	padding: 20px 0 0 0;

}



.post .entry-utility{

	font-size: 0.9em;

clear:left;

padding-top:10px;

}



.nav-previous{

	float: left;

}



.nav-next{

	float: right;

}

.alignleft {

        float: left;

        margin-left: 0px;

        margin-right: 10px;

        clear:left;

} 



.linkeinshare {

width:250px;

height:30px;

position:relative;

}