/*
Red Passion
http://www.bmuniverse.com
All under Copyright-no Freeware
*/



body {
	margin: 0;
	padding: 0;
	background: #222222 url(../images/site_bg.png) repeat-x;
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 12px;
	color: #ccc;
        outline:0;
}

*{
        padding: 0; 
        margin: 0;
}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #666;
}

/* Title Images Start */

h1 {
	letter-spacing: -1px;
	font-size: 15px;
	padding-bottom: 2px;
	color: #918f8f;
	font-weight: normal;
        border-bottom: 1px solid #555;
	background: url(../images/css.png) no-repeat right 60%;
	padding-left: 0px;
	width: 302px;
}

h2 {
	height: 24px;
	letter-spacing: -1px;
	font-size: 18px;
	text-align: center;
	padding-left: 0px;
	padding-bottom: 3px;
	background: url(../images/h2_bg.png) no-repeat;
	color: #51586b;
}

h3 {
	width: 250px;
	height: 20px;
	letter-spacing: -1px;
	font-size: 15px;
	padding-bottom: 1px;
	color: #918f8f;
	font-weight: normal;
	padding-top: 3px;
        margin-left:15px;
        margin-top:10px;
	background: url(../images/h3_bg.png) no-repeat;
}

h4 {
	width: 970px;
	height: 24px;
	letter-spacing: -1px;
	font-size: 16px;
	padding-bottom: 5px;
	color: #918f8f;
	font-weight: normal;
	padding-top: 1px;
	background: url(../images/h4_bg.png) no-repeat;
}

h5 {
	width: 946px;
	height: 26px;
	letter-spacing: -1px;
	font-size: 16px;
	padding-bottom: 0px;
	color: #ea8400;
	font-weight: normal;
	margin-top: 10px;
	padding-top: 0px;
	background: url(../images/h5_bg.png) no-repeat;
}

h6 {
	width: 946px;
	height: 28px;
	letter-spacing: -1px;
	font-size: 19px;
	color: #ea8400;
	font-weight: normal;
	margin-top: 0px;
	background: url(../images/h6_bg.png) no-repeat;
}

/* Title Images End */

p, ul, ol {
	margin: 0 0 2em 0;
	text-align: justify;
	line-height: 15px;
	font-size: 12px;
        outline:0;
}

p.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 970px;
}

textarea {
    margin-left: auto;
    margin-right: auto;
    width: 538px;
height: 253px;
}

a:link {
	color: #ea8400;
	text-decoration: none;
        outline:0;
}

a:hover, a:active {
	text-decoration: none;
	color: #f89200;
        outline:0;
}

a:visited {
	color: #ea8400;
	text-decoration: none;
        outline:0;
}

.boxlink {
	font-size: 12px;
	text-decoration: none;
        margin-right:5px;
	font-weight: normal;

        outline:0;
        border-bottom:1px dotted #ea8400;
}

.morelink {
	color: #666;
	text-decoration: none;
        outline:0;
        border-bottom:1px dotted #666;
}

img {
	border: none;
        outline:0;
}

img.left {
	float: left;
        margin-top: 6px;
        margin-right: 6px;
        padding:6px;
        outline:0;
        border: 1px solid #5e5c5c;
        background-color: #16181f;
}

img.right {
	width: 214px;
	height: 134px;
	float: right;
        margin-top: 6px;
        margin-left: 6px;
        padding:6px;
        outline:0;
        border: 1px solid #5e5c5c;
        background-color: #16181f;
}

img.bmu {
	float: right;
        margin-top: 5px;
        margin-left: 6px;
        padding:6px;
        outline:0;
	background: url(../images/bmu.png) no-repeat;
}

img.new {
	float: right;
        margin-top: 5px;
        margin-left: 6px;
        padding:6px;
        outline:0;
	background: url(../images/newmixes.png) no-repeat;
}

img.older {
	float: right;
        margin-top: 5px;
        margin-left: 6px;
        padding:6px;
        outline:0;
	background: url(../images/oldermixes.png) no-repeat;
}

img.small {
	width: 100px;
	height: 100px;
	float: left;
        margin: 6px;
        padding:6px;
        outline:0;
        border: 1px solid #5e5c5c;
        background-color: #16181f;
}

img.small_left {
	width: 100px;
	height: 100px;
	float: left;
        margin-top: 6px;
        margin-right: 6px;
        padding:6px;
        outline:0;
        border: 1px solid #5e5c5c;
        background-color: #16181f;
}

