/*  
Theme Name: Feeling the Music!
Theme URI: http://www.feelingthemusic.com
Description: inspired by Press75' Video Elements
Version: 1.5
Author: Lewis & Davis
Author URI: http://www.lewisdavis.us/
*/

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	/*overflow:hidden; breekt back to top link! */
}
body {
	font-size:14px;
	font-family:"Helvetica Neue",Helvetica,arial,sans-serif;
	line-height:1.5em;
	color:#eee;
	background-color: #999;
	/*background:
	-moz-linear-gradient(100% 0% 140deg, #0019FF, #FF0000, #00FF00 70%, #FFFF00 100%);	
	-moz-linear-gradient(
		right bottom,
		#333 33%,
		#111 100%
	);
	/*background-image:-webkit-gradient(linear, 0% 0%, 100% 100%, from(#0019FF), to(#FF0000), color-stop(.4,#00FF00),color-stop(.7,#FFFF00));*/
}

a:link, a:visited {
	color:#c34f00;
	border: none;
	text-decoration:none;
}
a:hover, a:focus{
	color:#111;
	background-color:#eee;
	border: none;
	text-decoration:none;
}
img {
	border:none;
}
/*img.bg-image {
	width: 100%;
    height: 100%;
	position: absolute;
	top: 0;
	left: 0;
    position: fixed;
    z-index: -1;
}*/

#bg-fullscreen {
	display:block;
	overflow: hidden;
}
#header{
	cursor:default;
	margin:25px auto 18px auto;
	width:850px;
	z-index:2;
}
#logo {
	margin:0 auto;
	padding:0;
	height:111px;
	width:850px;
	overflow:hidden;
	z-index:3;
}
	#logo .headerwithbuttons {
		display:block;
		width:850px;
		height:111px;
		background:url(images/header-logo.gif) top left no-repeat;
		position:relative;
		margin:2px auto 2px auto;
	}
	a.LINK00, a.LINK01, a.LINK1, a.LINK2, a.LINK3 {
		border:none;
		height:0;
		background:transparent;
		display:block;
		overflow:hidden;
		position:absolute;
	}
		a.LINK00 {
			left:16px;
			width:270px;
			padding-top:70px;
		}
		a.LINK1, a.LINK2, a.LINK3 {
			left:816px;
			width:21px;
			padding-top:21px;
		}
		a.LINK00 {top:10px;}
		a.LINK1 {top:11px;}
		a.LINK2 {top:44px;}
		a.LINK3 {top:77px;}

	a.LINK00:hover, a.LINK00:focus, a.LINK01:hover, a.LINK01:focus {
		border:none;
	}
	a.LINK1:hover, a.LINK1:focus, a.LINK3:hover, a.LINK3:focus  {
		border:none;
		background:white;
		opacity: .25;
		-moz-opacity: .25;
		filter: alpha(opacity=25);
	}
	a.LINK2:hover, a.LINK2:focus  {
		border:none;
		background:white;
		opacity: .5;
		-moz-opacity: .5;
		filter: alpha(opacity=50);
	}

/* The Menu */
#topcontent{
	margin:0;
	padding:0;
	width:100%;
	/* prevent displaying selection block on mousedown */
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
    user-select: none;
}
#menubar{
	margin:0 auto;
	background:url(images/header-menu.gif) top left no-repeat;
	width:850px;
	height:75px;
	float:left;
	list-style:none;
}

#menubar dd div {
	margin:0;
	padding:0;
	float:left;
	height:75px;
	width:150px;
	opacity: .85;
	-moz-opacity: .85;
	filter: alpha(opacity=85);
}
.thetip {
	display:inline;
}
.thetip:hover, .thetip:focus {
/*	border:1px solid #fff;*/
}

#menubar #option1{
	background:url(images/but1f.jpg) no-repeat 0 0;
}
#menubar #option2{
	background:url(images/but2f.jpg) no-repeat 0 0;
}
#menubar #option3{
	background:url(images/but3f.jpg) no-repeat 0 0;
}
#menubar #option4{
	background:url(images/but4f.jpg) no-repeat 0 0;
}
#menubar #option5{
	background:url(images/but5f.jpg) no-repeat 0 0;
	width:200px;
}
#menubar #option1:hover,#menubar #option2:hover, #menubar #option3:hover, #menubar #option4:hover{
	background-position:-150px 0;
}
#menubar #option5:hover{
	background-position:-200px 0;
}
/* The Tips */
.tool-tip {
	color:#bbb;
	width:165px;
	z-index:13000;
	text-align:left;
}
.tool-title {
	background:#333;
	background:#222;
	color:#eee;
	font-size:12px;
	font-weight:700;
	padding:8px 8px 0 8px;
}
.tool-text {
	background:#333;
	background:#222;
	font-size:12px;
	padding:0 8px 8px 8px;
}

