/* 
Theme Name: bradwalsh
Theme URL: http://bradwalsh.com/
Version: 1.0

*/

html {
    font-family: helvetica, arial, sans-serif;
}
body {
    width: 960px;
    margin: auto;
    background-color: #fff;
    padding-top: 0;
}
a {
    outline: 0;
	text-decoration:none;
}
#wrapper {
    float: left;
    background-color: #fff;
    padding-top: 0;
}
#navMain {
    background-color: #231f20;
    color: #ccc;
    width: 520px;
    height: 68px;
    float: left;
    padding: 0;
    margin: 5px 0 0 0;
}
#navMain li {
    display: block;
    float: left;
    margin-right: 5px;
    width: auto;
    margin-top: 1px;
}
#navMain li a {
    color: #ccc;
    font-weight: bold;
    text-decoration: none;
    font-size: 13px;
    margin-left: 5px;
    padding: 2px 5px 6px 5px;
    display: inline;
    border-bottom: 1px solid #231f20;
    width: 60px;
}
#navMain li a:hover {
    color: #000;
    background-color: #fff;
}
#viewPort {
    width: 960px;
    overflow: hidden;
    height: 470px;
    float: left;
    position: relative;
}
.portfolioMain {
    display: block;
    height: 480px;
    white-space: nowrap;
    list-style-type: none;
    float: left;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 8200px;
    margin: 2px 0;
}
.portfolioMain li {
    float: left;
    width: 295px;
    padding: 2px;
    white-space: nowrap;
    position: relative;
}
.portfolioMain li.landscape {
    width: 665px;
}
.portfolioMain li.wide {
    width: 591px;
}
.portfolioMain li.george {
    width: 322px;
}

.portfolioMain li.perez {
    width: 326px;
}
.portfolioMain li a {
    white-space: nowrap;
    border: none;
}
.portfolioMain li a img {
    white-space: nowrap;
    border: 0px;
    float: left;
}
#navPortfolio {
    display: block;
    height: 87px;
    width: 1500px;
    list-style-type: none;
    float: left;
    overflow: hidden;
    padding: 0 0 0 0;
    position: absolute;
    margin: 0;
    top: 0;
}
#navView {
    float: left;
    position: relative;
    width: 960px;
    height: 88px;
    border-bottom: 6px solid #111;
    overflow: hidden;
    border-top: 2px solid black;
}
#navPortfolio li {
    float: left;
    width: 54px;
}
#navPortfolio li.landscape {
    width: 117px;
}
#navPortfolio .landscape a {
    width: 117PX;
}
#navPortfolio img {
    border: 0px;
}
#navPortfolio li a {
    border-top: 4px solid white;
    float: left;
    width: 50px;
    height: 75px;
    padding-top: 6px;
}
#navPortfolio li a:hover {
    border-top: 4px solid black;
}
#navPortfolio .active a {
    border-top: 4px solid black;
}
.portfolioNav {
    color: #fff;
    margin: 5px 0 0 0;
    list-style-type: none;
    float: right;
    width: 280px;
    padding: 0;
    font-size: 10px;
}
.portfolioNav li {
    margin: 0;
    line-height: 15px;
    float: left;
    background-color: #eee;
    width: 70px;
}
.portfolioNav li a {
    color: #000;
    text-decoration: none;
    font-size: 11px;
    padding: 1px;
    text-align: center;
    display: block;
    padding-bottom: 0;
}
.portfolioNav li a:hover {
    color: #ff33cc;
}
#bio #wrapper p {
    font-size: 12px;
    padding: 0;
    width: 520px;
    float: left;
    margin: 0;
    margin-bottom: 12px!important;
}
#bio #wrapper p a {
    text-decoration: none;
    white-space: nowrap;
    font-weight: bold;
    color: #000;
}
#bio #wrapper p a:hover {
    color: #ff33cc;
}
/** The Music Section **/
#music {
    color: #444;
}
h2.title {
    font-size: 24px;
    color: #999;
    font-weight: normal;
    border-bottom: 1px solid #b4b4b4;
}

