Icons Page 004

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!------
ICONS PAGE 004
ohcodey.tumblr.com [wolfwrecked]

Please observe common theme sharing etiquette:
:you may alter but do not remove credit
:do not use as a base or redistibute
:etc

----->


<title> icons page </title>


<link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Muli' rel='stylesheet' type='text/css'>


</head>

<style type="text/css">

a {color:#888888; text-decoration:none;}

body {
	font-family: 'Ubuntu Mono', sans serif ;
	font-size:10px;
	text-align:justify;
	color:#333333;
	}

.container {
	width:530px;
	padding:3px;
	margin-left:100px;
	margin-top:75px;
	letter-spacing:+1px;
	margin-bottom:100px;
	overflow:auto;
	float:left;
}

.side {
	width:150px;
	height:100%;
	position:fixed;
	padding-top:78px;
	left:716px;
	border-left:5px solid #000;
	letter-spacing:+1px;
	font-size:8px;
	color:#eee;
	}

.side a {
	display:block;
	width:150px;
	border-bottom:5px solid #000;
	text-align:left;
	color:#222;
	text-align:center;
	padding-top:10px;
	font-size:7pt;
	height:18px;
	margin-right:20px;
	text-transform:uppercase;
}

.side a:hover {background-color:#3c4dcc;color:#eee;}

.container img {float:left; margin:3px;}


::selection {
	background:#5a8ffb;
	color:#ffffff;
	}
::-moz-selection {
	background:#5a8ffb;
	color:#ffffff;
	}
::-webkit-selection {
	background:#5a8ffb;
	color:#ffffff;
}
::-webkit-scrollbar {
	width:10px;
	height:auto;
	background:#ffffff;;
}

::-webkit-scrollbar-corner {background:#ffffff;}
::-webkit-scrollbar-thumb:vertical {background:#eeeeee;	}
::-webkit-scrollbar-thumb:horizontal {background:#eeeeee;}
::-webkit-scrollbar-thumb:hover {background:#ffffff;}

.credit {
		padding:10px;
		font-size:10px;
		position:fixed;
		bottom:10px;
		right:15px;
		font-size:12pt;
		}

.credit a {color:#ccc;}

</style>


<body>


<div class="container">


<!--

just add your icons in immediately below!!


-->


<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">
<img src="">


</div>


<div class="side">

<img src="SIDEBAR IMG LINK GOES HERE, SHOULD BE 150PX WIDE">

<a href="/">home</a> <a href="/">link</a> <a href="/">link</a>


</div>


<div class="credit">
<a href="http://ohcodey.tumblr.com">&copy;</a>
</div>
</body>