/* Content Containers */
#wrapper{
	width:850px;
	margin:0 auto;
	z-index:100;
}
#contentwrapper{
	cursor:default;
	margin-top:0px;
	width:100%;
}
#content{
	/*background:url(images/bg.jpg) top center no-repeat;*/
	background-color:#111;
	float:left;
	width:600px;
}
#pagecontent, #blogitem {
	color:#eee;
	margin:18px 25px 10px 20px;
}
#tagsblock{
	cursor: default;
	display: inline-block;
	margin: 0px auto;
	text-align: center;
}
#sidebar {
	background: #eee;
	padding:16px 8px 10px 14px;
	float:right;
	width:228px;
}
#footer {
	height:25px;
	border-top:1px solid #eee;
	width:100%;
}

/* Actual Content */
#pagecontent p, #blogitem p{
	font-size:14px;
}
#pagecontent h3{
	font-size:16px;
}
#pagecontent h2{
	font-size:18px;
/*	margin-bottom:12px;*/
	padding-bottom:10px;
}

#sidebar a:link, #sidebar a:visited, #blogitem a:link, #blogitem a:visited{
	border-bottom:1px dotted #c34f00;
}
#sidebar p {
	color:#222;
	font-size:13px;
	padding-bottom:0px;
}
#sidebar h3 {
	color:#c34f00;
	font-size:16px;
	margin:0;
}
#sidebar img, #blogitem img{
	padding:2px;
	margin:4px;
	border:none;
}
#sidebar a:hover {
	color: #111;
	background-color:#ccc;
	text-decoration:none;
	border-bottom:1px dotted #111;
}

#tagsblock h3, #tagsblock h2, #tagsblock h1 {
	display:inline-block;
	margin:5px 10px;
	zoom:1; *display:inline; _height:20px; /* hack inline-block for IE6/7 */
}
#tagsblock h3{
	font-size:15px;
	font-weight:500;
}
#tagsblock h2{
	font-size:18px;
	font-weight:600;	
}
#tagsblock h1 {
	font-size:23px;
	font-weight:900;	
}

#footer #copy {
	color:#999;
	font-size:0.8em;
	width:100%;
	margin: 2px auto;
	padding-bottom:20px;
	text-align:center;	
}

.toplink {
	font-weight:bold;
	font-size:0.9em;
	text-align:right;
}
.toplink a {
	background-color:#222;
}

.item{
width:530px;
height:155px;
color:#333333;
/*color:#efefef;*/
background:url(images/itemborder.gif) bottom no-repeat;
margin:0 0 15px 0;
}

.item a:link, .item a:visited{
color:#c34f00;
text-decoration:none;
border:none;
}

.item a:hover, .galleryitem a:hover{
color:#000000;
/*color:#efefef;*/
text-decoration:none;
border:none;
}

.galleryitem{
width:175px;
height:175px;
color:#333333;
/*color:#efefef;*/
margin:0 4px 25px 0;
float:left;
}
.galleryratings{
text-align:right;
margin:0px 8px 0px 0px;
}

.galleryitem h5{
color:#c34f00;
font-size:11px;
font-weight:normal;
text-align:right;
margin:0px 8px 5px 0px;
padding:0;
}

/*
#blogitem{
width:530px;
color:#333333;
background:url(images/itemborder.gif) bottom no-repeat;
margin:0 0 15px 0;
padding-bottom:10px;
}
*/

#postcomments{
width:530px;
color:#333333;
/*color:#efefef;*/
margin:0 0 15px 0;
padding-bottom:10px;
}

.covershot{
width:180px;
height:142px;
float:left;
background:url(images/vidbg.png) no-repeat;
}

#galleryshot{
width:175px;
height:142px;
float:left;
background:url(images/vidbg.png) no-repeat;
}

.galleryitem h3{
font-size:16px;
color:#c34f00;
font-weight:normal;
margin:0px 0px 8px 0px;
padding:0;
}

.blogtitle{
float:left;
}

.blogtitle h3{
font-size:20px;
color:#c34f00;
font-weight:normal;
margin:0;
padding:2px 0px 0px 0px;
}

.blogtitle a:link {
text-decoration:none;
}

.blogtitle a:hover{
color:#333333;
/*color:#efefef;*/
}

.description p{
margin:0;
padding:0;
height:90px;
overflow:hidden;
}

.covershot p{
margin:0;
padding:0;
}

.covershot img{
width:156px;
height:118px;
margin:8px 0px 0px 8px;
overflow:hidden;
border:none;
}

.videodets {
float: left;
width: 530px;
background: url(images/itemborder.gif) bottom left no-repeat;
padding: 0 0 20px 0; 
margin: 0 0 15px 0; 
}

.videodets h3 {
font-size: 16px;
margin: 0 0 5px 0;
}

.videodets a:link {
color: #0D0D0D;
}

.videodets a:link {
color: #000000;
text-decoration:none;
}

