Tag Page 001d

<!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>

<!------
TAG PAGE 001d
wolfwrecked [ohcodey.tumblr.com]

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

----->


<title>Tags Page</title>
<link rel="shortcut icon" href="{Favicon}"/>

<link href='http://fonts.googleapis.com/css?family=Signika+Negative' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Arvo' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>


<style type="text/css">

/* BORDER COLOURS */
/*Change the HEX CODES below to alter the colours of the columns & the Header's coloured trim*/

.header {border-bottom-color:#ffe26e;}
.column1 h4, .column1 a:hover {border-bottom-color:#4ebce0; color:#4ebce0;}
.column2 h4, .column2 a:hover {border-bottom-color:#C7F464; color:#C7F464;}
.column3 h4, .column3 a:hover {border-bottom-color:#ff6eab; color:#ff6eab;}


/* CSS */

body {
	background-color:#f6f6f6;
	margin:0;
	font-family: 'Signika Negative', sans-serif;
	}


.contain {
		width:740px;
		margin:10px auto 0 auto;
		overflow:auto;
		}

a {
	text-decoration: none;
	text-align:center;
	text-transform:uppercase;
	font-size:10px;
	color:#777777;
	}

.header {
	width: 100%;
	height:50px;
	background-color:#222222;
	margin:100px auto 0 auto;
	padding: 5px 0 0 0;
	color:#ffffff;
	font-size:36px;
	text-align:center;
	font-family: 'Arvo', serif;
	border-bottom-width:5px;
	border-bottom-style:solid;
	}

.subhead {
	padding:5px 0;
	background:#ffffff;
	width: 100%;
	text-align:center;
	font-size:8px;
	color:#eeeeee;
	letter-spacing:+2px;
	}

.subhead a {font-size:9px;
	letter-spacing:+4px;
	color:#bbb;}

.column1 {
	width:220px;
	float:left;
	margin:10px;

	}

.column1 h4{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	letter-spacing:+2px;
	font-size:16px;
	display:block;
	background-color:#222222;
	text-transform:uppercase;
	color:#ffffff;
	text-align:center;
	padding:5px;
	width:210px;
	margin:0;
	border-bottom-width:5px;
	border-bottom-style:solid;

	}

.column1 a {
	display:block;
	padding:5px;
	width:210px;
	background-color:#ffffff;
	margin:2px 0;
	transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	}

.column1 a:hover {
	background-color:#f6f6f6;
	letter-spacing:+2px;
	transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	}

.column2 {
	width:220px;
	float:left;
	margin:10px;
	}

.column2 h4{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	letter-spacing:+2px;
	font-size:16px;
	display:block;
	background-color:#222222;
	text-transform:uppercase;
	color:#ffffff;
	text-align:center;
	padding:5px;
	width:210px;
	margin:0;
	border-bottom-width:5px;
	border-bottom-style:solid;
	}

.column2 a {
	display:block;
	padding:5px;
	width:210px;
	background-color:#ffffff;
	margin:2px 0;
	transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	}

.column2 a:hover {
	background-color:#f6f6f6;
	letter-spacing:+2px;
	transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	}

.column3 {
	width:220px;
	float:left;
	margin:10px;
	}

.column3 h4{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:normal;
	letter-spacing:+2px;
	font-size:16px;
	display:block;
	background-color:#222222;
	text-transform:uppercase;
	color:#ffffff;
	text-align:center;
	padding:5px;
	width:210px;
	margin:0;
	border-bottom-width:5px;
	border-bottom-style:solid;

	}

.column3 a {
	display:block;
	padding:5px;
	width:210px;
	background-color:#ffffff;
	margin:2px 0;
	transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	}

.column3 a:hover {
	background-color:#f6f6f6;
	letter-spacing:+2px;
	transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	}


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

::selection {
		background-color:#ffffff;
		color:#000000;
		}

::-moz-selection {
		background-color:#ffffff;
		color:#000000;
		}

::-webkit-scrollbar {
		width:5px;
		height:auto;
		background:#eeeeee;};
		}

::-webkit-scrollbar-corner {
		background:#eeeeee;;
		}

::-webkit-scrollbar-thumb:vertical {
		background:#cccccc;
		}

::-webkit-scrollbar-thumb:horizontal {
		background:#cccccc;
		}

</style>
</head>

<body>

<div class="header">TAGS PAGE YO</div>
<div class="subhead">
<a href="/">home</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="www.tumblr.com/dashboard">dash</a>
</div>

<div class="contain">

<div class="column1">

<h4>COLUMN 1 HEADER HERE</h4>
<a href="LINK">LINK NAME</A>
<a href="LINK">LINK NAME</A>
<a href="LINK">LINK NAME</A>

</div>

<div class="column2">

<h4>COLUMN 2 HEADER HERE</h4>
<a href="LINK">LINK NAME</A>
<a href="LINK">LINK NAME</A>
<a href="LINK">LINK NAME</A>

</div>


<div class="column3">

<h4>COLUMN 3 HEADER HERE</h4>
<a href="LINK">LINK NAME</A>
<a href="LINK">LINK NAME</A>
<a href="LINK">LINK NAME</A>

</div>


</div>

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


</body>

</html>