/*///Test///*/


body.using-miro-faq h3.question{
background: url(../i/question.gif) no-repeat;
}

body.using-miro-faq h3{
padding: 1px 0 0 27px;
clear: both;
}


body.using-miro-faq p{
padding: 1px 0 0 27px;
}


body.using-miro-faq h2{
padding: 0px !important;
font-weight: bold;
margin: 0px !important;
}



body.using-miro-faq h3.first{
margin-top: 15px !important;
}


.project{
clear: both;	
}



#screen{
padding: 0 20px 20px;
background: url(../i/screen_dropshadow.png) -20px -36px no-repeat;
_background: none;
}



.community{
background: url(../i/letter.png) 10px 10px no-repeat;
width: 390px;
float: left;
}


.community h3, .community p {
padding-left: 140px;
}



.community form {
padding: 20px 0 0 20px;
}



.community strong {
float: left;
padding: 20px 10px 0 0px;
}


.community .giveaddy {
text-align: center;
float: left;
border: none;
width: 153px;
padding: 21px 17px 14px 21px;
background: url(../i/email_field.png) center 8px no-repeat;
}


.community .giveaddy:focus {
background: url(../i/email_field.png) center -56px no-repeat;
}

.community #email-button {
float: left;
margin: 12px 0 0 5px;
}

.get_sati_p h3, .get_sati_p p{
padding-left: 140px;
}


.get_sati_p {
background: url(../i/blog_paper.png) 5px 0px no-repeat;
width: 390px;
float: left;
margin-left: 30px;
}

.full{
padding: 34px;
}

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

~ HTML

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


body{
margin: 0;

padding: 0;
font-family: arial, helvetica, sans-serif;
font-size: 13px;
background: url(../i/sheeps.jpg) bottom repeat-x;
}

a{
color: #af2f12;
text-decoration: none
}


a:hover{
color: #555;
text-decoration: underline;
}

#main p, .full p{
line-height: 1.4;
color: #444;

margin: 0px 0 10px 0 !important;
}


h1{
float: left;
height: 79px;
margin: 21px 0 0 0;
width: 106px;
}

h1 a{
padding-top: 90px;
margin: 0;
height: 0;
overflow: hidden;
width: 106px;
display: block;
background: url(../i/miro.png) no-repeat;
.background: url(../i/miro.gif) no-repeat !important;
}

h1 a:hover{
background: url(../i/miro.png) 0 -109px no-repeat;
.background: url(../i/miro.gif) 0 -109px no-repeat !important;
}


h2{
font-size: 18px;
margin: 0 0 10px 0;
color: #333;
padding: 0;
font-weight: normal;
}


h3{
font-weight: normal;
margin: 30px 0 5px 0;

}

h4{
margin: 20px 0 0 0;
padding: 0;

}

#index h4{
color: #c92627;
font-size: 16px;
margin: 0;
}




#main_screenshot{
display: block;

width: 555px;
height: 398px;
margin: 20px 0 0 330px;
position: absolute;
}


#main_screenshot p{
width: 555px;
margin: 0 0 5px 0px;
}


#main_screenshot div{
font-size: 11px;
text-align: right;
padding: 6px 14px 0 0;
}


#main_screenshot div a{
padding: 0 4px;
}


#player{
display: block;
height: 326px;
border: 1px solid #222;
border-top: none;
  outline: none;
}


#player img{
border: none;
}


#main_screenshot.screen_ubuntu{
display: block;
background: url(../i/ubuntu_screen.png) no-repeat;
width: 550px;
padding-top: 368px;
height: 0;
overflow: hidden;
margin: 30px 0 0 330px;
position: absolute;
}



.screen_osx{

}

.main_screen{

}

.rollover{
margin: 0 0 0 50px;
padding: 20px 0 10px 26px;
text-transform: uppercase;
font-size: 10px;
color: #999;
background: url(../i/arrow.png) 0 23px no-repeat;
}