.singlecover{
width:109px;
height:84px;
float:right;
background:url(images/singlevidbg.png) no-repeat;
margin: 2px 0 0 0;
}

.singlecover img{
width:95px;
height:70px;
margin:6px 0px 0px 6px;
overflow:hidden;
border: none;
}

.singleratings {
margin: 0 0 5px 0;
}

.ratings{
float:left;
width:100px;
padding:5px 0px 0px 0px;
}

.commentslink{
float:right;
width:100px;
background:url(images/usergallery.gif) left no-repeat;
padding:5px 0px 0px 20px;
font-size:13px;
color:#c34f00;
}

#blogmeta{
float:right;
width:100px;
background:url(images/user.gif) right no-repeat;
padding:0px 40px 0px 0px;
font-size:10px;
color:#c34f00;
text-align:right;
}

#blogmeta a:link, #blogmeta a:visited{
color:#c34f00;
text-decoration:none;
border:none;
}

#blogmeta a:hover{
color:#c34f00;
border-bottom:1px dotted #c34f00;
}
/* End The Content */

/*
#pagination{
width:530px;
margin:0px 15px 15px 0px;
float:left;
text-align:right;
}

#pagination a:hover{
border:none;
}

#pagination img{
border:none;
}

span.navback{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/back.gif) top right no-repeat;
cursor:pointer;
}

span.navforward{
width:25px;
height:15px;
display:block;
float:right;
background:url(images/forward.gif) top right no-repeat;
cursor:pointer;
}

#sideadvert{
margin:10px 0px 10px 0px;
}

#block{
background:url(images/blockborder.gif) bottom no-repeat;
margin-bottom:15px;
padding-bottom:10px;
width: 300px;
}

#recentvids{
padding:0px 0px 15px 2px;
}

#blockvids{
margin: 10px 0px 0px 0px;
height: 78px;
width: 300px;
}

#blockvids p {
height: 60px;
overflow: hidden;
line-height: 1.3em;
}

#blockvids a:link, #blockvids a:visited{
border:none;
}

#blockvids img{
width:95px;
height:70px;
margin:0px 4px 0px -2px;
padding:6px 10px 10px 6px;
float:left;
background: url(images/singlevidbg.png) top left no-repeat;
border: none;
}

#block h5{
margin:10px 0px 0px 0px;
padding:0;
font-size:14px;
font-weight:normal;
}
*/
#ratingsblock, #commentsblock{
background:url(images/blockborder.gif) bottom no-repeat;
margin-bottom:15px;
padding-bottom:10px;
width: 300px;
}

#block h3, #ratingsblock h3, #commentsblock h3{
font-size:16px;
color:#ccc;
font-weight:normal;
margin:0;
padding:0;
}


/***DEPRECATED
#tagsblock a:link, #tagsblock a:visited, #ratingsblock a:link, #ratingsblock a:visited{
color:#c34f00;
text-decoration:none;
border:none;
}
#tagsblock a:hover, #ratingsblock a:hover{
border:none;
}
*/
#block a:hover{
color:#333333;
/*color:#efefef;*/
border-bottom:1px dotted #333333;//#efefef;
}

#ratingsblock ul, #commentsblock ul{
list-style:none;
margin:10px 0px 10px 0px;
padding:0;
}

#commentsblock li{
list-style-image:none;
list-style-type:none;
margin-bottom:5px;
padding:0;
}

#commentsblock a:link, #commentsblock a:visited{
color:#c34f00;
text-decoration:none;
border-bottom:none;
}

#commentsblock a:hover{
color:#333333;
/*color:#efefef;*/
text-decoration:none;
border-bottom:none;
}

#ratingsblock img{
border:none;
margin:0px 2px 0px 0px;
padding:0px 0px 0px 0px;
}

/* style me some comments and inputs */
#commentsblock {
float: left;
}

#comment {
width:500px;
}

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

ol.commentlist {
margin: 10px 0 20px;
padding: 0;
list-style: none;
font-size: 12px;
}

ol.commentlist p {
margin-bottom:10px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
}

ol.commentlist li {
padding: 0;
background: #FFFFF;
margin: 0 0 15px 0;
}

ol.commentlist li.alt {
padding: 0 !important;
background: #FFFFF;
margin: 0 0 15px 0;
}

input#submit {
font-size: 12px;
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
padding:7px 10px;
margin:10px 0 0 0;
text-align:center;
background:#333333;
cursor:pointer;
font-weight: bold;
text-transform: uppercase;
border: none;
}

#comment,#author,#email,#url {
background: #FFFFFF;
border:1px solid #646464;
padding:2px;
color:#646464;
margin:2px 0 0 0;
}

/*
#blockvids a:hover{
border:none;
}

#videoblock{
background:#202020;
width:530px;
padding:20px 0px 20px 0px;
margin:10px 0px 15px 0px;
text-align:center;
height:
}
*/