* {
margin:0;
padding:0;
}

html,body {
margin:0;
padding:0;
}

body {
background: #FFFFFF;
color:#565050;
font: 11px Georgia;
line-height:1.2em;
overflow-x: hidden;
}

.clear { 
clear: both; 
}

#wrap{
height: 100%;
padding-bottom: 150px;
}

h1 {
font-family: Georgia;
font-weight: bold;
font-size: 24px;
color: #645f5f;
padding: 0;
text-transform: uppercase;
}

h1.section {
background: url(images/header-bg.jpg) top left repeat-x;
height: 38px;
padding: 8px 0 0 5px;
}

h2 {
color: #645f5f;
text-transform: uppercase;
text-decoration: none;
padding: 0;
}

h2 a {
color: #645f5f;
text-decoration: none;
}

h2 a:hover {
color: #645f5f;
}

h3 {
font-size:12px;
font-weight:400;
margin-bottom:2px;
text-transform: uppercase;
font-weight: bold;
color: #645f5f;
padding: 0;
}

h3 a {
color: #645f5f;
text-decoration: none;
}

h3 a:hover {
color: #645f5f;
text-decoration: none;
}

h4 {
font-size:10px;
text-transform: uppercase;
font-weight:400;
margin-bottom:2px;
color: #645f5f;
letter-spacing: -1px;
}

h4 a {
text-decoration: none;
}

#footer h4 {
color: #FFF;
padding-top: 12px;
}

#footer h4 a {
color: #FFF;
}

#footer h4 a:hover {
opacity:0.4;
filter:alpha(opacity=40)
}

p {
margin-bottom:8px;
}

p strong{
color: #6d277f;
}

strong {
color:#FFFFFF;
}

a{
color: #616161;
}

a:hover {
color: #464646;
}

a.tag-link{
color: #60298c;
}

img {
border: 0;
}

/** categories list **/
ul, li {
margin:0;
border:0;
padding:0;
list-style:none;
}

#videoHead{
width: 290px;
float: left;
margin-left: 14px;
}

#videolist {
width:290px;
height: 323px;
float:left;
margin-left: 14px;
overflow-x: none;
}

#videoScroll{
width:280px;
height: 369px;
margin-bottom: 15px;
}

#catlist {
background:url(images/catlist-bg.jpg) top left no-repeat;
font-size:14px;
margin: 0px;
padding: 0px;
height: 42px;
width: 290px;
z-index:99;
}

#catlist .menu li {
height:28px;
float:left;
width: 282px;
margin-top: -8px;
font-size: 0px;
z-index:99;
}

#catlist .menu li a {
color:#1F1D1D;
text-decoration:none;
padding: 0 10px;
margin-top: 15px;
height:26px;
line-height:28px;
display:block;
float:left;
padding:0 0 0 10px;
width: 282px;
z-index:99;
}

#catlist .menu li a:hover {
color:#1f1f1d;
width: 282px;
z-index:99;
}

#catlist ul .submenu {
border-top:none;
background:#FFFFFF;
position:relative; top: 20px;
width: 282px;
margin: 10px 0;
clear:both;
z-index:99;
display:none;
}

#catlist ul .submenu li {
widrth: 282px;
background:none;
display:block;
float:none;
margin:0;
border:0;
height:auto;
line-height:normal;
border-top:solid 1px #D3D3D3;
}

#catlist .submenu li a {
background:none;
display:block;
float:none;
padding:6px 11px;
margin:0;
border:0;
height:auto;
color:#1F1D1D;
font-size: 10px;
line-height:normal;
}

#catlist .submenu li a:hover{
font-weight: bold;
width: 282px;
}

/** header **/
#header {
position: absolute;
width:100%;
background: url(images/page-header.jpg) top left repeat-x;
height: 100px;
top: 0px;
float:left;
}

#social {
position: relative;
width: 225px;
height: 31px;
left: 50%;
margin-left: 230px;
top: 185px;
z-index: 10;
}

#social ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:31px;
	position: relative;
	float:right;	
}
#social li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	color:#645f5f;
}
#social li a {
	display: block;
	float: left;
	height: 31px;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-decoration:none;	
}

#social li a:hover {
	opacity:0.4;
	filter:alpha(opacity=40)
}

#insideheader {
position: absolute;
list-style: none;
top: 40px;
left: 50%;
margin-left: 35px;
width:1000px;
height: 112px;
}

#insideheader a:hover img {
margin: 0px;
opacity:0.8;
filter:alpha(opacity=80)
}

#insideheader li{
list-style: none;
display: block;
margin: 0px;
}

#insideheader a.text{
color: #FFFFFF;
font-size: 11px;
margin: -15px 0 0 10px;
}

#like {
position: absolute;
list-style: none;
top: 65px;
left: 50%;
margin-left: -200px;
width:300px;
height: 112px;
z-index: 99!important;
}