#music div.quotes {
    width: 960px;
    padding: 0 0 0 0;
    float: left;
}
#music .quotes blockquote {
    float: left;
    width: 210px;
    padding: 15px;
    font-size: 12px;
    margin: 0;
    height: 150px;
    color: #666;
}
#music .quotes blockquote span {
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}
#music #wrapper #head {
    margin-bottom: 3px;
}
#albums {
    width: 960px;
    float: left;
    padding-bottom: 30px;
}
#albums .album {
    width: 465px;
    padding: 15px;
    float: left;
    padding-right: 0px;
    height: 225px;
}
#albums .album img {
    float: left;
    margin: 0;
    padding: 0;
}
#albums ol.tracklist {
    font-size: 12px;
    width: 215px;
    float: left;
    padding: 0;
    margin: 2px 0 0 30px;
}
#albums ol.tracklist li {
    font-weight: bold;
}
#albums .tracklist span {
    font-size: 10px;
    font-weight: lighter;
    line-height: 10px;
}
#albums .tracklist span.block {
    display: block;
}
#albums h3.albumtitle {
    font-weight: bold;
    font-size: 16px;
    color: #666;
    display: inline;
    padding-left: 10px;
}
#albums h3 a {
    color: #666;
    text-decoration: none;
}
#albums h3 a:hover {
    color: #333;
}
#remixes ul.remixlist {
    font-size: 12px;
    width: 465px;
    float: left;
    margin: 0;
    padding: 0px 0 15px 15px;
    list-style-type: none;
}
ul.remixlist li span {
    font-size: 11px;
    color: #010101;
}
#remixes {
    width: 960px;
    float: left;
    padding-bottom: 30px;
}
#remixes .remixlist a:link,
#remixes .remixlist a:visited {
    text-decoration: none;
    color: #dc2550;
}
#remixes .remixlist a:hover {
    font-style: italic;
    color: #bf3757;
}

#purchase {
    float: left;
    width: 960px;
    text-align: center;
}
p.purchaselinks {
    font-size: 30px;
    text-align: center;
    width: 960px;
    float: left;
}
p.purchaselinks a {
    text-decoration: none;
    padding: 3px;
}
p.purchaselinks a:link,
p.purchaselinks a:visited {
    color: #dc2550;
}
p.purchaselinks a:hover {
    color: #bf3757;
    background-color: #fff;
}
.purchaseicons {
    list-style-type: none;
    float: left;
    width: 700px;
    margin: 0;
    margin-left: 90px;
}
.purchaseicons li {
    float: left;
}
ul.purchaseicons li a {
    display: block;
    text-indent: -9999px;
    height: 42px;
    border: 5px solid #fff;
}
#myspace a:link,
#myspace a:visited {
    background: transparent url(images/myspace.jpg) no-repeat 0 0;
    height: 42px;
    width: 136px;
}
#amazon a:link,
#amazon a:visited {
    background: transparent url(images/amazon.jpg) no-repeat 0 0;
    width: 177px;
}
#itunes a:link,
#itunes a:visited {
    background: transparent url(images/itunes.jpg) no-repeat 0 0;
    width: 144px;
}
#emusic a:link,
#emusic a:visited {
    background: transparent url(images/emusic.jpg) no-repeat 0 0;
    width: 167px;
}
#wrapper #head {
    float: left;
    width: 960px;
    margin-bottom: 40px;
}
#logo {
    float: right;
    width: 437px;
    display: block;
    margin: 0;
    padding: 0;
}
#logo a {
    width: 469px;
    height: 74px;
    display: block;
    background: transparent url(images/logo.jpg) no-repeat 32px 0px;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    float: right;
}
#photo #wrapper #head {
    margin-bottom: 0px;
}
#viewPort .portfolioMain li a span {
    display: none;
}
#viewPort .portfolioMain li.active a span {
    display: block;
    background-color: #000;
    color: #ddd;
    font-size: 11px;
    font-weight: bold;
    padding: 6px;
    float: right;
    margin: 0;
}