img.small_right {

	float: right;
        margin-left: 6px;
        padding:6px;
        outline:0;
}

img.center {
        margin: 2px;
        padding:2px;
        outline:0;
}

img.nocover {
        margin: 2px;
        padding:2px;
        outline:0;
}

img.big {
	width: 920px;
	height: 450px;
	float: none;

        padding:6px;
        outline:0;
        border: 1px solid #5e5c5c;
        background-color: #16181f;
}

/* Form */

form {
	margin: 0;
	padding: 0;
        outline:0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
        outline:0;
}

legend {
	display: none;
        outline:0;
}

input, textarea, select {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
        outline:0;
}

/* Header */

#header {
	width: 1000px;
	height: 105px;
	margin: 0 auto 0px auto;
	background: url(../images/spacer.gif) no-repeat;
}

/* Logo */

#logo {
	margin: 0 auto 0px auto;
	float: left;
	background: url(../images/logo.png) no-repeat;
	height: 93px;
	width:450px;
        outline:0;
        margin-top: 38px;
}

#social {
	margin: 0 auto 0px auto;
	float: right;
	height: 24px;
        outline:0;
        margin-top: 3px;
	color: #333;

}

#label {

	margin: 0 auto 0px auto;
	width: 1000px;
	background: url(../images/header_bg.png) no-repeat;
        outline:0;
        overflow:hidden;
        height: 132px;
}




.jqueryslidemenu{
        width: 1000px;
        height: 39px;
	clear: both;
	margin: 0 auto;
        outline:0;
        padding-top: 2px;
}

.jqueryslidemenu ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: right;
}

/*Top level list items*/
.jqueryslidemenu ul li{
        position: relative;
        display: inline;
        float: left;
	font-size: 13px;
	letter-spacing: -1px;
}

/*Top level menu link items style*/

.jqueryslidemenu ul li a{
        display: block;
        color: #white;
        padding: 8px 0px;
	text-align: center;
	background: url(../images/.png) no-repeat;
        text-decoration: none;
	width: 105px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
        display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
        color: #1f1f1f;
}

.jqueryslidemenu ul li a:hover{
        background: ; /*tab link background during hover state*/
	background: url(../images/lava.png) no-repeat;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
        position: absolute;
        left: 0;
        display: block;
        visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
        font: normal 12px;
        width: 105px; /*width of sub menus*/
	text-align: right;
        border-top-width: 0;
        background: url(../images/sub_bg.png) no-repeat;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
        top: 0;
        margin-left: 20px;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
        font: normal 11px;
        width: 105px; /*width of sub menus*/
        padding-top: 8px;
        margin-left: 0px;
	text-align: center;
        border-top-width: 0;
        background: url(../images/sub_bgb.png) no-repeat;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/

}

.jqueryslidemenu .current_page_item a {
	background: url(../images/lava.png) no-repeat;
        outline:0;
	color: #7a8090;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}



/* Gallery Start */

#gal {
	width: 1000px;
	height: 186px;
        margin-top:14px;
	margin: 0 auto 0px auto;
	background: url(../images/gal_bg.png) no-repeat;
}

#slider { 
        margin:0; 
        padding:0; 
        list-style:none; 
        margin-left:101px;  
        padding-top:36px;
}

#slider ul,
#slider li { 
        margin:0; 
        padding:0; 
        list-style:none;
 }

/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li { 
        width:800px; 
        height:110px;  
        overflow:hidden;
}

p#controls { 
        margin:0; 
        position:relative; 
}

#prevBtn { display:block; margin:0; overflow:hidden; width:40px; height:40px; position:absolute; left:32px; top:-76px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:40px; height:40px; position:absolute; left: 928px; top:-76px; }
#prevBtn a { display:block; width:40px; height:40px; background:url(../images/spacer.gif) no-repeat 0 0; }
#nextBtn a { display:block; width:40px; height:40px; background:url(../images/spacer.gif) no-repeat 0 0; }

/* Gallery End */

#video_bg {
	width: 540px;
	height: 410px;
	margin: 0 auto 0px auto;
	background: url(../movieplayer/playbg.png) no-repeat;
        padding-top:10px;
}


/* Page */

#page {
	width:1000px;
	margin: 0 auto;
        outline:0;
	background: url(../images/page_bgb.png) repeat;
}

