/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

BODY {
    font-size: .75em;
    font-family: Helvetica, arial, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    background: #0b0a0a url(img/sitebg.jpg) 0 0 fixed no-repeat;
}

A:LINK {
    color: #FFCC00;
    text-decoration: underline;
}

A:VISITED {
    color: #FFCC00;
}

A:HOVER {
    color: #FFCC00;
    text-decoration: none;
}

A:ACTIVE {
    outline: none;
    color: #FFCC00;
}

A IMG {
    border: none;
    }

A:HOVER, A:FOCUS {
    outline:  	invert none medium;
}

A:ACTIVE {
        outline: none !important;
} 

INPUT.description {
    width: 230px;
    font-size: 100%;
    border: none;
    -webkit-border-radius: 3px;
    padding: 3px;
    -moz-border-radius: 3px;
    }
INPUT:FOCUS {
    background: #FFFFCC;
    }

P, UL {
    margin: 0 0 5px;
    padding: 0;
    line-height: 1.6em;
}

H1, H2 {
    margin: 20px 0 0;
    color:#FFF;
    font-size: 42px;
    font-weight: normal;
    text-align: center;
    }

HR {
    background: transparent;
    border: none;
    }


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page {
    margin-left: auto;
    margin-right: auto;
}

#wrapper {
    width: 940px;
    margin: auto;
    text-align: left;
    }
    
#main {
    clear: both;
    position: relative;
     _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    }

#footer {
    color: #FFF;
    border: 20px solid rgba(2, 2, 2, 0.2);
    clear: both;
    margin: 30px 0 20px;
    padding: 20px 10px;
    background: #191919;
    background-color: rgba(2, 2, 2, 0.2);
    }





/* GENERIC  
----------------------------------------------------------*/
.clear {
    clear: both;
    }

.error {
    color:Red;
    }

.left {
     float: left;  
    } 
.right {
     float: left;  
    } 

.rounded {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }

.centered {
    text-align: center;
    }
.hide {
    display: none;
    }
/* in nav
----------------------------------------------------------*/

#nav {
    background-color: #000;
    background: rgba(1, 1, 1, 0.7);
    }
    
    #nav UL {
        margin: 0;
        padding: 10px 0 10px 20px;
        list-style-type: none;
        overflow: auto;
        }
        #nav UL LI {float: left; padding: 5px 10px;}
        #nav UL LI A {
            display: inline-block;
            font-size: 180%;
            float: left; 
            color: #FFCC00;
            text-transform: uppercase;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            text-decoration: none;
            padding: 5px
 
            }
            
        #nav UL LI A:HOVER {
            background-color: #620807;
            color: #FFF;
            }



/* In header
----------------------------------------------------------*/

#logindisplay {
    float: right;
    background: transparent url(img/fbcbg.png) no-repeat left bottom;
    padding: 10px 30px;
    width: 241px;
    }

#logindisplay A.fblo {color: #111; font-weight: bold;}
 
 .moshpitLogo {
     padding: 10px 0;
     }


IMG.uploadButton 
{
   float:right ;
    }
    
/* In main
----------------------------------------------------------*/

DIV.moshWrap {
    background: #990000 url(img/bloodRed.png) right bottom repeat-x;
    background: rgba(200, 1, 1, 0.5) url(img/bloodRed.png) right bottom repeat-x;
    padding: 3px;
    margin: 20px 10px 0;
    position: relative;
    }

.moshpic {
    overflow: hidden;
    width: 440px;
    text-align: center;
    max-height: 300px;
    cursor: pointer;
    } 
   IMG.vs 
   {
       z-index: 99;
       position: absolute;
       top: 80px;
       left: 420px;
       }
    #moshpics INPUT.vote {
        display: block;
        background: black url(img/yes.png) no-repeat 160px 40px;
        overflow: hidden;
        cursor: pointer;
        }
        
    #moshpics INPUT.vote:HOVER {
        display: block;
        }   

.picDeets {
    color: #FFFFFF;
    width: 440px;
    margin-top: 15px;
    background: transparent url(img/share.gif) no-repeat 280px bottom;
    }
   
    
    BUTTON.btnFb {
         background: #990000 url(img/socials.png) left bottom repeat-x;
         background: rgba(200, 1, 1, 0.5) url(img/socials.png) left bottom repeat-x;  
        }
    BUTTON.btnTw {
         background: #990000 url(img/socials.png) -40px bottom repeat-x;
         background: rgba(200, 1, 1, 0.5) url(img/socials.png) -40px bottom repeat-x;  
        }
    BUTTON.btnDg {
         background: #990000 url(img/socials.png) -80px bottom repeat-x;
         background: rgba(200, 1, 1, 0.5) url(img/socials.png) -80px bottom repeat-x;  
        }
        
        DIV.picDeets BUTTON {
            width: 40px;
            height: 40px;    
            float: right; 
            border: none; 
            }
        DIV.picActions 
        {
            width: 200px;
            }
/* Galleries
----------------------------------------------------------*/