.home{
position: relative;
left: 50%;
margin-left: -500px;
top: 10px;
width: 184px;
height: 110px;
z-index: 15;
}

.home img {
	margin-left: -10px;
}

#buttons {
list-style: none;
margin: 0;
padding: 0;
position: absolute;
width:450px;
height:38px;
top: 0px;
left: 50%;
margin-left: -500px;
z-index: 3;
}


#buttons a{
color: #fc8116;
display: block;
text-indent: -900%;
position: absolute;
outline: none;
height:38px;
margin: 0;
padding: 0;
}

#buttons a:hover {
background-position: left bottom;
}

#buttons .rss {
width: 50px;
height:38px;
background: url(http://www.bottletopband.com/style/images/rss-button.png) top left no-repeat;
margin: 0 0 0 0;
}
#buttons .login {
width: 50px;
height:38px;
background: url(http://www.bottletopband.com/style/images/login-button.png) top left no-repeat;
margin: 0 0 0 50px;
}
#buttons .signup {
width: 50px;
height:38px;
background: url(http://www.bottletopband.com/style/images/signup-button.png) top left no-repeat;
margin: 0 0 0 100px;
}

#buttons ul {
list-style:none;
margin: 0;
float:left;
}

#buttons li {
display: block;
margin:0 0 0 0;
}

#topmenu {
background: url(images/menu-bg.jpg) top left repeat-x;
height: 44px;
width: 1000px;
position: absolute;
top: 175px;
left: 50%;
margin-left: -500px;
z-index: 9;
}

/* Top Navigation bar menu styling */
#nav { margin:0px; padding: 4px 0px 0px 10px; float:left; text-transform: uppercase; }
#nav ul li.last{background:none;}
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:20px;
	position: relative;
	float:right;	
}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	font:normal 14px Tahoma;	
	color:#645f5f;
}
#nav li a {
	z-index: 10;
	display: block;
	float: left;
	height: 20px;
	position: relative;
	overflow: hidden;
	margin: 10px 20px 0 0;
	padding-top: 5px;
	color:#645f5f;
	text-decoration:none;	
}
#nav li a:hover,
#nav li.current a,
#nav li.current_page_item a {
	height: 16px;		
	color:#645f5f;
	border-bottom: 3px solid #2aa2f1;
}	
#nav li .active {
	height:20px;		
	color:#645f5f;
}	
#nav a:link{color:#645f5f; text-decoration:none;}	
#nav a:hover{color:#645f5f; text-decoration:none;}	
#nav a:active{color:#645f5f; text-decoration:none;}
#nav li ul {
  clear: both;
  list-style: none;
  position: absolute;  
  width: 180px;
  left: -999em;
	padding: 0;
	margin: 0;
	line-height: 1;  
	top: 34px;
  }

#nav li:hover ul, #nav li.sfhover ul {
  left: auto;
  z-index: 100;
  }
	
#nav li ul li {
  float: left;
  margin: 0;
  padding: 0;
  width: 180px;
  }
	
#nav li ul li a,
#nav li ul li a:visited,
#nav li ul li a:link {
  text-align: left;
  width: 150px;
  height: 20px;
  color: #fff;
  border-top: none;
  background: #CCCCCC;
  padding: 10px 5px 10px 15px;
  font-size: 90%;
  font-weight: normal;
  }
	
#nav li ul li a:hover {
  border-top: none;
  background: #646464;
  color: #010103;
}

#nav li ul li:hover, #nav li ul li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
  position: static;
}

/** search **/
#searchwrap {
background:none;
border: 1px solid #dedede;
height:29px;
margin:5px 5px 0 0;
float:right;
padding: 0 3px 0 0;
}

#searchwrap input{
vertical-align:middle;
height: 20px;
border: none;
color:#1F1D1D;
font-family:Georgia;
font-size: 10px;
margin: 2px 5px 0 5px;
}

#searchwrap #s{
font-size:11px;
width:250px;
}


#searchwrap #searchsubmit{
margin: 2px 0 0 0;
width: 73px;
height: 25px;
}

/* Video List Top */

.feature{ 
width: 695px;
height: 370px;
text-align:center;
float:left; 
overflow: hidden; 
position: relative;
}

.artist{ 
width: 320px; 
height: 414px; 
margin: 0 0 8px 1px; 
float:left; 
background:#161613; 
overflow: hidden; 
position: relative; 
}

.boxgrid{ 
width: 280px; 
height: 90px; 
margin: 0 0 8px 1px; 
float:left; 
background:#161613; 
overflow: hidden; 
position: relative; 
}

.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}

.boxgrid p{ 
text-align: center;
color:#afafaf; 
font: 10px "Georgia";
margin: -8px 10px 0 10px;
}
	
.vidCaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100%; 
width: 100%;
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top: 400px;
}	
	
.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
top: 90px;
}

#artistProfile{
width: 340px;
height: 434px;
float: left;
}

.artistCaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 414px; 
width: 100%; 
opacity: .9; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
top: 414px;
padding-right: 15x;
}

.artistCaption h2 {
color: #FFFFFF;
opacity: 1;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
text-align: center;
margin: 15px 10px 0px 10px;
}

.artistCaption p {
color: #FFFFFF;
opacity: 1;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
text-align: center;
margin: 0 10px 10px 10px;
line-height: 1.4em;
font-size: 12px;
}

.captionfull .boxcaption {
bottom: 0px;
left: 0;
}

.caption .boxcaption {
top: 0px;
left: 0;
}

.boxcaption h2 {
color: #FFFFFF;
opacity: 1;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
text-align: center;
margin-top: 15px;
}

.vidCaption h2 {
color: #FFFFFF;
opacity: 1;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
text-align: center;
margin-top: 125px;
}

.vidCaption a {
font-size: 13px;
color: #CCCCCC;
line-height: 1.4em;
text-decoration: none;
}

.vidCaption a:hover {
color: #545454;
}

/** container **/

#container{
width: 1000px;
position: absolute;
left: 50%;
margin-left: -500px;
top: 222px;
}

#base{
position: relative;
background: url(http://www.bottletopband.com/style/images/content-footer.png) top center no-repeat;
height: 311px;
}

/** showcase **/
#showcase {
width: 1000px;
float:left;
margin: 10px 0 0 0;
}

#page {
width:1000px;
float:left;
}

#insideshowcase {
width: 1000px;
padding: 0px;
}

#insideshowcase h4 {
color:#FFFFFF;
font-size:14px;
font-weight:normal;
margin:0 0 2px 0;
padding:0;
}

#socialize {
float:left;
padding:8px;
background:#EFEFEF;
border:1px solid #D3D3D3;
width:420px;
margin:0 0 30px 0;
}

#feature {
width: 695px;
height: 370px;
text-align:center;
float:left;
margin: 0;
padding: 0;
overflow-x: hidden;
}

#feature img {
width: 695px;
height: inherit;
}

.flickr{
width: 720px;
margin: 3px 0 -5px 0;
}

.flickr img {
width: 75px;
height: 75px;
margin: 0 13px 13px 0;
}

/** Post Thumbnails*/

.catThumb {
width: 280px; height: 120px;
overflow: hidden; float: left;
padding: 0; margin: 0;
}

.postThumb {
width: 280px; height: inherit;
}

.arcThumb {
width: 150px; height: 80px;
overflow: hidden; float: left;
padding: 0; margin: 0;
}

.archiveThumb {
width: 150px; height: inherit;
}

img.flickrThumb{
width: 100px;
height: 65px;
overflow:hidden;
text-align: center;
margin-right: 12px;
margin-bottom: 12px;
}

/** copy **/
#copy {
width: 1000px;
background:#none;
float:left;
margin: 0;
padding: 13px 0 100px 0;
}

#artistCopy {
width: 1020px;
background:none;
float:left;
margin: 0;
padding: 13px 0 100px 0;
}

#content {
width: 1000px;
background:#none;
float:left;
margin: 0;
}

#insidecopy {
width:695px;
float: left;
margin: 0;
padding: 15px 0 0 0;
}

#insidecopyHome {
width:695px;
float: left;
margin: 0;
padding: 0;
}

#insidecopyHome a {
text-decoration: none;
}

#insidecopyHome h4 {
text-align: center;
margin-left: -10px;
}

#newsContainer {
margin: 0 0 15px 0;
padding: 0;
font-size: 12px;
line-height: 1.5em;
}

#newsContainer p {
padding-bottom: 15px;
}

#newsContainer #newsPost{
padding-bottom: 15px;
background: url(images/grey-underline.jpg) bottom left repeat-x;
}

#newsPost{
padding-top: 15px;
}

#insidecopy p {
padding: 10px 0 0 0;
font-size: 13px;
}

.pagecontent{
margin: -10px 0 0 5px;
line-height: 1.7em;
}

small {
font-size: 11px;
padding: 3px 0 3px 0;
}

.share {
width: 200px;
padding: 1px 0 3px 0;
}

.shareDate {
width: 200px;
padding: 0;
margin: -13px 0 0 150px;
}

.postImage {
padding: 5px 0 0 0;
text-align: center;
}

.flickrGallery {
margin: 6px 0 0 0;
}

.flickrGallery h2 {
margin: 5px 0 0 0;
}

.flickrGallery .textwidget {
margin: 0 0 16px 0;
padding: 0 0 10px 0;
border-bottom: solid 8px #60298c;
}