ul.links {
    list-style-type: none;
    width: 960px;
    float: left;
}
ul.links li {
    font-size: 12px;
    width: 236px;
    float: left;
    padding: 2px;
}
ul.links li a {
    text-decoration: none;
    color: #555;
    border-left: 5px solid transparent;
    padding-left: 5px;
}
ul.links li a:hover {
    color: #ff33cc;
    border-left: 5px solid #ff00dd;
    background-color: #eee;
}
#links h2 {
    float: left;
    width: 960px;
    margin: 0;
}
ul#footer {
    list-style-type: none;
    width: 960px;
    float: left;
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 5px 0 0 0;
}
#footer li {
    float: left;
    width: 250px;
    font-size: 10px;
    margin: 0;
    padding: 0;
}
#footer li a {
    text-decoration: none;
    color: #555;
}
#footer li.design {
    float: right;
    text-align: right;
}
#music .clips {
    width: 960px;
    margin-top: 0;
    margin-bottom: 20px;
    background-color: #000;
    height: 220px;
    padding-bottom: 5px;
}
#music .clips a {
    display: block;
    font-size: 10px;
    text-decoration: none;
    color: #fff;
    padding: 3px;
}
#music .clips a span {
    font-style: italic;
    color: #999;
    font-size: 9px;
    display: block;
}
#music .clips a.playing {
    background-color: #333;
    color: #ff3366;
}
#music .clips a.playing span {
    color: #ff3366;
}
.albumCovers {
    width: 950px;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 5px;
    position: relative;
    background-color: #000;
    padding-bottom: 0;
}
.albumCovers li {
    float: left;
    width: auto;
    font-size: 11px;
    font-weight: bold;
}
.albumCovers li a {
    text-decoration: none;
    color: #333;
    text-align: left;
    display: block;
    height: 75px;
    width: 75px;
    border-bottom: 10px solid transparent;
}
.albumCovers li a span {
    display: none;
}
.albumCovers li a.selected span {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 40px;
    color: #666;
}
.albumCovers li a.selected {
    border-bottom: 10px solid #000;
}
.albumCovers .priorTo {
    background: transparent url('images/playlist_priorto.jpg') no-repeat 0 0;
}
.albumCovers .humanNature {
    background: transparent url('images/playlist_humannature.jpg') no-repeat 0 0;
}
.albumCovers .bonesWithNewSkins {
    background: transparent url('images/playlist_boneswithnewskins.jpg') no-repeat 0 0;
}
.albumCovers .whenWeFight {
    background: transparent url('images/playlist_whenwefight.jpg') no-repeat 0 0;
}
.albumCovers .forChristianSiriano {
    background: transparent url('images/playlist_forchristiansiriano.jpg') no-repeat 0 0;
}
img.about {
    float: right;
    width: 420px;
}

#contact #wrapper p {
    letter-spacing: -0.03em;
    color: #666;
    text-align: center;
    padding: 15px 10px 15px 10px;
    background-color: #eee;
    -moz-border-radius: 6px;
    float: left;
    width: 940px;
    margin-bottom: 30px;
    border: 1px solid #ccc;
}
#contact #wrapper p a {
    letter-spacing: 0;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
#contact #wrapper p a:hover {
    color: #ff33cc;
}
#navSubPhoto {
    list-style-type: none;
    width: 500px;
    float: left;
    line-height: 10px;
    height: 18px;
    margin-bottom: 0;
    margin-left: 0;
    display: inline;
    text-align: left;
    padding: 0;
    margin-top: 5px;
}
#navSubPhoto li a {
    font-size: 12px;
    color: #222;
    text-decoration: none;
    line-height: 10px;
    padding: 5px;
}
#navSubPhoto li a:hover {
    color: #ff33cc;
    background-color: #222;
}
#navSubPhoto li a.active {
    color: #ff33cc;
    background-color: #222;
}
#navSubPhoto li {
    display: inline;
    margin: 0;
    padding: 0 15px 0 0;
}
#albumcover {
    width: 220px;
    float: left;
    height: 220px;
    display: block;
    margin: 0;
    background: #000;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 0;
}

/* INDEX STYLES */

.clear {
    clear: both;
}

.index .column-1,
.index .column-2,
.index .column-3 {
    float: left;
}

.index .column-1 {
    width: 440px;
}

.index .column-2 {
    background-color: #fff;
    height: 495px;
    margin-left: 20px;
    width: 250px;
	color:#333;
}

.index .column-3 {
    background-color: #fff;
    height: 495px;
    width: 245px;
	margin-left:5px;
}

.index .index-content {
    padding: 5px;
}

.index .index-content p {
    color: #333;
}

.index .index-content a {
    color: #333 !important;
    font-weight: normal !important;
    white-space: normal !important;
}


.index .index-content a:hover {
    color: #cccccc !important;
}

.index .twitter-message {
    margin-bottom: 0px !important;
height:60px;
}

.index .index-content abbr {
    border-bottom-width: 0;
    font-style: italic;
white-space:nowrap;
}

.index .index-content a img {
    border: none;
    margin-bottom: -3px;
}

/* Index: Column One */

.index .post {
    margin-bottom: 10px;
font-size:12px;
}



.index .post h2 {
    margin: 10px 0;
}

.index .post h2 a {
    color: #666666;
    text-decoration: none;
	font-size:20px;
}

