/* This theme is Rososo Light */
/* Put together on December 5 2008 */
/* By tristandaeschner.com */
/* Updated: January 17 2009 */

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("rososo.com") {
	
body {
font-size: 12px !important;
color: #999999 !important;
background-color: #FFFFFF !important;
font-family: Helvetica, Arial, sans-serif !important;
margin: 18px auto !important;
}
/* typography */
p {
color: #999999;
font-size: 12px !important;
line-height: 18px !important;
margin: 0 0 18px !important;
}
h1 {
font-size: 24px !important;
font-weight: normal !important;
line-height: 27px !important;
margin: 9px 0 18px !important;
font-family: Georgia !important;
}
h2 {
color: #666666  !important;
font-size: 14px  !important;
line-height: 18px !important;
margin-bottom: 17px  !important;
font-weight: normal !important;
border-bottom:1px solid #EEEEEE;
}
a {
font-size: 12px;
line-height: 18px;
color: #7CAFCE !important;
font-weight: normal !important;
}
a:hover {
color: #CC0000 !important;
}
.error {
font-size: 18px !important;
line-height: 18px !important;
font-weight: normal !important;
margin: 0 0 18px !important;
}
h3.error, span.noFeed {color: #CC0000 !important;}
/* the tabs */
.tab { 
border: 5px solid #EEEEEE !important;
border-bottom: none !important;
background-color: #FFFFFF !important;
padding: 7px 13px 6px !important;
line-height: 18px;
margin-right: 18px;
}
.tab a {
color: #CCCCCC !important;
font-size: 14px;
}
.tab a:hover {color: #999999 !important;}
.active, div#frame {background-color: #EEEEEE !important;}
.active a, .active a:hover {color: #999999 !important;}
/* global */
#frame {padding: 5px !important;}
.stage {padding: 13px !important;}
/* #stage0 */
#stage0 {padding-top: 4px !important;}
#stage0 p {
font-weight: normal !important;
line-height: 18px !important;
margin-bottom: 18px !important;
}
#stage0 p:last-child  {margin: 0 !important;}
#stage0 p:first-child {margin-top: 9px !important;}
#stage0 div.screenshot {margin:18px 0 !important;}
/* bookmarks */
ul.bookmarks {
margin-bottom: 9px !important;
padding: 9px 0 0 !important;
}
ul.bookmarks li {
font-size: 12px !important;
padding-bottom: 0 !important;
margin: 0 0 18px;
}
.title {
font-size: 18px !important;
line-height: 18px !important;
}
.bookmarks a {color: #666666 !important;}
.bookmarks a:hover {color:#333333 !important;}
.details {
font-size: 12px !important;
line-height: 18px !important;
}
ul.bookmarks li div.details a {color: #7CAFCE !important;}
ul.bookmarks li div.details a:hover {color: #CC0000 !important;}
.category a {font-size: 12px !important;}
/* options */
a.new_bookmark_link, a.showstale {
display: block;
}
.new_bookmark {
margin: 18px 0 !important;
padding: 0 0 0 18px !important;
}
.new_bookmark input, .sitename input {margin: 0 !important; line-height: 18px !important;}
#options {
font-size: 12px !important;
line-height: 18px !important;
padding: 0 !important;
}
#options a {
color: #999999 !important;
}
#options a:hover {
color: #666666 !important;
}
.noFeed, .siteName {
margin-top: 0 !important;
}
.noFeed {line-height: 18px !important;}
#page0 input[type="file"], #page0 input[type="submit"] {
margin: 0 !important;
}
/* stale bookmarks */
ul.stale {
padding: 0 !important;
margin: 18px 0 0 !important;
}
ul.stale li {
margin: 0 0 18px !important;
padding: 0 0 0 18px !important;
}
ul.stale li:last-child {margin: 0 !important;}
#options ul.stale li a {color: #999999 !important;}
#options ul.stale li .details {color: #CCCCCC !important;}
#options ul.stale li .details a {color: #7CAFCE !important;}
#options ul.stale li .details a:hover {color: #CC0000 !important;}
/* stage1 */
#stage1 td:last-child {margin: 0 !important;}
#stage1 p:last-child  {margin: 18px 0 0 !important;}
/* table n input for stage1 */
form {
font-size: 12px;
font-weight: normal;
}
table { font-size: 12px; }
table tr th, table tr td { padding: 0 !important; }
table tr { border-bottom: none !important; }
table tr td {
float: left;
clear: left;
margin: 0 0 18px !important;
}
#frame br    { display: none; }
#frame td br { display: block; }
table input {
height: 18px;
width: 200px;
} 
input[type='file'], input[type='submit'] {margin: 9px 0 !important;}
table input[type='submit'] {margin: 0 !important;}
/* Stage 2 */
#stage2 p {margin-bottom: 0 !important; }
#stage2 h2 {margin-top: 18px !important; }
#stage2 p.code {margin: 18px 0 18px 0 !important;}
#stage2 p.code:last-child {margin: 18px 0 0 0 !important;}
p.code {
padding: 17px !important;
line-height: 18px !important;
background-color: #F0F4FF !important;
border: 1px solid #E0E8F0 !important;
font-family: "Courier New", Monacom, Courier, mono !important;
font-weight: bold !important;
color: #B32D47 !important;
}
#stage2 p iframe {
display: none;
}
/* Stage 3 */
#logo {
padding: 0 !important;
margin: 0 0 18px !important;
}
img[src="/imgs/rososo.gif"] {
padding: 0 !important;
width: auto !important;
height: 72px !important;
}
#stage3 p:last-child {margin-bottom: 0px !important;}
#stage3 ul.bookmarks {padding: 0 !important; margin-bottom: 0px !important;}
#stage3 ul.bookmarks li:last-child {margin-bottom: 0 !important; }
ul.instructions {
margin: 18px 0 0 0 !important;
padding: 0 0 !important;
}
ul.instructions li {
font-size: 12px !important;
padding: 0 !important;
margin: 0 0 0 !important;
line-height: 18px;
}
}