#top{
height: 507px;
}




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

~ Classes

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

.image{
padding: 5px;
background: #fff;
border-top: 1px double #dedede;
border-right: 1px double #aaa;
border-bottom: 1px double #888;
border-left: 1px double #cecece;
}

.floatright{
display: block;
float: right;
margin: 0 0 20px 20px;
}

.floatleft{
display: block;
float: left;
margin: 0 20px 30px 0;
}

.centered{
	margin: 0 auto;
	text-align: center;
}

.rss {
padding: 10px 10px 10px 90px;
background: url(../i/rss.png) 10px center no-repeat;
_background: url(../i/rss.gif) 10px center no-repeat;

}

.chapters li a{
	border: 0 !important;
}


.chapters{
padding: 30px 30px 200px 30px;
background: url(../i/chapters.png) -10px -82px no-repeat;
}


.chapters h4{
margin: 20px 0 10px 10px !important;
padding: 0;
}



.chapters ul{

}





.normal li{
display: block !important;
background: none !important; 
clear: both !important;
float: none !important;
line-height: 1.5em;
list-style: unordered !important;
padding: 0px !important;
margin: 0 !important;
background: url(../i/question_small.png) 11px 5px no-repeat !important;
}


.normal a{
display: block !important;
background: none !important;
clear: both !important;
font-size: 11px !important;
float: none !important;
line-height: 1.5em;
list-style: unordered !important;
padding: 3px 0 3px 23px! important;
margin: 0 0 0 10px !important;

}



.top-cap{
background: url(../i/top-cap-top.png) no-repeat;
padding-top: 10px;
clear: both;
}



.top-cap span{
background: url(../i/top-cap-bg.png) left bottom repeat-x !important;
display: block;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 24px;
}


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

~ Layout

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


#blue{
background: url(../i/blue_bg.png) left top repeat-x;
_background: none;
}

#wrap{
width: 900px;
padding-bottom: 20px;
margin: 0 auto;
background: url(../i/miro_sheeps.jpg) center bottom no-repeat;
}


#content{
clear: both;
width: 900px;
margin: 0;
letter-spacing: .015em;

}


#main{
width: 487px;
padding: 0px 20px 30px 20px;

}


#sidebar{
width: 306px;
padding: 0px 20px 30px 34px;
}

#third{
padding: 30px;
}

#sidebar h4{
color: #333;
margin: 1px 0 10px 0;
}


#sidebar p{
color: #555;
margin: 0;
padding: 0 0 0 26px;
line-height: 1.2em;
font-size: 11px;

}

#sidebar ul{
padding: 0px;
margin: 0 0 0px 0;
}

#sidebar ul li{
padding: 0px;
list-style: none;
font-size: 13px;
background: url(../i/sidebar_li_bg.png) 1003px left repeat-x;

}

#sidebar ul li:hover{
background: url(../i/sidebar_li_bg.png) bottom left repeat-x;

}



#sidebar ul li a{
padding: 20px 20px 20px 80px;
margin:  0;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #555;
display: block;
list-style: none;
border-bottom: 1px solid #efefef;
background: url(../i/placeholder.png) 10px center no-repeat;
}

#sidebar ul li a:hover{
border-bottom: 1px solid #ccc;
color: #000;
}

#sidebar ul li a div{
padding: 0px !important;
margin:  4px 0 0 0 !important;
color: #777;
font-size: 10px;
font-weight: normal;
}
#sidebar ul li a:hover div{
color: #000;
}

#sidebar ul li div{
padding: 0px !important;
margin:  0px 0 0 0 !important;
color: #777;
font-size: 11px;
font-weight: normal;
}





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

~ Download Button

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


#download_button {
display:block;
width: 238px;
}


