h2
{
font-weight:normal; 
color:#000;
}

h3, .notice
{
color:#ccc;
font:normal 13px verdana; 
color:#000;
}

canvas 
{
    background: #fff;
}

.frame
{
    width:320px;
    height:320px;    
    background:#fff;
    position: relative;
}

.ascii-editor
{
    width:320px;  /*400 for IE*/
    height:290px;
    margin-top:20px;
    margin-left:5px;
    font-size: 13px;
    font-family: arial,'lucida grande',tahoma,verdana,sans-serif;            
    border:1px solid #fff;
    overflow:hidden;
}

.pull-left
{
    float:left;
}

.pull-right
{
    float:right;
}

#myCanvas, #myCanvas:active, #myCanvas:focus 
{ 
    cursor: pointer;
}        

.center{    
    text-align: center;
    margin:0 auto;
    display:inline-block;
}

.menuBtn{
font:normal 21px Arial;
margin-left:10px;
color:#000000;
background:#f2f2f2;
padding:12px 30px;
cursor:pointer;
}

.menuBtnActive{
    background:#404C7E;    
    color:#fff;
}

.notice{
    color:#eee;
    font:normal 13px verdana; 
    padding-top:10px;
}

.ico{    
margin-bottom:5px;
background:#f2f2f2;
border:0px solid #ffffff;
box-shadow:0px 0px 7px #000000;
-moz-box-shadow:0px 0px 7px #000000;
-webkit-box-shadow:0px 0px 7px #000000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
cursor:pointer;

width:28px;
height:28px;
}

.ico:hover{
box-shadow:0px 0px 20px #000000;
-moz-box-shadow:0px 0px 20px #000000;
-webkit-box-shadow:0px 0px 20px #000000;
}

.icoActive{
    background:#7EB4FF;
    color:#fff;
}


.colorBtn{    
font:normal 30px verdana;    
margin-bottom:5px;
background:#fefefe;
border:0px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
cursor:pointer;
}

.colorBtn:hover{
background:#404C7E;
color:#fff;
}

.serviceBtn{
margin-left:1px;    
font:normal 11px verdana;    
padding:4px 8px;
border:0px solid #ffffff;
box-shadow:0px 0px 3px #000;
-moz-box-shadow:0px 0px 3px #000;
-webkit-box-shadow:0px 0px 3px #000;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
cursor:pointer;
color:#000;
background:#f2f2f2;
}

.serviceBtn:hover, .serviceBtnActive{
background:#404C7E;
color:#fff;
}

.bkColorActive{
    background:#000;
    color:#fff;
}

/*#404C7E*/
.copied{
position:absolute;
top:50%;
left:40%;
padding:10px;
display:none;
color:#fff;
font:normal 15px verdana;
background:#404C7E;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
box-shadow:0px 1px 7px #000000;
-moz-box-shadow:0px 1px 7px #000000;
-webkit-box-shadow:0px 1px 7px #000000;
}

#ascii_win{
    position:relative;
    background:#fff;
    display:none;
    z-index: 1000;    
    margin-top:5px;
    padding:20px 0;
    border:1px solid #ccc;
}

#close{
position:absolute;
right:10px;
top:10px;
background:url(ascii/close.png) no-repeat;
width:16px;
height:16px;
border:1px solid #eee;
cursor: pointer;
}

#close:hover{
background:url(ascii/close_hover.png) no-repeat;
border:1px solid #000;
}


.pin{
margin-right:20px;
margin-bottom:20px;
position:relative;
padding-bottom: 7px;
background: #eee;
border: 1px solid #ccc;
cursor: pointer;
}

.pin:hover{
-moz-box-shadow: 0 6px 25px rgba(18, 102, 255, 1.0);
-webkit-box-shadow: 0 6px 25px rgba(18, 102, 255, 1.0);
box-shadow: 0 6px 25px rgba(18, 102, 255, 1.0);
}

.pin-img{
background:#fff; 
padding:10px 30px;
}

.pin-tag{
padding-top:5px;    
font:normal 13px verdana;
color:#333;
}

.pin-author{
padding-top:5px;    
font:normal 11px verdana;
color:#aaa;
}

#push_content{
    display:none;
    height:150px;
}

.alert2 {
color: #C09853;
text-align:center;
width:auto;
padding:10px 0;
max-width:400px;
background-color: #FCF8E3;
border-top: 1px solid #FBEED5;
border-bottom: 1px solid #FBEED5;
font:bold 13px verdana;
line-height:1.5em;
}

.alert2-success {
background: #DFF0D8 url(/css/img/success.png) no-repeat 10px 50%;
color: #468847;
border-color: #468847;
}

.alert2-error {
background: #EED3D7 url(/css/img/error.png) no-repeat 10px 50%;
color: #B94A48;
border-color: #B94A48;
}

.alert2-info {
padding:14px 20px;
color: #3A87AD;
background-color: #D9EDF7;
border-color: #BCE8F1;
}

.loading{
position:absolute;
padding-left:20px;
top:45%;
left:35%;
background: url(/css/img/wait.gif) no-repeat scroll 0 0 transparent;
}


.menuLinkActive  {
background:#000;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
color: #fff;
opacity:0.75;
filter: alpha(opacity = 75);
}

.menuLink:hover {
background:#333;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
color: #fff;
}

.ban{
position:absolute;
left:10px;
bottom:25px;
width: 16px;
height: 16px;
text-decoration: none;
background-image: url(/css/img/ban.png);
background-position: bottom;
}

.update{
position:absolute;
right:10px;
bottom:25px;
width: 16px;
height: 16px;
text-decoration: none;
background-image: url(/css/img/ban.png);
background-position: top;
}

.promote{
position:absolute;
right:10px;
bottom:4px;
width: 16px;
height: 16px;
text-decoration: none;
background-image: url(/css/img/promote.png);
background-position: bottom;
}


.edit {
float:left;
width: 16px;
height: 16px;
background-image: url(/css/img/edit.png);
background-position: bottom;
text-decoration: none;
}

.edit:hover{
background-position: top;
text-decoration: none;
}

.png {
float:left;
width: 16px;
height: 16px;
background-image: url(/css/img/png.png);
background-position: bottom;
text-decoration: none;
}

.star {
float:left;
position:absolute;
left:3px;
bottom:3px;
width: 16px;
height: 16px;
text-decoration: none;
}

.favorite {
background-image: url(/css/img/star.png);
background-position: bottom;
}

.user_favorite {
background-image: url(/css/img/star.png);
background-position: top;
}

.favorite:hover{
background-position: top;
text-decoration: none;
}