#page_a {
	width:1000px;
	margin: 0 auto;
        outline:0;
        height: 17px;
	background: url(../images/page_top.png) no-repeat;
}

#page_b {
	margin: 0 auto;
        outline:0;
	background: url(../images/page_bg.png) repeat;
}

#page_c {
	width:1000px;
	margin: 0 auto;
        outline:0;
        height: 17px;
	background: url(../images/page_bottom.png) no-repeat;
}

/* Content */

#content {
	margin: 0 auto;
	float: left;
	width: 1000px;
        padding-left:25px;
}

/* Post */

.post {
	width: 940px;
        padding-left:10px;
        margin-top: 6px;
        margin-bottom: 22px;
}

.post_player {
	width: 940px;
        padding-left:10px;
        margin-top: 6px;
        margin-bottom: 22px;
        color:transparent;
}

.post_gb {
	width: 940px;
        margin-left:5px;
        margin-top: 6px;

	background: url(../images/guest_bg.png) no-repeat;
}

.post .meta {
	padding: 2px 10px 30px 0px;
}

.post .meta p {
	margin: 0;
	line-height: normal;
	color: #5e5c5c;
	font-size: 12px;
	letter-spacing: -1px;
}

.post .meta .byline {
	float: left;
         height: 30px;
	padding: 7px 0px;
	text-align: center;
}



/* Sidebar */

#sidebar {
	margin: 0 auto 0px auto;
	width: 1000px;
	height: 181px;
	color: #666;
	padding-top: 8px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 4px;
}

#sidebar li {
	display: block;
	float: left;
	width: 230px;
	padding: 10px 1px 0px 0px;
	padding-left: 76px;


    text-shadow: 1px 1px 0px #000;


	text-align: center;
}

#sidebar li ul {
	line-height: 1.8em;
}

#sidebar li li {
	display: list-item;
	background: url(../images/si_con.png) no-repeat;
	float: none;
	width: auto;
	padding: 0 0 0 0px;
	line-height: 20px;
}

#sidebar h3 {

	color: #666;
        letter-spacing: -1px;
	padding-right: 8px;
}

#sidebar a {
	text-decoration: none;
	color: #51586b;
}

#sidebar a:hover {
	text-decoration: none;
	color: #7a8090;
}

/* Footer Start */

#bottom {
	width: 1000px;
	height: 52px;
	margin: 0 auto 0px auto;
	padding-top: 2px;
}

#footer_bg{
	background: url(../images/footercopy_bg.png) repeat;
	height: 70px;
	padding: 0px 0 0 0;
	margin: 0 auto 0px auto;
}

#footerb_bg{
	background: url(../images/footerb_bg.png) repeat-x;
	height: 220px;
	padding: 0px 0 0 0;
	margin: 0 auto 0px auto;
}

#footer {
	width: 1000px;
	height: 215px;
	min-height: 215px;
	padding: 0px 0 0 0;
	margin: 0 auto 0px auto;
	background: url(../images/footer.png) no-repeat;
}

html>body #footer {
	height: auto;
}

#legal {
	width: 1000px;
	height: 20px;
	min-height: 20px;
	margin: 0 auto;
	text-align: center;
	color: #5e5c5c;
	font-size: 12px;
	letter-spacing: -1px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 2px;
}

#legal a {
	color: #5e5c5c;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}

/* Footer End */

/* Guestbook Start */

#shoutbox {
	width: 930px;
	padding-top: 1px;

}
#shoutbox img { 
	max-width: 700px;
	margin-left: 1px;

}
#shoutbox form { 
	margin: 5px 0 0 0; 
	padding: 6px 0 0 0;
        padding-left: 20px;
        height: 610px;
}
#shoutbox p { 
	padding: 2px; 
}

#shoutbox ul { 
	margin: 0; 
	margin-left: 5px; 
}

#shoutbox textarea, #shoutbox select { 
	font-family: tahoma, verdana, arial; 
	font-size: 1.0em;
	border: 1px solid #0e0f13;
        padding:6px;
        margin-top:5px;
        margin-bottom:5px;
	color: #ccc;
	background: url(../images/shoutbg.gif) no-repeat;
}

#shoutbox input{
	border: 1px solid #0e0f13; 
}
#shoutbox input.check_box { 
	margin: 3px 2px 1px 0;
        border: 1px solid #000000; 
}