#download_button a{
line-height: 41px !important;
display:block;
text-decoration: none;
width: 238px;
padding: 0px 0 1px 0px !important; 
color: #fff;
font-size: 17px;
overflow: hidden;
text-align: center;
background: url(../i/dl.png) no-repeat left 0px;
_background: url(../i/dl_button.gif) no-repeat left 0px;

}


#download_button a:hover{
background: url(../i/dl.png) 0 -43px no-repeat;
}

#download_button p{
line-height: 2em;
font-size: 13px;
text-align: center;
width: 238px;
margin: 10px 0 0;
}


#download_button a strong {
	display:block;
	font-size: 17px;
	text-transform:none;

}





.osx span{
float: none !important;
padding: 3px 12px;
background: url(../i/osx.png) center 0px no-repeat;
}

.ubuntu span{
float: none !important;
padding: 3px 12px;
background: url(../i/ubuntu.png) center no-repeat;
}


.linux span{
float: none !important;
padding: 3px 12px;
background: url(../i/linux.png) center 4px no-repeat;
}

.windows span{
float: none !important;
padding: 3px 12px;
background: url(../i/windows.png) left top no-repeat;
}



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

~ Footer

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

#site_map{
padding: 0;
margin: 0;
margin: 20px auto 0px;
height: 320px;
clear: both;
padding: 0px;

}

#index #site_map{
margin: 0 auto 0px !important;

}

#site_map li{
padding: 0;
margin: 6px 0 0px 0;
list-style: none;
font-size: 12px;
line-height: 1.2em;
}

#site_map li.last{
padding: 0;
margin: 0;
}

#site_map h5{
padding: 0;
margin: 0 0 3px 0;
font-size: 12px;
}

h3#site_map_title{
padding: 0 0 0 17px !important;
line-height: 3em;
margin: 0px 0px 1em 0px;
font-size: 13px !important;
text-align: left !important;
font-weight: bold;
font-style: normal;
font-family: Helvetica, Arial, Verdana, sans-serif;
background: url(../i/long_heading.png) no-repeat;
}

#site_map div{
float: left;
width: 105px;
padding: 15px 60px 0 15px;

}

#site_map div.last{
padding: 15px 0 0 10px !important;
margin: 0;
}


#site_map div.first{
margin-left: 20px;
}


#site_map a{
text-decoration: none;
color: #555;
.margin-left: -16px;
}

#site_map a:hover{
text-decoration: underline;
color: #000;
}


#footer{
clear: both;
font-size: 11px;
text-align: center;
margin: 80px 40px 80px;
}

#index #footer{
margin: 0px 40px 0;
}

#footer .first{
font-weight: bold;
}




#lang{
float: right;
margin: 0;
height: 21px;
_overflow: hidden;
padding: 12px 0 0 0;
width: 260px;
text-align: right;
}



#lang select{
font-size: 11px;
}



#intro {
padding: 50px 20px 60px 33px;
background: url(../i/clouds.png) -35px 0 no-repeat;
_background: url(../i/clouds.gif) -35px 0 no-repeat;
.margin-top: 35px;
}



#lang a{
padding-right: 15px;
float: left;
display: block;
padding-top: 4px;
font-size: 11px;
}




#intro h2{
font-family: georgia, times, sans-serif;
font-weight: normal;
font-size: 30px;
margin: 0 0 0 0;
}


#intro p{
font-weight: normal;
padding: 0px;
color: #555;
font-size: 14px;
line-height: 1.6em;
margin: 10px 0 0 0;
}




.using-miro-overview #intro span{
width: 130px;
height: 110px;
margin: 0px;
background: url(../i/light_bulb.png) 50px 5px no-repeat;
_background: url(../i/light_bulb.gif) 50px 5px no-repeat;
}

#intro span{
float: right;
margin-right: 30px;
}


ol {
padding: 0 0 0 28px;
margin: 0 0 25px 0;
}
ol li{
line-height: 1.6em;
font-size: 13px;
margin-bottom: 5px;
}

