body {
background : #c0c0c0;
font : normal 13px 'Lucida Grande', Helvetica, Arial, sans-serif;
line-height : 1.4;
color : #31324e;
margin : 0;
padding : 0 30px;
}
.wide {
width : 100%;
min-width : 100%;
max-width : 100%;
}
a img {
border-width : 0;
}
a {
color : #31324e;
}
p, ul, blockquote {
margin-top : 20px;
margin-bottom : 20px;
}
ul ul, ul ol, ol ul, ol ol {
margin : 5px 0;
}
form {
margin : 0;
padding : 0;
display : inline;
}
*, *:active, *:focus {
outline : 0;
outline-style : none;
outline-width : 0;
}
.clear {
clear : both;
height : 1px;
}
input, select {
font : normal 13px 'Lucida Grande', Helvetica, Arial, sans-serif;
color : #31324e;
}
select {
border : 1px solid #bbb;
}
input.text_field, textarea {
border : 1px solid #bbb;
padding : 7px;
font : normal 13px 'Lucida Grande', Helvetica, Arial, sans-serif;
color : #31324e;
background : #fff;
outline : 0;
margin : 0;
border : 1px solid #bbb;
}
input.text_field:disabled, textarea:disabled {
background : #f5f5f5;
}
input.text_field.big {
font-size : 24px;
}
input.text_field.huge {
border-color : #bbbbbb;
font : normal 50px Georgia;
border-radius : 8px;
}
input.text_field.huge:focus {
background : #f3faff;
border-color : #b7c7d3;
}
h1 {
font-family : Arial;
color : #31324e;
margin : 0 0 30px 0;
padding : 0;
font-weight : bold;
font-size : 40px;
line-height : 28px;
letter-spacing : -1px;
}
h1 a {
color : #3e4752;
}
h2 {
font-weight : bold;
font-size : 22px;
padding : 0;
margin : 25px 0 15px 0;
color : #31324e;
}
#container {
margin : auto;
width : 690px;
z-index : 1;
}
#header {
height : 90px;
position : relative;
z-index : 80;
}
#logo {
width : 248px;
height : 53px;
position : absolute;
left : 20px;
top : 18px;
}
#nav {
position : absolute;
right : 20px;
top : 17px;
font-size : 11px;
}
#nav a {
margin-left : 20px;
color : #c0c0c0;
text-decoration : none;
}
#nav a:hover {
color : #c0d1e0;
}
#content_tab {
background-color : #31324e;
border-right : 2px solid #31324e;
position : absolute;
right : 0;
bottom : 0;
font-size : 22px;
color : #c0c0c0;
height : 40px;
line-height : 40px;
border-top-right-radius : 20px;
padding-right : 23px;
z-index : 90;
}
#content_tab a {
color : #e9f0f7;
text-decoration : none;
}
#content_tab a:hover {
color : #fff;
}
#content_tab_arrow {
width : 9px;
height : 5px;
vertical-align : 4px;
margin-left : 6px;
}
#content_tab_left {
width : 54px;
height : 40px;
left : -54px;
top : 0;
position : absolute;
}
#content_tab_menu {
background-color : #202b35;
position : absolute;
left : -100px;
top : 40px;
right : -2px;
color : #000;
border-radius : 20px;
border-top-right-radius : 0;
padding : 8px 10px;
border-left : 2px solid #19242c;
border-right : 2px solid #19242c;
border-bottom : 2px solid #19242c;
font-weight : normal;
z-index : 100;
}
#content_tab_menu a {
display : block;
font-size : 16px;
line-height : 20px;
border-bottom : 1px solid #1a252e;
padding : 7px 10px;
color : #e9f0f7;
letter-spacing : 0;
text-shadow : #000 0 0 0;
overflow : hidden;
}
#content_tab_menu a:hover {
background-color : #1a252e;
}
#content_tab_menu a#create_tumblelog_link {
color : #7c8ea2;
font-size : 13px;
font-weight : bold;
border-width : 0;
overflow : hidden;
white-space : nowrap;
}
#content_tab_menu .unread_count {
font-size : 12px;
padding : 0 5px;
font-weight : bold;
float : right;
background-color : #d32a2a;
border-radius : 3px;
margin-left : 10px;
text-shadow : none;
}
#content_container {
background : #31324e;
padding : 15px;
border-radius : 20px;
border-top-right-radius : 0;
}
#content {
border-radius : 10px;
background-color : #fff;
padding : 30px;
}
ul.errors {
list-style-type : none;
margin : 30px 0;
padding : 0;
color : #c00;
font-weight : bold;
font-size : 18px;
}
ul.errors li {
margin : 15px 0 15px 0;
padding : 0;
}
#footer {
margin-top : 20px;
text-align : center;
color : #c0c0c0;
font-size : 11px;
}
#footer a {
margin-left : 15px;
color : #c0c0c0;
white-space : nowrap;
text-decoration : none;
}
.bubble {
background-color : #31324e;
border-radius : 10px;
padding : 25px;
border-bottom : 2px solid #dddddd;
color : #c0c0c0;
}
.bubble a {
color : #c0c0c0;
}
.bubble h2 {
font-family : Arial, Helvetica;
font-size : 24px;
line-height : 18px;
font-weight : bold;
color : #333333;
margin : 0 0 15px 0;
}
.bubble p {
color : #777777;
font-size : 11px;
line-height : 15px;
margin : 10px 0;
}
img#loading {
width : 16px;
height : 16px;
margin-left : 10px;
vertical-align : -3px;
}
.positive_notice, .negative_notice {
border-radius : 10px;
padding : 10px;
text-align : center;
font-size : 16px;
margin : 30px 0;
}
.positive_notice {
background-color : #d5eeaa;
border : 3px solid #c0e979;
color : #4f940f;
}
.positive_notice a {
color : #4f940f;
}
.negative_notice {
background-color : #ffd3d3;
border : 3px solid #ffafaf;
color : #c00;
}
.negative_notice a {
color : #c00;
}
.notice {
background-color : #4a5b6e;
color : #fff;
text-align : center;
border-radius : 10px;
padding : 15px;
}
.notice a {
color : #fff;
}
button.positive, button.negative, button.generic, input.generic {
margin : 0;
background-color : #f5f5f5;
border : 1px solid #ccc;
border-top : 1px solid #ddd;
border-left : 1px solid #ddd;
font : normal 15px Helvetica, Arial, sans-serif;
color : #565656;
cursor : pointer;
line-height : 36px;
height : 36px;
padding : 0 14px 0 12px;
width : 1px;
overflow : visible;
border-radius : 5px;
}
button.positive[class], button.negative[class], button.generic[class], input.generic[class] {
width : auto;
}
button.positive img, button.negative img {
vertical-align : -3px;
border-width : 0;
margin-right : 2px;
width : 16px;
height : 16px;
}
button.negative {
color : #d12f19;
}
button.negative:hover {
background : #fbe3e4;
border : 1px solid #fbc2c4;
color : #d12f19;
}
button.positive {
color : #529214;
margin-right : 10px;
}
button.positive:hover {
background-color : #e6efc2;
border : 1px solid #c6d880;
color : #529214;
}
button.generic, input.generic {
color : #777;
margin-right : 10px;
}
button.generic:hover, input.generic:hover {
background-color : #c2daf0;
border : 1px solid #9bbae2;
color : #145591;
}
.big_button {
margin : 0;
border : 1px solid #ccc;
border-top : 1px solid #ddd;
border-left : 1px solid #ddd;
font-size : 22px;
color : #c0c0c0;
cursor : pointer;
line-height : 42px;
height : 42px;
padding : 0 15px;
overflow : visible;
border-radius : 5px;
background : #31324e;
border-width : 0;
border-right : 1px solid #31324e;
border-bottom : 1px solid #31324e;
text-shadow : #719e03 1px 1px;
}
.big_button:hover {
background : #c0c0c0;
color : #31324e;
}
.account_form label {
font-size : 20px;
padding : 0;
margin : 30px 0 7px 0;
color : #323c42;
display : block;
}