@charset "UTF-8";
/* CSS Document */


/* JABC STYLES */

.update { float:left; margin: 0 10px 30px 0; padding:25px; width:95px; height:240px; }
.page1 {  background:url(../images/layout/page1.png) no-repeat; }
.page2 {  background:url(../images/layout/page2.png) no-repeat; }
/*.update { float:left; border:1px solid #CCC; background-color:white; margin: 0 10px 30px 0; padding:8px; width: 130px; height:auto; -moz-border-radius: 5px; -webkit-border-radius:5px; }
*/

#lyricscontainer { background-color:white; clear:both; -moz-border-radius: 5px; -webkit-border-radius:5px;}
.album {  }
.trackname { display: block; color: #000; font: 14px/14px Georgia, "Times New Roman", Times, serif; line-height: 1.4em; margin: 10px 0 20px 7px; padding:4px 20px 4px 4px; }
.lyrics { display: block; color: #000; font: italic 13px/16px Georgia, "Times New Roman", Times, serif; padding: 25px 0 20px 20px; margin: -20px 0px 0px -10px; }


/* BLOG FEED */
ul#entries {  padding: 0 !important; margin:0;}
ul#entries li { list-style: none !important; margin-bottom: 1.5em; font-size:13px; }
ul#entries li h3 { margin:  1.5em 0 0 !important; font-size: 18px; font-weight:normal; padding-top: 8px; }
ul#entries li p.blog_date { text-transform: uppercase; color:#999999; font-size: 8px; margin: -10px 0 0 0; padding: 0; visibility: hidden; }

img.frame { padding:0px; border:1px solid #666; background-color:white; }
.floater { float:left; margin: 0 25px 12px 0; }

.buttoner { color:#fff; text-transform:uppercase; font:10px Arial, Helvetica, sans-serif; font-weight:bold; background:url(../images/buttons/button.jpg); padding:5px 10px; }
.buttoner a:hover { background:url(../images/buttons/button_hover.jpg); text-decoration:none; }


/* General Styles */
body { background: url(../images/layout/background3.jpg) top no-repeat #00191c; }


/* HEADER & NAVIGATION */
.header { height:115px; padding: 30px 0 10px 0;  position:relative; }
.header .nav { margin-top:70px; border-bottom: 1px solid #000; background-color:#142737; background:url(../images/buttons/button.jpg); padding: 6px 0 4px 0; width:auto; float:right; }
.header .nav li { float:right; list-style:none; margin-left:24px; }
.header .nav li a { font:18px Palatino, Georgia, "Times New Roman", Times, serif; color:#AAD4E9; text-transform:none; font-weight:normal; padding-bottom:8px; /* offsets arrow beneath link */ }
.header .nav li a:hover { text-decoration:none; background:url(../images/layout/smallarrow.png) bottom no-repeat; color:#fff; }
.header .nav li.active a { color:#fff; background:url(../images/layout/smallarrow.png) bottom no-repeat; }


/* Breadcrumb */
.breadcrumb { height:27px; background:url(../images/layout/breadcrumb2.jpg) bottom repeat-x; z-index:4; }
.breadcrumb ul { margin:0; padding:7px 0 0 15px; }
.breadcrumb a { color:#336699; }
.breadcrumb a:hover { text-decoration:none; color:#c0a989; }
.breadcrumb li { font:10px Palatino, Georgia, "Times New Roman", Times, serif; color:#003366; text-transform:uppercase; list-style:none; margin:0; padding:0; float:left; padding-right:18px; margin-right:10px; background:url(../images/layout/breadcrumb.gif) right no-repeat; }
.breadcrumb li.current { background:none; }
.breadcrumb li.breadcrumbfirst { font-weight:bold; color:#221A0E; background:none; padding-right:0; }


/* Homepage Columns */
h2 { background:url(../images/layout/rule1.gif) bottom repeat-x; padding-bottom:0px; }
h3 { background:url(../images/layout/rule1.gif) bottom repeat-x; padding-bottom:10px; }
.hpcol { padding-top:15px; }
.hpcol h4 { margin-bottom:0; }
p.meta { color:#333; font:13px Georgia, "Times New Roman", Times, serif; font-style:italic; margin: -10px 0 0 0; padding:5px 0; }
.work { padding-bottom:10px; }


/* TESTIMONIALS */
.testimonial .quote { text-indent:-9999px; background:url(../images/layout/testimonial2.gif) top left no-repeat; height:60px; }
.testimonial blockquote { padding:0; margin:0; }
.testimonial p { margin-bottom:10px; padding-bottom:0; font-size:15px; line-height:1.3em; }
.testimonial h4 { padding-bottom:15px; }


/* Services HP */
.services img { float:left; }
.services h4 { margin-left:40px; margin-bottom:0; padding-bottom:0; }
.services p { margin-left:40px; padding:0; font-size:11px; }


/* Footer */
.footer { height:50px; padding-top:50px; color:#FFF; background:url(../images/layout/footer2.jpg) top no-repeat; font-size:90%; padding-bottom:30px; }
.footer ul li { list-style:none; float:left; margin:0 10px 0 0; }
.footer ul li:after { content:"\0020 \00BB"; }
.footer a { color:#FFF; }
.footer a:hover { text-decoration:underline; }


/* General */
* { outline:none; }
.page { background:url(../images/layout/container2.jpg) top repeat-y; }
.headimg { background:url(../images/layout/headimg3.jpg) top no-repeat; padding-top:40px; min-height:600px; }
p.readmore, p.readmore a { color:#fff; text-transform:uppercase; font:10px Arial, Helvetica, sans-serif; font-weight:bold; background:url(../images/buttons/button.jpg); padding:5px 10px; }
p.readmore:hover, p.readmore a:hover { background:url(../images/buttons/button_hover.jpg); text-decoration:none;
/*cursor:move;
*/}

.banner { color:#003366; text-transform:normal; text-align:center; font:14px Georgia, "Times New Roman", Times, serif; font-weight:bold; padding:20px 10px 10px 10px; width: 205px; height: 40px; margin: 0 0 10px 0; }

.banner-blank {background:url(../images/layout/banner.png) no-repeat;}
.banner-news {background:url(../images/layout/banner-news.png) no-repeat;}
.banner-myspace {background:url(../images/layout/banner-myspace.png) no-repeat;}


/* News */
/*h2 { color:#dc8f15; margin-bottom:5px; padding-bottom:0; border-bottom:1px dotted #ccc; }
h2 a, a { color:#dc8f15; }
h2.post { font-size:150%; text-transform:uppercase; letter-spacing:normal; }
h3 { 	border-bottom:1px dotted #ccc; }
*/


/* Portfolio */
.portfolio { margin-bottom:30px; border-bottom:1px dotted #ccc; padding-bottom:30px; }
.images li { list-style:none; float:left; margin:5px 5px 0 0; }
.images ul { margin:0; padding:0; }
.images ul img { border:1px solid #666; background-color:white; }
/*.images li img a:active { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.images li img { filter:alpha(opacity=99); -moz-opacity:0.99; -khtml-opacity: 0.99; opacity: 0.99; }
*/


/* Slider */
#slider { width: 870px; margin: 0 auto; position: relative; margin-top:-24px; }
#slider h2, .portfolio h2 { margin-bottom:0; padding-bottom:0; padding-top:10px; color:#000; font-size:300%; border:none; }
p.first { font-size:20px; color:#221A0E; line-height:25px; margin:0 0 10px 0; }
.panel p.first { line-height:25px; }
.panel p { line-height:18px; font-size: 14px; }
.panel h3 { color:#003366; }
.panel img, .portfolio img { padding:0px; background:#fff; border:1px solid #666; float:right; margin:25px 25px 0 0;	 }
.scroll { height: 250px;width: 870px;overflow: auto;overflow-x: hidden;position: relative;clear: left;background: url(../images/layout/slider2.jpg) no-repeat left bottom; }
.scrollContainer div.panel {height: 250px;width: 870px; }

ul.navigation {list-style: none;margin: 0;padding:10px 40px; height:45px; background:url(../images/layout/navigation2.jpg) top no-repeat; }
ul.navigation li { display: inline;margin-right: 10px; }
ul.navigation a { color: #003366; text-decoration: none; text-transform:uppercase; color:#fff; margin:0 10px 0 0; }	
ul.navigation a:hover { color:#fff;}
ul.navigation a.selected { color:#003366; }
ul.navigation a:focus { outline: none; }
.portfolio img {float:none;margin:0;}