.clear{
clear: both;
}

.smallnote{
	font-size: 11px;
	margin-top: 35px;
}

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

~ Layouts

- To use the layout classes. Place
- the class on the div tag with 
- id="content" Be sure to have a div
- with id="third" below the sidebar
- and main divs for the 3 column layout.

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


/* ------------------------
- Two Column Standard

  class="two_col"
-------------------------




#content_wrap{
background: url(../i/content_bar.gif) 340px 0px repeat-y;
}


#content.two_col #main{
float: right;
}

#content.two_col #sidebar{
float: left;
}



*/
/* ------------------------
- Two Column Flipped

  class="two_col_flipped"
-------------------------*/


#content.two_col_flipped, #content.two_col{
background: url(../i/content_bar.gif) 556px 0px repeat-y;
}

#content.two_col_flipped #main, #content.two_col #main{
float: left;
padding: 0 0 0 33px;
}

#content.two_col_flipped #sidebar, #content.two_col #sidebar{
float: right;

padding-left: 0;
padding-right: 0;
width: 344px;
}

#content.two_col_flipped #sidebar h4, #content.two_col #sidebar h4{
margin-left: 25px;
}


#content.two_col_flipped #sidebar a, #content.two_col #sidebar a{
padding-right: 20px;
padding-left: 100px;
}


#content.two_col_flipped #sidebar ut{

}



/* ------------------------
- One Column

  class="one_col"
-------------------------*/

#content.one_col{
background: none;
}


#content.one_col #main{
width: 830px;
padding: 0;
margin: 0 auto;
}

#content.one_col #sidebar{
display: none !important;
}





/* ------------------------
- Two Column Even

  class="two_col_even"
-------------------------*/

#content.two_col_even{
background: url(../i/content_bar.gif) 464px 0px repeat-y;
}


#content.two_col_even #main{
width: 390px;
padding: 0 20px 0 0;
float: left;
margin-left: 34px;
}

#content.two_col_even #sidebar{
width: 350px;
margin-left: 20px;
float: left;
}





/* ------------------------
- Three Column

  class="three_col"
-------------------------*/


#content.three_col{
background: url(../i/3_col_bg.gif) 305px 0px repeat-y;
}

#content.three_col #main{
float: left;
width: 245px;
}

#content.three_col #sidebar{
width: 230px;
float: left;
}

#content.three_col #third{
width: 238px;
float: left;
}






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

~ Download Section

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




.download-download #intro{

padding-top: 30px;
}


.download-download #intro h2{
text-align: center;
float: none;
font-size: 40px;
margin-top: 20px;
}



#download-miro #intro span span{
float: none;
margin: 0;
}


.download-download span#download_button{
background: none;
display: block;
float: none;
margin: 20px auto 0;
width: 238px;
}


body.download-features span#download_button{
float: right !important;
margin: 0 !important;
width: 268px !important;
height: 80px !important;
}





.download-download .full .ubuntu{
background: url(../i/ubuntu_big.png) 0px 21px no-repeat;
_background: url(../i/ubuntu_big.gif) 0px 21px no-repeat;
}


.download-download .full .ubuntu:hover{
background: url(../i/ubuntu_big.png) 0px 21px no-repeat !important;
_background: url(../i/ubuntu_big.gif) 0px 21px no-repeat !important;

}


.download-download .full .linux{
background: url(../i/tux_big.png) 0px 21px no-repeat;
_background: url(../i/tux_big.gif) 0px 21px no-repeat;
}


.download-download .full .linux:hover{
background: url(../i/tux_big.png) 0px 21px no-repeat !important;
_background: url(../i/tux_big.gif) 0px 21px no-repeat !important;

}



.download-download .full .windows{
background: url(../i/windows_big.png) 0px 21px no-repeat;
_background: url(../i/windows_big.gif) 0px 21px no-repeat;
}


