/*
Theme Name: LiquidFunk Theme
Theme URI: http://liquidfunk.ca/
Description: 2009 Update of liquidfunk website
Version: 1.0
Author: Brandon Maslen
Author URI: http://wireden.com/
Tags: 

	

*/

/* Begin CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
:focus {outline:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
/* End CSS Reset */


/* Begin Typography & Colors */
body {font-size: 62.5%;font-family: arial, helvetica, sans-serif;background: #000000;color: #F1F1F1;text-align: center;}

#topShadow {margin: 0 auto;height: 224px;width: 1050px;left: 84px;background: #1B5229 url('images/headerShadow.png');}
#logo {margin: 0 auto;margin-top: 0px;width: 1050px;height: 224px;background: url('images/WebsiteHeader.png');}
#page {margin: 0 auto;width: 884px;padding-left: 84px;padding-right: 82px;background: #141414 url('images/MainBack2.png');text-align: left;}
#TopHeader {height: 32px;background: #141414 url('images/TopHeaderBack.jpg');}
#BottomHeader {height: 23px;background: #1B5229 url('images/BottomHeaderBack.jpg');}
#HeaderTedder {height: 32px;width: 85px;float: right;margin-right: 25px;background: #1B5229 url('images/TopHeaderTedder.jpg');}
#HeaderLogo {height: 32px;width: 160px;float: left;margin-left: 25px;background: #1B5229 url('images/TopHeaderLogo.jpg');}

/* Nav Bar CSS */
#navBar {height: 29px;position:relative;z-index:500;background: url(images/MenuTabBack.jpg);color: #F0F3EE;font-size: 1.2em;font-weight: bold;}
#navBar .current_page_item,#navBar .current_page_item li:hover,#navBar .current_page_parent, #navBar .current_page_parent ul .current_page_item li:hover {background: url(images/MenuTabSelected.jpg) center !important;}
#navBar .current_page_item, #navBar .current_page_parent {height: 29px;}
#navBar .current_page_parent  .current_page_item {height: 24px;}
#navBar .current_page_item .rightBar ,#navBar .current_page_item .rightBar li:hover,#navBar .current_page_parent .rightBar ,#navBar .current_page_parent .rightBar li:hover {background: url(images/MenuTabSelectedSide.jpg) no-repeat right !important;}
#navBar ul li {float:left;position:relative;height: 29px;width: auto;}
#navBar table {background: transparent!important;}
#navBar td {padding: 0px !important;}
#navBar ul li p {text-align:center;top: 1px !important;left: 1px;color: black;position: relative;padding:0 25px 0 25px;line-height: 29px !important;}
#navBar ul ul li p {text-align:left;padding:0 7px 0 7px;font-size: 1em !important;line-height:24px !important;height:24px !important;}
/* style the links for the top level */
#navBar ul a, #navBar ul a:visited {display:block;line-height:29px !important;padding:  0px  25px  0px  25px;color: #F0F3EE;height:29px;width:100%;display:block;position:absolute;top:0;text-decoration:none;}
#navBar .rightBar {background: url(images/MenuTabBackSide.jpg) no-repeat right !important;width: 1px;height: 29px;float: right;position: absolute;top: 0px;right: 0px;}
#navBar .rightBar a:hover,#navBar .rightBar li:hover {background: url(images/MenuTabHoverSide.jpg) no-repeat right !important;}
#navBar ul ul .rightBar {background: transparent !important;width: 0px;height: 0px;float: right;padding-left: 0px;}
#navBar ul li:hover {background: url(images/MenuTabHover.gif);}
#navBar ul ul {visibility:hidden;position:absolute;background: #1e4c01;top:29px;left:0;width: 157px;border: 1px solid #555555;border-top: 0px;}
#navBar ul ul li {float: none;width: 100%;height: 22px;}
/* style the second level links */
#navBar ul ul a, #navBar ul ul a:visited {line-height: 22px !important;font-size: 1.0em;padding:  0px 7px 0px 7px;text-align: left;height: 22px !important;}
#navBar ul ul li:hover, #navBar .current_page_parent ul li:hover {background: #40AB00;}
#navBar ul a:hover ul, #navBar ul li:hover ul, #navBar ul :hover ul{visibility: visible;}
#navBar ul a:hover {padding-top:1px;}
/* End Nav Bar CSS */

/* Content Containers */
#content {margin-top: 30px;border-bottom: 1px solid #555555;padding: 20px;}
#rightBar {width: 185px;position: absolute;left: 662px;padding: 15px 18px 0 18px;text-align: left;color: #ABABAB;}
#contentRight {width: 628px;padding: 30px 15px 15px 15px;border-top: 4px solid #1A1A1A;text-align: left;}
#containerRight {background: #1B5229 url('images/RightContentBack.jpg');border-bottom: 1px solid #555555;position:relative;}
#leftBar {width: 185px;position: absolute;left: 0px !important;padding: 15px 18px 0 18px;text-align: left;color: #ABABAB;}
#contentLeft {margin-left: 228px;padding-top: 30px;padding: 15px;width: 628px;border-top: 4px solid #1A1A1A;text-align: left;}
#containerLeft {background: #1B5229 url('images/LeftContentBack.jpg');border-bottom: 1px solid #555555;position:relative;padding-top: 1px;}
#contentRight p, #contentLeft p, #rightBar p, #leftBar p, #content p {font-size: 1.2em;line-height: 1.3em;}
/* End Content Containers */

.profilePic {margin: 0 auto;width: 186px;margin-bottom: 10px;}
input {background: #141414;color: #F1F1F1;border: 1px solid #555555;padding: 3px 5px 3px 5px;}
table {background: #141414;}
table td {padding: 5px;}

a {color: #D2AD00;text-decoration: none;font-size: 1.2em;}
a:hover {color: #FFD510;}
p {font-size: 1.2em;}

.gradient {background: url(images/headergrad.png) repeat-x top;position: absolute;height: 100%;width: 100%;display: block;}

/* Headings with Shadows */
h1, .heading1 {color: #30FF00;font-size: 2.8em;letter-spacing: -1px;height: 40px;position: relative;}
h1 .shadow, .heading1 .shadow {top:1px !important;left:1px;color:black;position:relative;}
h1 .overlay, .heading1 .overlay {width:100%;display:block;position:absolute;top:0px !important;left: 0px;}
h2, .heading2 {color: #56B700;font-size: 1.9em;position: relative;height: 30px;letter-spacing: -1px;}
h2 .shadow, .heading2 .shadow {top:1px !important;left:1px;color:black;position:relative;}
h2 .overlay, .heading2 .overlay {width:100%;display:block;position:absolute;top:0px !important;left: 0px;}
h3, .heading3 {color: #F1F1F1;font-size: 1.3em;position: relative;height: 20px;letter-spacing: -1px;}
h3 .shadow, .heading3 .shadow {top:1px !important;left:1px;color:black;position:relative;}
h3 .overlay, .heading3 .overlay {width:100%;display:block;position:absolute;top:0px !important;left: 0px;} 
h1 p, h2 p, h3 p {font-size: 1em;}
/* End Headings */

#searchbar {text-align: right;padding-right: 5px;padding-bottom: 5px;font-size: 1.2em;}

.upTable {margin: 0 auto;background: transparent !important;}
.upTable tr, .upTable td {padding: 5px;}

/* Music Player */
.playerTable {float:none;width: 760px;margin: 0 auto;position: relative;background: transparent !important;}
.playerTable tr {position: relative;}
.playerTable td {position: relative;top: 0px;padding: 0px;}
.player {border: 1px solid #555555;width: 350px;margin: 7px auto;margin-right: 20px;background: #141414;float:left;}
.player .art {float: left;border-right: 1px solid #555555;margin: 0px;width: auto;}
.player .play {float:left;padding-top: 10px;padding-left: 20px;border-left: 1px solid #555555;height: 70px;width: auto;}
.player .links {border-left: 1px solid #555555;	float:right;height: 80px;width: auto;}
.player .download {padding: 0px;width: 40px;height: 40px;}
.player .download a {margin: 0px;width: 40px;height: 40px;display:block;background: url('images/downloadIcon.png');}
.player .tracklink {width: 40px;height: 40px;cursor:pointer !important;}
.player .tracklink a {margin: 0px;width: 40px;height: 40px;display:block;background: url('images/tracklistIcon.png');}
.player .topcontainer {height: 80px;}
.player .tracklist {display:none;border: 1px solid #555555;text-align: left;padding: 15px;}
/* End Music Player */

#footer {border-bottom: 1px solid #555555;text-align: right;color: #9C9E9C;height: 30px;clear: both;padding-top: 6px;padding-bottom: 6px;}
#bottomShadow .info {margin-top: 15px;margin-right: 25px;padding: 0;text-align: right;width: 300px;float: right;color: #424242;}
#bottomShadow .contact {margin-top: 15px;padding-left: 5px;line-height: 15px;text-align: left;font-size: 1.2em;width: 300px;float: left;color: #424242;}
#bottomShadow a {color: #969696;text-decoration: none;}
#bottomShadow a:visited {color: #969696;text-decoration: none;}
#bottomShadow a:hover {color: #E0E0E0;text-decoration: none;}
#bottomShadow {margin: 0 auto;width: 884px;height: 169px;padding-left: 84px;padding-right: 82px;background: #1B5229 url('images/footer.png');}