DIV.topGal {
    padding: 20px 0;
    overflow: hidden;
    clear: both;
    width: 900px;
    margin: auto;
    }
    


DIV.galleryPic {
    position: relative;
    text-align: center;
    display: inline;
    float: left;
    height: 160px;
    width: 160px;
    border: 5px solid #990000;
    border: 5px solid rgba(200, 1, 1, 0.25); 
    overflow: hidden;
    margin: 0 0 10px 10px;
    background: #990000 url(img/bloodRed.png) right bottom repeat-x;
    background: rgba(200, 1, 1, 0.5) url(img/bloodRed.png) right bottom repeat-x;
    }
SPAN.rank {display: none;}
DIV.galleryPic P {
    position: absolute;
    top: 5px;
    padding: 2px 5px;
    color: #FFF;
    background: #990000;
    background: rgba(200, 1, 1, 0.5);
    }
DIV.galleryPic IMG {
    clear: both !important;
    }
       DIV.winner 
    {
        width: auto;
        height: auto;
        margin: auto;
        overflow: auto;
        }
        DIV.top10 
        {
            height: 280px;
            width: 280px;
            }
  
    DIV.winner 
    {
        width: 880px;
        margin: 0 10px;
        text-align: center;
        }
  
    DIV.topPic 
    {
        text-align: center;
        display: inline;  
        float: none;
    }
    
/* In about  
----------------------------------------------------------*/
DIV.about {
    font-size: 140%;
    text-align: left;
    }

OL.steps_list_2 {
    list-style-type: none;
    list-style-position: outside;
    }
OL.steps_list_2 LI {
    margin: 0 0 30px 0;
    clear: both;
    line-height: 140%;
    }

OL.steps_list_2 LI UL LI {
    margin: 10px 0 0 40px;
    }
OL.steps_list_2  B {
    color: #FFF;
    }
    
OL.steps_list_2 DIV.step_num {
    text-align:center;
    width:51px;
    height:51px;
    line-height:51px;
    font-size: 500%;
    margin:10px 0 0 -50px;
    padding:0;
    color:#FFF;
    float:left;
    clear:right
    }

P.source {
    padding: 10px;
    color: #464646;   
    margin-bottom: 50px;
    border-top: 1px dashed #464646;
    }
P.source A {
    color: #464646;
    font-style: italic;
    text-decoration: none;
    display: inline-block;
    }
P.source A:HOVER {
    color: #CCC
    }
P.source:before {
    content:"source: ";
}



/* Uploader
----------------------------------------------------------*/
DIV.uploadStep1, DIV.uploadStep2, DIV.uploadStep3 {
    background: #990000;
    background: rgba(200, 1, 1, 0.25);
    float: left;
    color: #FFF;
    padding: 10px 10px 10px 45px;
    overflow: hidden;
    position: relative;
    text-align: left;
    margin: 0 0 10px 10px;
    }
    
DIV.uploadStep1 {
    width: 685px;
    }
DIV.warning 
{
    background: #990000;
    background: rgba(200, 1, 1, 0.25);
    margin: 20px;
    padding: 20px 10px;
    font-size: 14px;
    color: #FFF;
    }

DIV.uploadStep1 OBJECT {
}
DIV.uploadStep2 {
    width: 685px;
    }

DIV.uploadStep3 {
    width: 685px;
    clear: both;
    }
  
DIV#uploadForm {
    overflow: auto;
    width: 760px;
    margin: 20px auto;
    padding: 10px 0 0;
    background: #990000;
    background: rgba(200, 1, 1, 0.25);   
    }
    
A.uploadButton {
    color: #FFF;
    padding: 10px;
    line-height: 30px;
    font-size: 150%;
    display: block;
    text-decoration: none;
    background-color: #97C932;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    }
    
DIV#uploadForm DIV.step_num {
    text-align:center;
    width:51px;
    height:51px;
    line-height:51px;
    font-size: 300%;
    margin:10px 0 0 0;
    padding:0;
    color: #990000;
    color: rgba(200, 1, 1, 0.75); 
    float:left;
    position: absolute;
    top: 0;
    left: 0;
    clear:right
    }


/* In footer
----------------------------------------------------------*/

IMG.ticketsLogo {
   float: left;
   margin: 0 30px 0 0;
    }
    
FORM#findAMoshpit {
    background-color: #333;
    background: rgba(0, 0, 0, 0.4);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 8px;
    width: 430px;
    border: 10px solid #222;
    margin-top: 0;
    float: left;
    font-size: 200%;
    }
FORM#findAMoshpit LABEL {
    color: #555;
    }  
#featuredGigs {
    overflow: auto;
    margin-top: 40px
    }
DIV.featured {
    float: left;
    padding: 5px;
    margin: 0 5px;
    background: #111;
    background: rgba(1, 1, 1, 0.25); 
    }
DIV.featured IMG {
    width: 200px;
    height: 200px;
    display: inline-block;
    background: pink;
    clear: right;
    }

IMG.powered {
    margin: 30px 0 40px;
    }