.download-download .full .windows:hover{
background: url(../i/windows_big.png) 0px 21px no-repeat !important;
_background: url(../i/windows_big.gif) 0px 21px no-repeat !important;}

.download-download .full .osx{
background: url(../i/osx_big.png) -2px 21px no-repeat;
_background: url(../i/osx_big.gif) -2px 21px no-repeat;
}


.download-download .full .osx:hover{
background: url(../i/osx_big.png) -2px 21px no-repeat !important;
_background: url(../i/osx_big.gif) -2px 21px no-repeat !important;
}




.download-download .full ul{
padding: 0;
font-size: 12px;
margin:  10px 0 0 0;
}


.download-download .full ul li a{
padding: 0;
margin:   0;
font-size: 11px;
color: #333;
font-weight: bold;
text-decoration: underline;
display: inline;
list-style: none;
background: none;
}


.download-download .full li{
padding: 25px 0 20px 65px;
list-style: none;
width: 210px;
float: left;
margin: 0 1px 0 0;
}




.download-download .full li:hover{
background: none;
}



.download-download .full a{
padding: 0 !important;
}


.download-download h2, .download-download p{
text-align: center;
}



.small_features{
font-size:25px;
float: right;
padding: 0;
}





.small_features li{
font-size:13px;
line-height: 35px;
list-style: none;
padding-left: 35px;
margin: 0;
}


.small_features h4{
font-size: 16px;
margin: 0 0 10px 0px;
}


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

~ Open Source Section

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

.open-source-volunteer #intro span{
width: 233px;
height: 170px;
background: url(../i/you.png) right 0 no-repeat;
_background: url(../i/you.gif) right 0 no-repeat;
}



.open-source-share #intro span{
width: 233px;
height: 170px;
background: url(../i/gift_big.png) center right no-repeat;
_background: url(../i/gift_big.gif) center right no-repeat;
}



#publish #intro span{
width: 193px;
height: 120px;
background: url(../i/camera_big.png) center right no-repeat;
_background: url(../i/camera_big.gif) center right no-repeat;
}


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

~ Publish Section

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


#publish #sidebar .hd_icon a{
background: url(../i/hd_big.png) 29px center no-repeat;
_background: url(../i/hd_big1.gif) 29px center no-repeat;
}



#publish #sidebar .bittorrent a{
background: url(../i/bittorrent.png) 31px center no-repeat;
_background: url(../i/bittorrent.gif) 31px center no-repeat;
}

#publish #sidebar .global a{
background: url(../i/earth.png) 29px center no-repeat;
_background: url(../i/earth.gif) 29px center no-repeat;
}

#publish #sidebar .popular a{
background: url(../i/cnet.png) 25px center no-repeat;
_background: url(../i/cnet.gif) 25px center no-repeat;
}


#publish #sidebar .growing a{
background: url(../i/odometer.png) 27px center no-repeat;
_background: url(../i/odometer.gif) 27px center no-repeat;
}



#publish #sidebar .opensource a{
background: url(../i/open_small.png) 25px center no-repeat;
_background: url(../i/open_small.gif) 25px center no-repeat;
}


#publish #sidebar .guide_icon a{
background: url(../i/guide.png) 35px center no-repeat !important;
_background: url(../i/guide.gif) 35px center no-repeat;
}


#publish #sidebar .publish_icon a{
background: url(../i/publish_icon.png) 35px center no-repeat;
_background: url(../i/publish_icon.gif) 35px center no-repeat;
}


#publish #sidebar .custom_miro a{
background: url(../i/branded.png) 35px center no-repeat;
_background: url(../i/branded.gif) 35px center no-repeat;
}


#publish #sidebar .media_rss_icon a{
background: url(../i/rss_big.png) 35px center no-repeat;
_background: url(../i/rss_big.gif) 35px center no-repeat;
}