#shoutbox input.check_box2 { 
	margin: 0 2px 0 0;
}

#shoutbox span.blockquote { 
	margin: 6px; 
	padding: 3px 6px 3px 6px; 
	display: block; 
	background-color: #333; 
	border: 1px solid #000000;
	color: #ddd; 
	font-style:italic;
}

#shoutbox .spacer { 
	clear: both; 
	font-size: 1px; 
}

#shoutbox #sb_form { 
	margin-top: 10px; 
	padding: 10px;
}

#shoutbox .shout .name { 
	font-weight: normal; 
	display: block;
	text-transform: uppercase; 
	font-size: 12px;
}

#shoutbox .shout .time { 
	color: #333; 
	display: block; 
	font-size: 0.9em; 
	margin-top: -1px 
}

#shoutbox .shout .message { 
	margin-left: 4px;
}

#shoutbox .shout .poster { 
	margin: 0; 
	padding: 0 5px 0 5px; 
	line-height: 16px; 
	color: #666;
}

#shoutbox .shout .poster_odd { 
	background-color: #fafafa;
	border: 1px solid #000; 
	padding: 3px 3px;margin-left: 4px;
}

#shoutbox .shout .poster_odd .time {
	color: #333 
}
#shoutbox .shout .poster_even { 
	background-color: #fafafa;
	border: 1px solid #000; 
	padding: 3px 3px;
	margin-left: 4px; 
}

#shoutbox div.nav { 
	padding: 8px 7px 5px 7px; 
	color: #777; 
	background-color: #fafafa; 
	border-bottom: 1px solid #f0f0f0; 
	font-size: 1.0em; 
}

#shoutbox div.nav .left { 
	width: 40%; 
	float: left; 
	text-align: left;  
}

#shoutbox div.nav .right { 
	width: 60%; float: right; 
	text-align: right;  
}

#shoutbox div.nav .right a, #shoutbox div.nav .right a:visited  { 
              text-decoration: none; 
}

#shoutbox ul.admin_menu { 
              list-style: square outside; 
              color: #aaa; 
              margin: 10px 0 0 20px; 
}

#shoutbox ul.admin_menu li { 
              margin: 5px 0 0 0; 
              font-family: "Trebucet MS", arial; font-size: 1.0em; 
}

#shoutbox ul.text li { 
              margin-top: 5px;
}

#shoutbox span.private { 
	color: #FF33CC; 
}

#shoutbox table.rowlines td { 
              border-bottom: 1px solid #fafafa;  
              padding: 3px 0 3px 0; 
}

#shoutbox table.rowlines tr.header { 
              background-color: #f0f0f0; 
              font-weight: bold; 
              color: #606060; 
}

#shoutbox table.rowlines tr.header td { 
              border-bottom: 1px solid #E0E0E0; 
              line-height: 0.9em; 
              padding: 5px 0 3px 0; 
}

#shoutbox .sb_post_error { 
              color: #F00; 
              padding: 3px 5px 3px 5px; 
}

#shoutbox .sb_post_error ul { 
              margin: 5px 0 5px 20px; 
              padding: 0; 
              list-style: disc; 
              color: #ee0022; 
}

#shoutbox .sb_post_error li { 
              margin: 0;
}

#shoutbox .sb_post_error p { 
              margin: 0; 
              padding: 0; 
}

#shoutbox .menu1 { 
              padding: 5px; 
              background-color: #333; 
}

#shoutbox .menu1 input { 
              text-align: center; 
}

#shoutbox .menu1 .left { 
              float: left; 
              width: 60%; 
              margin: 0; 
              padding: 0; 
}

#shoutbox .menu1 .right { 
              float: right; 
              width: 40%; 
              text-align: right; 
              margin: 0; 
              padding: 0; 
}

#shoutbox input[type="submit"]
{
        width:100px;
        height:30px;
        margin-top:10px;
        margin-left:92px;
        border : 1px solid #000000;
	background:#eae9e9;
        outline:0;
}

/* Guestbook End */




/* Contact Form Start */

#contactus fieldset
{
        width:430px;
        height: 600px;
	float: left;
        margin-left: 3px;
        margin-right: 10px;
        padding:30px;
        outline:0;
	background:url(../images/con_bg.png) no-repeat;
}

#contactus legend, h2
{
}

#contactus label
{
}

