/* global setting go here */

body {
font-size: 62.5%;
font-family: Verdana;
}

a.white:link {color: #aaa;}			/* link colours for dark pages */
a.white:visited {color: #aaa;}
a.white:hover {color: #1ee; }
a.white:active {color: #099}

a.black:link {color: #111;}		/* link colours for bright pages */
a.black:visited {color: #111;}
a.black:hover {color: #199}
a.black:active {color: #088}


							/* All DIVS go here in the order of apperance */
div#main {
z-index : 0;
position : fixed;
width : 100%;
height : 100%;
left : 0;
top : 0;
background : #222020;
}

div#menu_container {
z-index : 2;
position: fixed;
left : 50px;
top : 50px;
padding: 0px;
/* opacity: 0.8; */
/* background-color: none; */
border: none;
}

div#logo {
width: 100%;
height: 1.3em;
padding-bottom: .2em;
position: relative;
/* background-color: none; */
padding-top: .1em;
margin-right: .5em;
}

div#content {
z-index : 1;
position : absolute;
width : 100%;
height : 100%;
left : 0;
top : 0;
}



h1 {								/* Monocultured.com on the main page*/
display: block;
font-weight: bold;
text-indent: .5em;
margin-top: 0em;
margin-bottom: 0em;
margin-right: .5em;
height: 1.3em;
font-size: 1.1em;
/* background-color: none; */
color: #ccc;
}



p.work_description_white {			/* work description on a dark background */
display: block;
/* background-color: none; */
text-indent: 0;
font-weight: normal;
margin-top: 0em;
margin-right: .5em;
margin-bottom: 0em;
margin-left: 0em;
padding-top: .2em;
padding-right: .5em;
padding-bottom: .5em;
padding-left: .5em;
line-height: 1.3em;
letter-spacing: .1em;
word-spacing: -.1em;
text-indent: .5em;
font-size: 1.1em;
width: 400px;
color: white;
}

p.work_description_black {			/* work description on a light background */
display: block;
/* background-color: none; */
text-indent: 0;
font-weight: normal;
margin-top: 0em;
margin-right: .5em;
margin-bottom: 0em;
margin-left: 0em;
padding-top: .2em;
padding-right: .5em;
padding-bottom: .5em;
padding-left: .5em;
line-height: 1.3em;
letter-spacing: .1em;
word-spacing: -.1em;
text-indent: .5em;
font-size: 1.1em;
width: 400px;
color: white;
}

div.menu_main {
float: top;
/* background-color: red; */
width: 400px;
margin-bottom: .7em;
}


p.menu_title {
display: block;
/* background-color: none; */
text-indent: .5em;
font-weight: bold;
margin-top: .3em;
margin-bottom: .3em;
margin-right: .5em;
font-size: 1.1em;
color: #ccc;
}

li {
color: white;
word-spacing: -.1em;
font-size: 1.1em;
line-height: 1.3em;
letter-spacing: .1em;
word-spacing: -.1em;
}

ul.black li {
color: black;
word-spacing: -.1em;
font-size: 1.1em;
line-height: 1.3em;
letter-spacing: .1em;
word-spacing: -.1em;
}


							/* It's all about the unordered lists, baby! */


ul {
list-style-type: none;
padding-left: .5em;
padding-right: .5em;
margin-top: 0px;
margin-bottom: .5em;
margin-right: .5em;
/* background-color: none; */
}


#ul_work li{
display: inline;
font-weight: normal;
margin-top: .3em;
margin-bottom: .3em;
}

#ul_work {
margin-top: .3em;
margin-bottom: .3em;
}


								/* image information goes here */

img.hor_image {
width : 100%;
}

img.ver_image {
width: 50%;
float: left;
}

img.square_image {
height: 100%;
float: right;
}