#publish #sidebar .feed_valid_icon a{
background: url(../i/feed_valid.png) 35px center no-repeat;
_background: url(../i/feed_valid.gif) 35px center no-repeat;
}

.more_answers_icon a{
background: url(../i/search_big.png) 35px center no-repeat !important;
_background: url(../i/search_big.gif) 35px center no-repeat !important;
}


#using-miro .intro_video_icon a{
background: url(../i/film_thumb.png) 35px center no-repeat !important;
_background: url(../i/film_thumb.gif) 35px center no-repeat !important;
}


#publish #sidebar .rss a{
background: url(../i/feed_valid.png) 35px center no-repeat !important;
_background: url(../i/feed_valid.gif) 35px center no-repeat !important;
}



#open-source #sidebar .translate a{
background: url(../i/translate.png) 32px center no-repeat !important;
_background: url(../i/translate1.gif) 32px center no-repeat !important;
}


#open-source #sidebar .bug_testers a{
background: url(../i/bugs.png) 30px center no-repeat !important;
_background: url(../i/bugs.gif) 30px center no-repeat !important;
}

#open-source #sidebar .internships a{
background: url(../i/cap.png) 15px 20px no-repeat !important;
_background: url(../i/cap.gif) 15px 20px no-repeat !important;
}


#open-source #sidebar .development a{
background: url(../i/dev.png) 30px center no-repeat !important;
background: url(../i/dev.gif) 30px center no-repeat !important;
}



#open-source #sidebar .source_code a{
background: url(../i/source_coe.png) 40px center no-repeat !important;
_background: url(../i/source_coe.gif) 40px center no-repeat !important;
}


#using-miro #sidebar .features_icon a{
background: url(../i/bell.png) 34px center no-repeat !important;
_background: url(../i/bell.gif) 34px center no-repeat !important;
}




#publish #sidebar .chap1 a{
background: url(../i/button_chapter1.png) 25px center no-repeat !important;
_background: url(../i/button_chapter1.gif) 25px center no-repeat !important;
}

#publish #sidebar .chap2 a{
background: url(../i/button_chapter2.png) 25px center no-repeat !important;
_background: url(../i/button_chapter2.gif) 25px center no-repeat !important;
}

#publish #sidebar .chap3 a{
background: url(../i/button_chapter3.png) 25px center no-repeat !important;
_background: url(../i/button_chapter3.gif) 25px center no-repeat !important;
}

#publish #sidebar .chap4 a{
background: url(../i/button_chapter4.png) 25px center no-repeat !important;
_background: url(../i/button_chapter4.gif) 25px center no-repeat !important;
}

#publish #sidebar .chap5 a{
background: url(../i/button_chapter5.png) 25px center no-repeat !important;
_background: url(../i/button_chapter5.gif) 25px center no-repeat !important;
}

#publish #sidebar .chap6 a{
background: url(../i/button_chapter6.png) 25px center no-repeat !important;
_background: url(../i/button_chapter6.gif) 25px center no-repeat !important;
}


#publish #sidebar .one_icon a{
background: url(../i/add.png) 37px center no-repeat;
_background: url(../i/add.gif) 37px center no-repeat;
}



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

~ Publish Section

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


#using-miro .faq_icon a{
background: url(../i/faq.png) 35px center no-repeat;
}




li.help a{
color: #900 !important;	
}



.full p{
text-align: left;	
}   


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

~ Downloading Section

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





.mail h2{
font-size: 16px !important;
margin: 9px 0 !important;

}




.mail .small{
font-size: 10px !important;
color: #666;
padding: 10px 0 0 0 !important;
clear: both;
}


.mail #notify{
float: left;
}


.mail .text_form{
float: left;
margin: 1px 10px 0 0;
}



.using-miro-faq #intro span{
	width: 193px;
height: 120px;
background: url(../i/big_pages.png) 110px 0 no-repeat;
_background: url(../i/big_pages.gif) 110px 0 no-repeat;
}