#contactus input[type="text"],textarea
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.9em;
  line-height:140%;
  color : #000; 
  padding : 3px; 
  border : 1px solid #000;

}

#contactus input[type="text"]
{
  height:16px;
  width:220px;
	background:#eae9e9;
}

#contactus #scaptcha
{
  width:60px;
  height:14px;
  border : 1px solid #000000;
}

#contactus input[type="submit"]
{
   width:100px;
   height:30px;
   padding-left:0px;
  border : 1px solid #000000;
	background:#eae9e9;
}

#contactus textarea
{
  height:200px;
  width:430px;
  border : 1px solid #000000;
	background:#eae9e9;
}

#contactus input:focus,textarea:focus
{

}

#contactus .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#contactus .error
{
   font-family: Arial, sans-serif; 
   font-size: 12px;
   color: #F00;
}

#contactus fieldset#antispam
{
   padding:2px;
  border : 1px solid #000000;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#contactus fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;   
}

#contactus .short_explanation
{
padding-top: 5px;   
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#contactus .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);   
}

#contact_right { 
        width:400px; 
        float:left; 

	font-size: 13px;
	color: #ccc;
        outline:0;
	letter-spacing: -1px;
        padding-left:10px;
}



/* Picture Gallery Start */

div#container {
	overflow: hidden;padding-left: 5px;	background:url(../images/pic_bg.png) no-repeat;padding-top:25px;
}
div.content {
	display: none;
	clear: both;
}

div.content a, div.navigation a {
	text-decoration: none;
}
div.content a:hover, div.content a:active {
	text-decoration: none;        border-bottom:1px dotted #ea8400;
}

div.navigation a.pageLink {
	height:60px;
	line-height: 77px;
}

div.controls {
	margin-top: 5px;

}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: right;
}
div.nav-controls {
	float: right;
}

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {
	width: 510px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

div.loader,
div.slideshow a.advance-link,
div.caption-container {
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}

div.slideshow-container {
	position: relative;
	clear: both;
	float: left;
	height: 560px;
}

div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('images/loader.gif');
	background-repeat: no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 90px;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	border-style: solid;
	border-width: 1px;
}
div.caption-container {
	float: right;
	position: relative;
	margin-top: 30px;
}
span.image-caption {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

div.caption-container, span.image-caption {
	width: 370px;float:left;padding-left:10px;
}

div.caption {
	padding: 0 12px;
margin-top: 70px;
}

div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 12px;
}
div.navigation-container {
	float: left;
	position: relative;
	left: 50%;
}
div.navigation {
	float: left;
	position: relative;
	left: -50%;
}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
}
div.navigation a.pageLink:focus {
	outline: none;
}

ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 2px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
	position: relative;
	left: -50%;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

div.gallery-gutter {
	clear: both;
	padding-bottom: 20px;
}





