/*//////////////////////////////////////////////

Nav

//////////////////////////////////////////////*/



body#signup a#nav-signup, 
body#faq a#nav-faq, 
body#pubmedia a#nav-pubmedia,
body#college a#nav-college,
body#features a#nav-features,
body#index a#nav-index {
color:#444 !important;
}

ul#nav{
margin-left: 0px;
margin-bottom: 0;
margin-right: 0;
margin-top: 13px;
float: left;
width: 100%;
padding: 0;
background: url(images/nav_back.gif);
border-right:1px solid #ccc;
_overflow: hidden !important;

width: 972px;
float: left;
position: relative;

  -moz-box-shadow:inset 0 1px 1px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.1);
  -webkit-box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.1);
  -ms-box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.1);
  -o-box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.1); 
  box-shadow: inset 0 1px 1px rgba(255,255,255,1), 0 1px 2px rgba(0,0,0,.1);   

  background: #F8F8F8 url(images/ui/nav_bg.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); 
  background: -moz-linear-gradient(top,  #f9f9f9,  #e9e9e9); 
  background: -ms-linear-gradient(top,  #f9f9f9,  #e9e9e9); 
  background: -o-linear-gradient(top,  #f9f9f9,  #e9e9e9); 
  background: linear-gradient(top,  #f9f9f9,  #e9e9e9); 
  
  
-moz-border-radius: 4px;
-webkit-border-radius: 4px;  
-ms-border-radius: 4px;  
-o-border-radius: 4px;  
border-radius: 4px;  

border: 1px solid #ccc;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #bbb;
}

ul#nav li{
font-family: Helvetica, Arial, sans-serif;
float: left;
list-style: none;
padding-left: 1px;
margin: 1px 0;
background: url(images/nav_li.gif) no-repeat;
}

ul#nav li a{
display: block;
padding: 11px 38px 10px 38px !important;
text-decoration: none;
text-shadow:0 1px 0px rgba(255, 255, 255, 1);
font-weight: bold;
font-size: 14px;
text-align: center;
line-height: 16px;
color: #656565;
background: url(images/nav_a.gif) no-repeat; 
  -moz-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
  -webkit-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
  -ms-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
  -o-box-shadow:inset 0 1px 1px rgba(255,255,255,.1);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.1);

  font-family: Arial, Helvetica, sans-serif;
}

ul#nav li a:hover{
background: url(images/ui/nav_bg_h.jpg) repeat-x;
}

ul#nav li a:active{
background: url(images/ui/nav_bg_h.jpg) repeat-x;
}



span.bump{
background: #fff url(/images/nav_cap_square.gif) top right no-repeat;
height: 33px;
width: 7px;
margin: 0;
position: relative;
display: block;
top: -25px;
left: 235px;
.left: 50px;
z-index: 10000;
}

a:hover span.bump{
background-position: -1px -33px;
_background-position: -20px -33px;
}


.intro_link{
width: 140px;
}


.features_link{
width: 125px;
}

.faq_link{
width: 65px;
}

.colleges_link{
width: 240px;
_width: 188px;
}

#nav li.blog_link{
width: 107px;
height: 32px;

}

#nav li.blog_link a{
padding-left: 13px;
_height: 35px;
}

/*//////////////////////////////////////////////

Subnav

//////////////////////////////////////////////*/


ul#subnav{
margin: 0;
width: 700px;
height: 35px;
float:left;
}

ul#subnav li{
float: left;
list-style: none;
padding: 0px;
background: url(/images/subnav_back.gif);
margin: 0;
}

ul#subnav li a{
display: block;
padding: 9px 14px 9px;
text-decoration: none;
color: #555;
font-size: 13px;
border-bottom: 1px solid #dedede;
}

ul#subnav li a:hover{
border-bottom: 1px solid #eee;
}

ul#subnav li.left{
padding-left: 5px;
background: url(/images/subnav_left.gif) top left;
}

ul#subnav li.right{
padding-right: 5px;
background: url(/images/subnav_right.gif) top right;
}


/*


#publish ul#subnav{
padding-left: 19px;
}



*/

#open-source ul#subnav{
padding-left: 190px;
width: 550px;
}


#download-miro ul#subnav{
padding-left: 0px;
width: 450px;
}



/*//////////////////////////////////////////////

~ Active States

//////////////////////////////////////////////*/

/* ------------------------
- Download 
-------------------------*/

#download-miro .download_link a{
background: url(/images/nav_a_hov.gif);
cursor: default;
height: 24px;

}


.download-download .download-miro a{
font-weight: bold;
cursor: default;

}

.download-features .features a{
font-weight: bold;
cursor: default;
}

.download-screenshots .screenshots a{
font-weight: bold;
cursor: default;
}

/* ------------------------
- Using Miro 
-------------------------*/

#using-miro .using-miro_link a{
background: url(/images/nav_a_hov.gif);
cursor: default;
height: 24px;

}

#using-miro #subnav{
width: 435px;
padding-left: 134px;

}





.using-miro-overview .overview a{
font-weight: bold;
cursor: default;
}

.using-miro-help .help a{
font-weight: bold;
cursor: default;
}