.index .post h2 a:hover {
    color: #333333;
}

.index p {
    color: #666666;
    float: none !important;
    font-family: Georgia, Times, serif;
    font-size: 12px;
    line-height: 15px;
    width: 100% !important;
    margin-bottom:10px;
}

.index .postmeta {
    background-color: #3e3933;
    color: #999999;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
width:428px;float;left;
margin-top:10px;
}
.index .postmeta a {color:#fff;text-decoration:none;}
.index .postmeta a:hover {color:#ff33cc;}
#blog .twitter-message a.twitter-link {line-height:13px;text-decoration:none;}
#blog .twitter-message a:hover {color:#ff33cc!important;}
#blog .twitter-message {margin:0;font-size:11px;line-height:13px;}
#blog .twitter-message span abbr {font-weight:lighter;color:#737373;}
a.twitter-user {color:yellow;}
/* Index: Column Two */

.index .index-head {
    border-bottom:5px solid #ffffff;
    display: block;
    height: 22px;
    line-height: 22px;
}

.index .index-twitter {
   /* background: #ffffff url('images/index_twitter.gif') no-repeat top left;   */
/*	text-indent:-9999px;*/
	font-size:12px;
	font-weight:bold;
	background:#fff;
	border-bottom:1px solid #ccc;
}

/* Index: Column Three */

.index .index-flickr {
   /* background: #ffffff url('images/index_flickr.gif') no-repeat top right;*/
/*	text-indent:-9999px;*/
	font-size:12px;
	font-weight:bold;
	background:#fff;
	border-bottom:1px solid #ccc;
	
	
}

/*Gallery Stylings*/

#blog .ngg-galleryoverview {width:448px !important;float:none;margin-top:00px;}
.ngg-gallery-thumbnail-box {float:left;width:112px;}
.ngg-gallery-thumbnail {width:100px;margin-bottom:10px;}
.ngg-gallery-thumbnail a img {border:none;margin:0;padding:1px;}


#comment {width:440px;}
#commentform small {font-size:9px;line-height:9px;}
.columnwrapper {width:520px;float:left;}
#singleFooter {width:500px;float:left;margin-left:20px;}
#comments h3 {font-size:12px;font-weight:light;font-style:italic;}
.comments_meta p {display:inline;font-weight:bold;color:#000;}
.comments_meta {margin-bottom:0;}
.meta-wrapper p {font-family:helvetica, arial, sans-serif !important;}
#sidebar li h2 {font-size:12px;}
#sidebar ul {list-style-type:none;padding:0;}
#sidebar ul li {padding:0;margin:0;line-height:12px;}
#sidebar li a {text-decoration:none;font-size:11px;}
.meta-wrapper {float:left;width:500px;margin-left:20px;border-top:1px solid #ccc;margin-top:40px;}
#comments_list {
	list-style-type:none;
	padding:0;
}
.meta-wrapper p.previous,
.meta-wrapper p.next {
	margin:1px 0px;
}
.meta-wrapper p.previous a,
.meta-wrapper p.next a {
	width:494px;
	display:block;
	background-color:#333;
	padding:3px;
	color:#999;
	font-size:11px;
	font-weight:lighter;
	text-decoration:none;
	line-height:18px;
	font-family:helvetica, arial, sans-serif;
	margin:0;
	}
.meta-wrapper .previous a:hover,
.meta-wrapper .next a:hover {
	color:#ff33cc;
}
.meta-wrapper a {
	color:#333;
	
}
.meta-wrapper a:hover {color:#ff33cc;}
.categories ul li {font-size:10px;}
#content .post p a {color:#000;}
#content .post p a:hover {color:#ff33cc;}
h3.postsTitle {font-size:12px;font-weight:bold;display:block;border-bottom:1px solid #ccc;padding-bottom:2px;}
#blog ul.recent {list-style-type:none !important;margin:0;padding:0;width:500px;float:left;}
#blog ul.recent li {width:120px;height:50px;float:left;margin-right:5px;font-size:11px;margin-bottom:5px;}
#blog ul.recent li a {background-color:#f3f3f3;display:block;height:50px;width:120px;margin-right:5px;float:left;}
#blog label.hidden {font-size:12px;font-weight:bold;}
#blog #wrapper #head {margin-bottom:10px;}
.column-3 .index-content a {margin-right:3px;margin-bottom:3px;display:block;float:left;}
li.widget {display:none;}
.commentLink {width:100px;text-align:right;float:right;padding-right:10px;}
