/* Produced by Ian Atkins */
/* for Ben Hughes : MAID 2009 */
/* http://www.kith-kin.co.uk */

body {
padding:0px;
margin:0px;
overflow: -moz-scrollbars-vertical;
font-family:Arial, Helvetica, sans-serif;
}

a {
outline:none;
color:#000000;
}

img {
border:0px;
}

.clear {
clear:both;
}

#container {
width:740px;
margin-left:auto;
margin-right:auto;
padding:0px;
margin-top:0px;
position:relative;
}

#header {
height:160px;
}

#logo {
position:absolute;
left:135px;
width:221px;
height:53px;
}

#menu {
width:135px;
background-color:#FFFFFF;
float:left;
}

#menu a {
text-decoration:none;
color:#232021;
display:block;
padding-right:30px;
}

#menu ul {
margin:0px;
padding:0px;
width:135px;
}

#menu li {
list-style-type:none;
height:25px;
line-height:25px;
font-size:11px;
font-weight:bold;
text-align:right;
text-transform:uppercase;
}

#menu li:hover {
color:#FFFFFF;
background-color:#232021;
}

#menu li:hover a{
color:#FFFFFF;
}

#menu li.selected {
color:#FFFFFF;
background-color:#000000;
position:relative;
}

#menu li.selected a {
color:#FFFFFF;
}

#submenu {
background-color:#232021;
margin-bottom:150px;
position:absolute;
right:-135px;
width:135px;
top:0;
}

#submenu.about {
margin-top:50px;
}

#submenu.links {
margin-top:150px;
}

#submenu ul {
margin:0px;
padding:0px;
}

#submenu li {
list-style-type:none;
height:25px;
line-height:25px;
font-size:11px;
font-weight:bold;
text-align:left;
}

#submenu li.selected a{
background-color:#000000;
}


#submenu li:hover {
color:#FFFFFF;
background-color:#000000;

}

#submenu li:hover a{
color:#FFFFFF;
text-decoration:none;
}

#submenu li.selected {
color:#FFFFFF;
background-color:#232021;
}

#submenu li.selected a {
color:#FFFFFF;
}

#submenu a {
text-decoration:none;
color:#FFFFFF;
padding-left:30px;
display:block;
}

#content {
font-size:12px;
color:#231F20;
background-color:#FFFFFF;
margin-bottom:50px;
overflow:visible;
float:right;
width:380px;
}

#content.trans {
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
margin-top:120px;
width:380px;
float:right;
}

#content.right {
width:380px;
float:right;
}

#content.right .pad , #content.trans .pad{
padding:30px;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
}

#content.blog .image {
width:400px;
overflow:hidden;
float:left;
}

#content.blog .pad {
float:right;
width:190px;
}

#archive {
font-size:12px;
color:#231F20;
background-color:#FFFFFF;
float:right;
width:500px;
filter:alpha(opacity=80);
opacity: 0.8;
-moz-opacity:0.8;
margin-top:120px;
}

.pad {
padding:30px;
}

#content.archive a {
color:#000000;
}

#content.right a {
color:#000000;
}

#projects.left {
float:left;
width:222px;
font-size:11px;
}

#projects.left ul {
margin:0px;
padding:0px;
list-style-type:none;
clear:both;
}

#projects.left li {
float:left;
padding:0px;
margin:0px;
width:110px;
height:110px;
border-left:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
background-color:#232021;
overflow:hidden;
text-align:center;
margin-left:auto;
margin-right:auto;
}

#projects li img {
vertical-align:middle;
text-align:center;
margin-left:auto;
margin-right:auto;
}

h1 {
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}

h1.heading {
margin-top:-25px;
margin-bottom:30px;
}

h2 {
font-size:12px;
font-weight:bold;
}

h3 {
margin-bottom:0px;
font-size:11px;
text-transform:uppercase;
}

.margin {
margin-left:136px;
}

#footer {
width:221px;
background-color:#232021;
float:left;
}



#footer ul {
margin:0px;
padding:0px;
text-align:right;
}

#footer li {
float:left;
list-style-type:none;
margin:0px;
width:50%;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#FFFFFF;
text-align:right;

}

#footer a {
text-decoration:none;
color:#FFFFFF;
}

#footer a:hover {
text-decoration:underline;
color:#FFFFFF;
}

#footer .pad {
text-align:right;
padding:15px;
font-size:10px;
color:#FFFFFF;
}

#login {
width:220px;
background-color:#232021;
margin-top:20px;
display:none;
}

#login hr {
margin-top:10px;
margin-bottom:10px;
border:0px solid #FFFFFF;
height:1px;
background-color:#FFFFFF;
padding:0px;
}

#login h2 {
margin-top:0px;
}

#login .pad {
text-align:right;
padding:15px;
font-size:10px;
color:#FFFFFF;
}

#login form {
padding:0px;
margin:0px;
clear:both;
}

#login form div.left {
float:left;
width:92px;
}

#login form div.left #username {
border-right: 2px solid #232021;
width:85px;
}

#login form input {
width:92px;
border:0px;
background-color:#000000;
color:#FFFFFF;
font-size:11px;
margin-top:8px;
margin-bottom:15px;
text-align:right;
padding-right:5px;
height:18px;
}

#login form input.login {
font-weight:bold;
text-transform:uppercase;
}

#login form label {
display:block;
text-transform:uppercase;
font-weight:bold;
width:92px;
}

/* skull logo */
#skull {
margin-left:44px;
margin-top:30px;
cursor:pointer;
margin-bottom:20px;
display:block;
}

/* record navigation */
#nav {
background-color:#232021;
margin-top:50px;
color:#999999;
margin-left:30px;

}

#content #nav .pad {
padding:10px;
background-color:#232021;
clear:both;
}

#nav ul {
margin:0px;
padding:0px;
margin-left:0px;
list-style-type:none;
clear:both;
}

#nav ul li {
float:left;
width:80px;
text-transform:uppercase;
}

#nav ul li.right {
text-align:right;
}

#content #nav ul li a {
color:#FFFFFF;
text-decoration:none;
}

#content #nav ul li a:hover {
text-decoration:underline;
}

/* ual logo */

#arts {
float:right;
}

/* students */

#students {
margin:0px;
padding:0px;
margin-bottom:20px;
}

#students li {
float:left;
list-style-type:none;
line-height:25px;
width:50%;
}

#students li a {
text-decoration:none;
}