div#footer {
	color: #888;
}
div.caption-container {
	color: #eee;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}
div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.download {
	margin-top: 8px;
}
div.photo-index {
	color: #888;
}
div.navigation a.prev {
	background-image: url(../images/prevPageArrowWhite.gif);
}
div.navigation a.next {
	background-image: url(../images/nextPageArrowWhite.gif);
}
div.loader {
	background-image: url(../images/loaderWhite.gif);
}
div.slideshow img {
	border-color: #333;
}
ul.thumbs li.selected a.thumb {
	background: #fff;
}
div.pagination a:hover {
	background-color: #111;
}
div.pagination span.current {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

/* Picture Gallery End */



/*

 SoundManager 2: "page as playlist" example
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/

*/



ul.playlist {

	background:url(../images/play_bg.png) no-repeat;
        width:880px;
        height: 52px;
        float: left;
	color: transparent;
}

.down { 
	background: url(../images/download.png) no-repeat;
	font-size: 1px;
	color: transparent;
        width:50px;
        height: 52px;
        float: right;
}

ul.playlist li {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 position:relative;
 display:block;
 width:auto;
 font-size:22px;
 color:#666;
 padding:0.25em 0.5em 0.25em 0.5em;
 border:none;
 letter-spacing:-1px; /* ZOMG WEB X.0. ;) */

 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
 -moz-transition: background-color 0.15s linear 0s; /* firefox 4 */
  -o-transition-property: background-color; /* opera 10.5 */
  -o-transition-duration: 0.15s;

}

ul.playlist li a {
 display:block;
 text-decoration:none;
 font-weight:normal;
 color:#ea8400;
 font-size:22px;
 outline:none;
 position:relative;
 z-index:2;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
 color:#fff;
 border-radius:3px;
 -webkit-border-radius:3px;
 -moz-border-radius:3px;
}

ul.playlist li:hover {
 background-color:#;
}

ul.playlist li:hover a {
 color:#fea430;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_playing:hover {
background:url(../images/playactive_bg.png) no-repeat;
}

ul.playlist li.sm2_paused {
	background:url(../images/playpause_bg.png) no-repeat;
}

ul.playlist li.sm2_playing:hover a,
ul.playlist li.sm2_paused a {
 color:#ffffff;
}

ul.playlist li .controls {
 display:none;
}

ul.playlist li .peak,
ul.playlist.use-peak li .peak {
 display:none;
 position:absolute;
 top:0.55em;
 right:0.7em;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
 position:relative;
 display:block;
}

ul.playlist.use-peak li.sm2_playing .peak,
ul.playlist.use-peak li.sm2_paused .peak {
 display:inline;
 display:inline-block;
}

ul.playlist.use-peak li .peak {
 display:none; /* IE 7 */
}

ul.playlist li.sm2_paused .controls {
 background-color:#666;
}

ul.playlist li:hover .controls .statusbar {
 position:relative;
 cursor:ew-resize;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li.sm2_paused .controls .statusbar {
 background-color:#ccc;
}

ul.playlist li .controls {
 position:relative;
 margin-top:0.25em;
 margin-bottom:0.25em;
 background-color:#99ccff;
}

ul.playlist li .controls .statusbar {
 position:relative;
 height:0.5em;
 background-color:#000;
 border:2px solid #fff;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 overflow:hidden;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li .controls.dragging .statusbar {
 cursor:-moz-grabbing;
 cursor:grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
 position:absolute;
 left:0px;
 top:0px;
 height:0.5em;
}

ul.playlist li .controls .statusbar .position {
 background-color:#666;
 border-right:3px solid #333;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
 background-color:#666;
 border-color:#666;
}

ul.playlist li .controls .statusbar .loading {
 background-color:#eee;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
 width:0px;
}

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.sm2_paused a.sm2_link {
 margin-right:4.5em; /* room for timing stuff */
}

ul.playlist li .timing {
 position:absolute;
 display:none;
 text-align:right;
 right:1em;
 top:4px;
 width:auto;
 height:1em;
 padding:3px 5px;
 background-color:#333;
 border:1px solid #99ccff;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 border-radius:4px;
 letter-spacing:0px;
 font:44% monaco,"VT-100",terminal,"lucida console",courier,system;
 line-height:1em;
 vertical-align:middle;
}

ul.playlist.use-peak li .timing {
 right:4.25em;
}

ul.playlist li:hover .timing {
 z-index:2;
}

ul.playlist li .timing div.sm2_timing {
 margin:0px;
 padding:0px;
 margin-top:-1em;
}

ul.playlist li.sm2_playing .timing,
ul.playlist li.sm2_paused .timing {
 display:block;
}

ul.playlist li.sm2_paused .timing .sm2_position {
 text-decoration:blink; /* hee hee. first actual appropriate use? :D */
}

ul.playlist li.sm2_paused .timing,
ul.playlist.use-peak li.sm2_paused .peak {
 background-color:#333;
 border-color:#ccc;
}

/* peak data */

/* ul.playlist ... */

ul.playlist.use-peak li .peak {
 display:none;
 zoom:1;
 border:1px solid #99ccff;
 padding:2px;
 height:0.55em;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 border-radius:4px;
 background-color:#5588bb;
 width:0.8em;
 height:0.55em;
 margin-top:-3px;
}

ul.playlist.use-peak li .peak-box {
 position:relative;
 width:100%;
 height:0.55em;
 overflow:hidden;
}

ul.playlist li .peak .l,
ul.playlist li .peak .r {
 position:absolute;
 left:0px;
 top:0px;
 width:7px;
 height:50px;
 background:#fff;
 border:1px solid #fff;
 -moz-border-radius:1px;
 -khtml-border-radius:1px;
 margin-top:1em;
}

ul.playlist li .peak .l {
 margin-right:1px;
}

ul.playlist li .peak .r {
 left:10px;
}

#control-template {
 display:none;
}