body{
padding:0;
margin:0;
background-color:black;
background-image:url('../img/background.jpg');
background-repeat:no-repeat;
background-position:center;
background-size:100%;
background-attachment:fixed;
font-family:arial;
text-align:center;
}
img{
border:none;
}
@font-face {
font-family: "Riot";
src: url('../includes/riot.ttf');
}
a:link, a:hover, a:visited{
color:black;
text-decoration:none;
}
#container{
width:900px;
position:relative;
margin:0 auto 0 auto;
background-color:white;
opacity:0.9;
}
#container>#top{
text-align:left;
padding:0 10px 10px 10px;
}
#container>#top>#login{
padding:5px;
float:right;
}
#container>#top>#storename{
font-family:riot;
}
#container>#top>#navbar>ul{
list-style:none;
padding:0; 
margin:0;
}
#container>#top>#navbar>ul>li{
float:left;
display:inline;
margin:0 10px 0 10px;
}
#container>#top>#navbar>ul>li>ul{
position:absolute;
display:none;
list-style:none;
margin:0;
padding:0;
background-color:white;
opacity:0.8;
}
#container>#top>#navbar>ul>li>ul>li{
margin:0;
width:0;
width:100px;
padding-left:5px;
padding-bottom:5px;
display:block;
}
#container>#top>#navbar>#basket{
float:right;
}
#container>#main{

}
#container>#main>#banner>img{
width:900px;
}
#container>#main>#feature_items{
float:left;
width:900px;
position:relative;
}
#container>#main>#feature_items>#clothes{
width:600px;
float:right;
}
#container>#main>#feature_items>#clothes>h1.latest_additions{
color:black;
width:500px;
padding-left:50px;
border-bottom:2px dotted #372f2d;
}
#container>#main>#feature_items>#clothes>h1.home,h1.latest_additions{
color:#372f2d;
width:500px;
margin-left:50px;
border-bottom:2px dotted #372f2d;
}
#container>#main>#feature_items>#clothes>ul.home_items,ul.latest_additions{
list-style:none;
float:left;
display:inline;
width:600px;
}
#container>#main>#feature_items>#clothes>ul.home_items li,ul.latest_additions li{
width:250px;
margin:10px;
float:left;
display:inline;
}
#container>#main>#feature_items>#clothes>ul.home_items>li>#desc, ul.lastest_additions>li>#desc{
z-index:-5;
}
#container>#main>#feature_items>#twitter{
padding-top:30px;
float:left;
display:inline;
padding-left:10px;
}
#container>#main>#basket{
float:left;
width:900px;
}
#container>#main>#basket>ul{
text-align:left;
float:left;
list-style:none;
width:900px;
}
#container>#main>#basket>ul.basket>li{
float:left;
display:block;
position:relative;
width:900px;
height:100px;
}
#container>#main>#basket>ul.basket>li>a>img{
float:left;
display:inline;
width:80px;
}
#container>#main>#basket>ul.basket>li>a>#desc{
padding-top:30px;
width:400px;
text-align:center;
font-size:15px;
float:left;
display:inline;
}
#container>#main>#basket>ul.basket>li>a>#price{
float:left;
padding-top:33px;
display:inline;
width:200px;
text-align:center;
}
#container>#main>#basket>ul.basket>li>#remove{
margin-top:35px;
text-decoration:underline;
}
#container>#main>#basket>ul.basket>li>#remove>a{
color:#A60206;
}
#container>#main>#basket>ul.basket>li.label>#price{
float:left;
display:inline;
width:200px;
}
#container>#main>#basket>ul.basket>li.label{
height:20px;
margin-left:250px;
font-weight:bold;
}
#container>#main>#basket>ul.basket>li.label>#name{
float:left;
display:inline;
width:300px;
}
#container>#main>#basket>ul>li.info{
font-weight:bold;
font-size:20px;
}
#container>#main>#basket>ul>#total{
margin-left:540px;
width:90px;
text-align:center;
}
#container>#main>#social{
padding:10px;
width:900px;
position:relative;
float:left;
}
#container>#main>#social ul{
list-style:none;
padding:0;
margin:0;
}
#container>#main>#social ul li{
float:left;
display:inline;
position:relative;
}
#container>#main>form.login{
padding-top:20px;
width:900px;
float:left;
}
#container>#main>form.login>#input{
width:300px;
margin:0 auto 0 auto;
}
#container>#main>form.login>#input>#label{
float:left;
text-align:right;
display:inline;
width:100px;
}
#container>#main>#title{
font-size:20pt;
}
#container>#main>#admin{
width:900px;
float:left;
height:250px;
}
#container>#main>#admin>ul.admin{
text-align:left;
padding:10px;
padding-bottom:20px;
margin:0;
width:150px;
float:left;
list-style:none;
}
#container>#main>#admin>ul.admin>li{
padding:5px 0 5px 0;
}
#container>#main>#admin>#tables{
overflow:auto;
float:left;
display:inline;
width:730px;
height:250px;
box-shadow:inset 5px 5px 5px #888;
}
#container>#main>#admin>#tables>form.additem,
#container>#main>#admin>#tables>form>#itemid,
#container>#main>#admin>#tables>form>#itemname,
#container>#main>#admin>#tables>form>#menuname,
#container>#main>#admin>#tables>form>#itemprice,
#container>#main>#admin>#tables>form>input,
#container>#main>#admin>#tables>form>p.label{
display:inline;
}
#container>#main>#admin>#tables>table>td.green{
background:#00e000;
}
#container>#main>#admin>#tables>table.administration>tbody>tr>td.red{
background:#ff0000;
}
#container>#main>#item{
text-align:left;
}
h1.message{
color:red;
font-size:16px;
text-align:center;
}
#container>#main>#item>#nav{
text-align:left;
display:block;
}
#container>#main>#item>#nav>ul.item{
list-style:none;
}
#container>#main>#item>#nav>ul.item>li{
float:left;
display:inline;
padding:0 10px 0 10px;
}
#container>#main>#item>#editDisplay{
text-align:center;
}
#container>#main>#item>ul{
float:left;
width:900px;
list-style:none;
}
#container>#main>#item>ul>li{
display:inline;
float:left;
width:230px;
height:270px;
padding:10px;
text-align:center;
}
#container>#main>#item>#itempage{
width:900px;
float:left;
display:block;
}
#container>#main>#item>#itempage>#image{
text-align:center;
width:250px;
float:left;
}
#container>#main>#item>#itempage>#ItemName{
font-size:16pt;
border-bottom:1px dotted;
display:inline;
}
#container>#main>#item>#itempage>#ItemDesc{
margin-top:10px;
width:400px;
float:left;
}
#container>#main>#item>#itempage>#ItemPrice{
color:#ff0000;
width:200px;
float:left;
text-align:center;
margin-top:10px;
}
#container>#main>#item>#itempage>form{
float:left;
width:200px;
margin-top:10px;
margin-left:20px
}
#container>#main>#item>#itempage>form>input{
margin:5px;
}
#container>#main>#footer{
padding-top:0px;
text-align:left;
position:relative;
width:900px;
}
#container>#main>#footer ul.info{
list-style:none;
height:90px;
}
#container>#main>#footer ul.info li{
display:block;
padding:2px;
padding-right:10px;
}
#container>#main>#footer ul.info li.logo{
float:right;
margin-top:-130px;
}
#container>#main>#footer>#disclaimer{
text-align:center;
font-size:10px;
}