.using-miro-faq .faq a{
font-weight: bold;
cursor: default;
}

/* ------------------------
- Publish 
-------------------------*/

#publish .publish_link a{
background: url(/images/nav_a_hov.gif);
cursor: default;
height: 24px;

}

#publish #subnav{
width: 700px;
padding-left: 0px;
}

.publish-overview .overview a{
font-weight: bold;
cursor: default;
}

.publish-troubleshooting .troubleshooting a{
font-weight: bold;
cursor: default;
}

.publish-makeinternettv .makeinternettv a{
font-weight: bold;
cursor: default;
}

.publish-miroguide .miroguide a{
font-weight: bold;
cursor: default;
}

body.social-media li.social-media a{
font-weight: bold;
cursor: default;
}


/* ------------------------
- Open Source 
-------------------------*/

#open-source .open-source_link a{
background: url(/images/nav_a_hov.gif);
cursor: default;
height: 24px;
}


.open-source-share .share a{
font-weight: bold;
cursor: default;
}



.open-source-volunteer .miro-volunteer a{
font-weight: bold;
cursor: default;

}

.open-source-development .development a{
font-weight: bold;
cursor: default;
}

.open-source-chat .chat a{
font-weight: bold;
cursor: default;
}

.open-source-team-miro .team-miro a{
font-weight: bold;
cursor: default;
}

.open-source-subscribe .subscribe a{
font-weight: bold;
cursor: default;
}

.co-branded .co-branded a{
font-weight: bold;
cursor: default;
}

/* ------------------------
- Blog
-------------------------*/

#blog #intro{
height: 70px;
padding-bottom: 0px;
}


#blog .blog_link a{
background: url(/images/nav_a_hov.gif);
cursor: default;
}


#blog .blog_link span.bump{
background-position: -1px -33px;
_background-position: -20px -33px;
}


.navigation{

margin-top: 50px;

}


.alignleft{
float: left;
}

.alignright{
float: right;
}


#blog h2{
padding-top: 20px;
clear: both;
margin: 0;
}

.post small{
display: block;
margin: 5px 0 10px;
}

.post p{
line-height: 1.5em !important;
}

/* ULTRA NAV */

.ultra-nav{
  -moz-box-shadow: 0 0px 1px rgba(0,0,0,.1);
  -webkit-box-shadow: 0 0px 1px rgba(0,0,0,.1);
  -ms-box-shadow: 0 0px 1px rgba(0,0,0,.1);
  -o-box-shadow: 0 0px 1px rgba(0,0,0,.1);
  box-shadow: 0 0px 1px rgba(0,0,0,.1);

  background: #F8F8F8 url(/images/ultra_nav.png) repeat-x;    
height: 45px;
  border-bottom: 1px solid #bbb;
  }



.ultra-nav ul{
width: 990px;
padding: 0 10px;
margin: 0 auto;  
}




.ultra-nav li{
  float: left;
  list-style: none;
  padding: 0;
  margin: 0;

  } 



.ultra-nav li a{
float: left;
color: #333;
padding: 16px 26px 13px 53px;
text-decoration: none;
margin: 0;
height:16px;
overflow:hidden;
}



.ultra-nav li a:hover{
text-decoration: none;
}

.ultra-nav li:active{
background-color:#F7FAFE;
}
  

.miro-top{
background: url(/images/small-icons.png) 22px 11px no-repeat !important;
border-right: 1px solid #e4e4e4;
border-left: 1px solid #e4e4e4;
}

.ipad_link{
background: url(/images/small-icons.png) 22px -29px no-repeat;
border-right: 1px solid #e4e4e4;
}

.mvc_link{
background:url(/images/small-icons.png) 22px -71px no-repeat;
border-right: 1px solid #e4e4e4;
}

.mc_link{
background: #eee url(/images/small-icons.png) 22px -113px no-repeat;
background: url(/images/small-icons.png) 22px -113px  no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(255,255,255,.1))) !important;
background: url(/images/small-icons.png) 22px -113px no-repeat, -moz-linear-gradient(top,  rgba(101,101,101,.1), rgba(255,255,255,.1)) !important;
background: url(/images/small-icons.png) 22px -113px no-repeat, -ms-linear-gradient(top,  rgba(101,101,101,.1), rgba(255,255,255,.1)) !important;
background: url(/images/small-icons.png) 22px -113px no-repeat, -o-linear-gradient(top,  rgba(101,101,101,.1), rgba(255,255,255,.1)) !important;
background: url(/images/small-icons.png) 22px -113px no-repeat, linear-gradient(top,  rgba(101,101,101,.1), rgba(255,255,255,.1)) !important;

border-right: 1px solid #e4e4e4;
}

.us_link{
background: url(/images/small-icons.png) 22px -157px no-repeat;
}
.us_link a{
border-right: 1px solid #E4E4E4;
}




.pcf_link{

}


.pcf_link a{
padding: 30px 0 0 !important;
height: 0px;
width: 100px;
overflow: hidden;
line-height: 4em;

background: url(/images/pcf.png) 18px 16px no-repeat;

 
}



.pcf_link a:hover{
background: url(/images/pcf.png) 18px -21px no-repeat;
}