/* PASSIVE TRIES ############### */
/* spielersun - passivetries.com */

body { font-family:Trebuchet MS; font-size: 12px; margin:0 auto; padding:0px; color: #FFFFFF;
		text-decoration:none; text-decoration: none; background: url(../images/bg.png) repeat; }

body > html{ height:100%;}
:focus{ outline:none;}
a img{ border:none;}
img{ border:none;}
.mrMuscle{clear:both;}

/* HACKS ######################################## */
/* ############################################## */
/* The Malarkey Image Replacement Method
   http://www.stuffandnonsense.co.uk/archives/examples/malarkey-method-example.html */

.mir { letter-spacing : -1000em; background-repeat: no-repeat;text-indent : -999em; }
/* Just for Opera, but hide from MacIE */
html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */

/* MAIN STYLES ################################## */
/* ############################################## */
    h1{ float:left;}
    
    h1.workHead{}
    
    h2{ float:right; width:100%; margin-right:10px;}
    details{ float:right; width:400px; font-size:20px; margin-top:30px; margin-right:10px;
        font-family: 'Yanone Kaffeesatz', arial, serif; text-align:right;
        -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;}
    details:hover{ letter-spacing:0.2em; background-color:#000;}
    
    summary{ float:right; width:400px;}
    summary a{ color:#fff; text-decoration:none; cursor:help;}
    .educaProgress{ float:right; width:400px; padding-bottom:4px;}
    
    #logo{float:left;width:135px; margin:20px 10px; height:75px; background: url(../images/ptRocks.png) no-repeat;
          -webkit-transition: -webkit-transform 0.5s ease-in;-moz-transition: -moz-transform 0.5s ease-in;}
          
    ul#nav{float:left; width:100%; height:36px;text-align:right;
           background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#990000), to(black));
           -webkit-box-shadow: 0px 0px 10px 5px #999;} 
    	ul#nav li{ float:right;text-decoration:none; display:block; list-style-type:none; position:relative;} 
    	 
    ul#mcv{float:left; width:100%; padding-bottom:80px; padding-top:10px; }      
    
    header, nav, footer, section{ float:left; width:100%;}
    
    div.music{ float:right; width:300px; margin-right:10px;}
    h6.musicTitle{ float:right; font-size:18px;font-family: 'Yanone Kaffeesatz', arial, serif;
                     color:#ffffff; width:auto; font-weight:bold;}
    
    audio{ float:left; width:300px; height:30px; margin-top:5px; background-color:Red;}
    
    a.changeSong{ float:right; width:6px; height:16px; background-color:#fff; margin:0px 5px; }
    
    footer{border-top:solid 2px #990000; bottom:0; position:fixed; text-align:right;  
            -webkit-box-shadow: 0px 10px 15px 20px #990000;-webkit-background-size: 100% 70px;
            -moz-box-shadow: 0px 10px 15px 20px #990000;-moz-background-size: 100% 70px;
            background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#990000), to(#660000));
            background-repeat: repeat-x;width:100%; height:70px; font-size:14px; }
    
/* MINOR STYLES ################################# */
/* ############################################## */
    .tryContainer{ width:100%; height:auto; float:left; background:url(../images/trybg.png) repeat; -webkit-opacity:0.60; 
                   -moz-border-radius: 30px;-webkit-border-radius: 30px; -webkit-transition: all 0.4s ease-in-out;
                   -moz-transition: all 0.4s ease-in-out;-moz-opacity:0.60;}
    .tryContainer:hover{ -webkit-opacity:0.90;background-color:#474747; -moz-opacity:0.90;}
    
		.tryLabels{ width:auto; float:left; height:auto;font-size:12px; overflow:hidden; text-decoration:none; 
		            font-family: 'Molengo', arial, serif;}
        .tryName{color:#ff0000;margin:10px 5px 3px 10px; font-size:20px; text-shadow: 1px 1px 1px #ccc;
                 font-family: 'Molengo', serif; width:96%; }
        .trySelf{color:White;margin:0px 10px 0px 10px; font-size:16px; text-align:justify;
                 font-family: 'Yanone Kaffeesatz', arial, serif;width:96%;}
        .tryUser{color:#996666; margin:3px 10px 10px 5px; float:right;font-family: 'Molengo', arial, serif;}

    .workContainer{ width:100%; height:160px; float:left; min-width:800px;}
    .workContainer:hover{}
    
    img.workPreview{ width:240px; height:140px; float:left; margin:10px 30px; border:solid 1px #000; }
    h3.workTitle{ color:#fff; float:left; width:400px;font-family: 'Yanone Kaffeesatz', arial, serif; 
                  font-size:16px; }
    p.workDesc{ color:#fff; float:left; width:400px; font-family: 'Molengo', serif; font-size:14px;}
    a.workLink{ color:#fff; float:left; width:400px; font-family: 'Molengo', serif; font-size:14px;}
    
    div#friendList{width:300px;border:1px solid #cccccc; float:right; height:120px !important;
                   overflow:hidden !important;}
    
    div.fc-subtle-botcap{ height:0px !important; display:none !important;}
    
    div.fc-content{ min-height:58px !important;}
    
/* INPUT STYLES ################################# */
/* ############################################## */
    .btnTyper{width:75px; margin-right:4px; font-family:Lucida Sans Unicode, Sans-Serif; margin-top:3px; height:24px; color:#cccccc; 
              float:left; border:none; background:url(../images/btns.png) no-repeat;  text-decoration:none; text-align:center;
              font-family: 'Molengo', arial, serif;
              padding-top:6px;position:relative;}
    .btnTyper:hover{-webkit-transition:background 0.8s ease;background-position:0px -150px; 
                    -moz-transition:background 0.8s ease;}
    
    
    .btnMusic{width:75px; margin-right:4px; font-family:Lucida Sans Unicode, Sans-Serif; margin-top:3px; height:24px; color:#ffffff;
              float:left; border:none; background:url(../images/btns.png) no-repeat;  text-decoration:none; 
              font-family: 'Molengo', arial, serif;
              text-align:center;padding-top:6px;position:relative; background-position:0px -30px;}
    .btnMusic:hover{-webkit-transition:background 0.8s ease; color:#ffffff; background-position:0px -210px;
                    -moz-transition:background 0.8s ease;}
    
    .btnUserName{color:#ffffff; background-color:#666666; padding:2px 4px; -webkit-transition: all 0.3s ease-in-out;
                  -moz-transition: all 0.3s ease-in-out;
                 text-decoration:none;  border:none; margin-right:10px;font-family: 'Molengo', arial, serif;}
    .btnUserName:hover{color:#666666; background-color:#ffffff;}
    
    
    .btnLog{background-color:#990000; width:200px; height:34px; color:#cccccc; font-size:20px; margin:5px 0px 5px 10px; 
            -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
             text-decoration:none; border:solid 2px #ffffff;font-family: 'Molengo', arial, serif;}
    .btnLog:hover{border:solid 2px #990000; color:#ffffff; }
    
    
    .lblLog{ color:#cccccc; font-size:20px; margin:5px 0px 5px 10px;font-family: 'Yanone Kaffeesatz', arial, serif;}
    .lnkForget{ color:#cccccc; font-size:16px; margin:5px 0px 5px 10px;font-family: 'Yanone Kaffeesatz', arial, serif;
                text-decoration:underline; background:none; border:none; cursor:pointer;}
    
    .lblSign{ color:#ffffff; font-size:20px; margin:5px 0px 5px 10px;}
    .lblSign:hover{color:#cccccc;}
    .editor{margin:5px 0px 5px 10px;}
    .txtGNR{ background:url(../images/txbGNR.png) repeat; width:200px; height:36px; color:#cccccc; font-size:20px; margin:5px 0px 5px 10px; 
             text-decoration:none; text-transform:lowercase; border:solid 1px #ffffff;font-family: 'Molengo', arial, serif;}
             
    .ddlGNR{ background:#000; width:196px; height:38px; color:#cccccc; font-size:20px; margin:5px 0px 5px 0px; 
             text-decoration:none; border:solid 1px #ffffff;font-family: 'Molengo', arial, serif;}
             
    .txtArea{ background:url(../images/txbGNR.png) repeat; width:400px; height:200px; color:#cccccc; font-size:22px; margin:5px 0px 5px 10px; 
             text-decoration:none; text-transform:lowercase; border:solid 1px #ffffff;font-family: 'Molengo', arial, serif;}
             
    .txtBig{ background:url(../images/txbGNR.png) repeat; width:800px; height:144px; color:#cccccc; font-size:20px; margin:5px 0px 5px 10px; 
             text-decoration:none; text-transform:lowercase; border:solid 1px #ffffff;font-family:Lucida Sans Unicode, Sans-Serif;
             font-family: 'Yanone Kaffeesatz', arial, serif; }

/* NAV BAR ITEMS ################################ */
/* ############################################## */
	
/* LEFT MENU ITEMS ############################## */
/* ############################################## */

/* FOR INTERNET EXPLORER ######################## */
/* ############################################## */

.ie body { font-family:Trebuchet MS; font-size: 12px; margin:0 auto; padding:0px; color: #FFFFFF;
		text-decoration:none; text-decoration: none; background: url(../images/noie.png) repeat; }
		
.ie6 body { font-family:Trebuchet MS; font-size: 12px; position:absolute; margin:0 auto; padding:0px; color: #FFFFFF;
		text-decoration:none; text-decoration: none; background: url(../images/noie.png) repeat; }
.ie6 ul{display:none;}
.ie6 ul span{display:none;}