img.slickrwidget {
margin: 0 5px 5px 0;
}

#postcomments {
width:538px;
margin:20px 0 0 0;
padding:20px 0 0 0;
border-top: solid 6px #60298c;
}

.twitterLink{
width: 288px;
text-align: center;
margin-top: -4px;
margin-left: 3px;
}

#sidebar {
width: 288px;
float:left;
font-size:12px;
overflow-x: hidden;
margin: 0;
padding: 0 0 0 15px;
}

#sidebarPage {
position: relative;
width: 288px;
float:left;
font-size:12px;
overflow-x: hidden;
margin: -370px 0 0 0;
padding: 0 0 0 15px;
}

.widgetRight{
width: 288px;
height: 100%;
}

a.twitter-user, a.twitter-link {
text-decoration: none;
}

a.twitter-link{
color: #2aa2f1;
}

li.twitter-item{
margin: 0 0 15px 10px;
padding: 0 0 15px 0;
background: url(images/grey-underline.jpg) bottom left repeat-x;
}

li.twitter-item p {
margin-top: 5px;
}

abbr {
text-decoration: none;
border: none;
font-style: italic;
}

/** comments **/
#comment {
width:538px;
font:10px Georgia;
border: dotted 1px #60298c;
}


h2.commh2 {
font-size: 1.4em !important;
padding: 0 0 5px;
color:#333 !important;
}

ol.commentlist {
	margin:0 0 15px 0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:14px;
	border-bottom: solid 2px #999999;
}

.commentlist cite {
	padding: 7px;
	display:block;
	font-style:normal;
}

.commentlist cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin:0 9px 10px 0;
}

.commentlist .author {
	font-size: 1.2em;
	font-weight: bold;
	color: #60298c;
	padding-bottom: 3px;
}

.commentlist .edit {
	margin-top: 3px;
}

.commenttext {
	width: 440px;
    border-top: dotted 1px #60298c;
	margin-left: 100px;
	padding-bottom: 25px;
}

.commenttext p {
font-size: 12px;
}

ol.commentlist li.alt {
background:#f6f6f6;
border-bottom: solid 2px #60298c;
}


input#submit {
font-size: 14px;
color:#1F1D1D;
font-family: Georgia;
padding:7px 10px;
margin:5px 0 0 0;
text-align:center;
background:#FFFFFF;
border:1px solid #dedede;
cursor:pointer;
}

#commentform {
}

#commentform p {
font-size: 11px;
}

#comment,#author,#email,#url {
background:#FFFFFF;
border: dotted 1px #60298c;
color:#1F1D1D;
}

/** search **/
.searchitem {
float:left;
width:300px;
margin:0 15px 0 0;
}

.searchitem p {
font-size:12px;
line-height:1.2em;
}

#insidesearch {
width:1040px;
margin:0px auto;
padding:0;
}

/** begin images **/
p img {
padding: 0;
border: 0;
max-width: 100%;
}

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
}

/** begin lists **/
body .copycontent ul {
margin-left: 0px;
padding: 0px;
list-style: none;
}

body .copycontent li {
margin: 7px 0 8px 0;
}

.copycontent ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

/** blockquote **/
blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #EFEFEF;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

/** navigation **/
.navigation {
width: 100%;
float: left;
margin-top: 10px;
color: #60298c;
}

.navigation a {
color: #60298c;
text-decoration: none;
}

.navigation a:hover {
color: #464646;
}


/** footer **/
#footer {
position: fixed;
bottom: 0px;
left: 0px;
background: url(images/footer.jpg) top left repeat-x;
height: 40px;
float: left;
width: 100%;
z-index: 10;
}

#insidefooter {
position: absolute;
background: none;
height: 35px;
width:1000px;
left: 50%;
margin-left: -500px;
font-size: 9px;
margin-top: 6px;
z-index: 11;
color: #FFF;
}

.footerLink{
width: 158px;
height: 56px;
position: absolute;
left: 50%;
margin-left: 347px;
margin-top: -13px;
z-index: 99;
}

.footerLink a img:hover{
opacity: 1;
filter:alpha(opacity=100)
}

#mp3{
position: absolute;
float: left;
left: 50%;
margin-left: 0px;
margin-top: 9px;
}

#buyBG{
font-size: 16px;
color: #FFFFFF;
float: left;
height: 129px;
width: 480px;
background: url(images/album-cover-small.png) top left no-repeat;
margin: -10px 0 0 10px;
}

#buyBG a {
color: #FFFFFF;
}

#buyBG a:hover {
color: #999999;
}

ul.buyLinks{
position: relative;
margin: 25px 0 0 140px;
}

ul.buyLinks li {
height: 30px;
background: url(images/cart-icon-small.png) top right no-repeat;
}

ul.buyLinks li a {
text-decoration: none;
}