html,body{
padding:0;
margin:0;
border:0;
}

body{
background-color:#000;
font-family:verdana,arial,sans-serif;
}

#container{
background-color:#000;
width:320px;
height:360px;
margin:0;
position:relative;
}

#content{
background-color:#fff;
height:330px;
overflow:hidden;
}

#menu{
position:absolute;
top:330px;
height:30px;
}

#menu,.submenu{
width:100%;
text-align:center;
}

.submenu{
list-style-type: none;
padding: 0;
margin: 0;
display:block;
width:100%;
}

.submenu li{
display:inline;
padding:0;
margin:0;
}

#menu ul{
list-style-type: none;
padding: 0;
margin: 0;
display:block;
width:100%;
background-color:#000;
height:30px;
}

#menu li{
display:inline;
height:30px;
padding:0;
margin:0;
}

#menu a{
color:#fff;
font-weight:bold;
text-decoration:none;
margin: 0.5em;
}

#scroller{
position:absolute;
left:0px;
width:320px;
top:0px;
height:360px;
text-align:center;
background-color:#888;
opacity:0.95;
color:#fff;
}

#scroller .messages{
background-color:#444;
width:80%;
margin:auto;
margin-top:40px;
list-style-type:none;
text-align:left;
border:2px #111 solid;
padding:0;
}

#scroller .messages li{
margin:0;
border:0;
padding:0.2em 1em; 
}

#scroller a{
color:#fff;
font-weight:bold;
}

label{
font-weight:bold;
display:block;
}

.submit{
display:block;
}
.colorpicker{
margin-top:-173px;
}

.settingsPanel{
display:none;
}

label{
margin: 0.5em 0 0 0;
display:block;
}

label.radio{
font-weight:normal;
margin:0;
display:block;
font-size:0.9em;
}

input{
display:block;
}

input[type="radio"]{
float:left;
clear:left;
}

.submit{
margin: 1em 0 0 0;
}

#gallery, #gallery ul{
margin:0;
padding:0.5em;
border:0;
}

#gallery li{
padding:0.1em;
margin:0;
display:block;
float:left;
}

#gallery .thumb{
border:1px #ccc solid;
width:65px;
}

#gallery .thumb:hover{
border:1px #f08 solid;
}

#gallery .new a, #gallery .back a, #gallery .next a{
color:#fff;
font-weight:bold;
text-decoration:none;
border:1px #ccc solid;
width:65px;
height:47px;
display:block;
text-align:center;
padding-top:20px;
}

#gallery .new a{
background-color:#f00;
}

#gallery .next a{
background-color:#00a;
}

#gallery .back a{
background-color:#0a0;
}

#gallery .new a:hover, #gallery .back a:hover, #gallery .next a:hover{
background-color:#f08;
}

#settings{
padding:0.5em;
}

#menu .icons{
height:52px;
margin-top:-22px;
padding:0;
margin:0;
}

#menu .icons li{
padding:0;
margin:0;
}

#menu .icons a.selected{
border: 1px #666 solid;
}

#menu .icons .brush, #menu .icons .lines, #menu .icons .rectangles, #menu .icons .ellipses {
height:50px;
padding:;
margin:0 0.2em;
display:block;
float:left;
overflow:none;
text-indent:-1000px;
border: 1px #000 solid;
}

.brush{
background-image: url('../images/menuBrush.png');
width:40px;
}

.lines{
background-image: url('../images/menuLine.png');
width:40px;
}

.rectangles{
background-image: url('../images/menuSquare.png');
width:60px;
}

.ellipses{
background-image: url('../images/menuCircle.png');
width:52px;
}