Ad Acta / Blue

<!doctype html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Raleway:300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Sacramento' rel='stylesheet' type='text/css'>

<style>
body {
	margin: 0;
	margin-top: 150px;
    padding: 0;
	background-color: #FFFFFF;
}

/* unvisited link */
a:link {
    color: black;
	text-decoration:none;
}

/* visited link */
a:visited {
    color: black;
	text-decoration:none;
}

/* mouse over link */
a:hover {
    color: #BFE3FD;
}

/* selected link */
a:active {
    color: black;
	text-decoration:none;
}

div {
	margin-right:auto;
	margin-left:auto;
	width: 500px;
}

.nav {
	font-family: 'Raleway', sans-serif;
	font-size: 11px;
	padding-bottom: 5px;
}

.nav a:hover {
	text-decoration:line-through;
}

span {
	float: right;
}

.content {
	margin-top: 10px;
}

.one {
	width: 45%;
	float: left;
	margin-left: 5px;
}

.two {
	width: 45%;
	float: right;
	margin-right: 5px;

}

table {
	border: 1px dotted #74C4FF;
	text-align:center;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	width: 100%;
	border-radius: 5px;
}

th {
	font-family: 'Sacramento', cursive;
	font-size:16px;
}

tr {
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
}

.alt {
	transition: background-color 0.5s ease;
	background-color: #E0F2FF;
}

.alt:hover {
	background-color: #fff;
}


</style>

<meta charset="utf-8">
<title>Ad Acta</title>
</head>

<body>
<div class="nav">
<a href="/">home</a> //
<a href="/ask">ask</a> //
<a href="http://www.tumblr.com">dash</a> //
<a href="http://theladyherald.tumblr.com">theme</a>

<span>last updated: 1/28/2015 </span>
</div>

<div class="header">
	<center>
    <!--Customizable Header. Add link to image below. 500x155-->
	<img src="https://36.media.tumblr.com/88abd0c1d27cc97b5b613bdfc593b886/tumblr_niwdmzjdSF1rkewvxo2_500.png">
	</center>
</div>

	<div class="content">

	<div class="one">
	<table>
    <tr><th>TV Shows</th></tr>
    <tr><td class="alt"><a href="/">The Musketeers</a></td></tr>
    <tr><td><a href="/">Agent Carter</a></td></tr>
    <tr><td class="alt"><a href="/">Constantine</a></td></tr>
    <tr><td><a href="/">Teen Wolf</a></td></tr>
    </table>

	<table>
    <tr><th>Movies</th></tr>
    <tr><td class="alt"><a href="/">The Avengers</a></td></tr>
    <tr><td><a href="/">Guardians of the Galaxy</a></td></tr>
    <tr><td class="alt"><a href="/">The Mummy</a></td></tr>
    <tr><td><a href="/">Selma</a></td></tr>
    </table>

   	<table>
    <tr><th>Video Games</th></tr>
    <tr><td class="alt"><a href="/">The Wolf Among Us</a></td></tr>
    <tr><td><a href="/">Destiny</a></td></tr>
    <tr><td class="alt"><a href="/">Uncharted</a></td></tr>
    <tr><td><a href="/">The Order 1886</a></td></tr>
    </table>

<!--Add more to the first column here!-->

   	</div>

    	<div class="two">
	<table>
    <tr><th>TV Shows</th></tr>
    <tr><td class="alt"><a href="/">The Musketeers</a></td></tr>
    <tr><td><a href="/">Agent Carter</a></td></tr>
    <tr><td class="alt"><a href="/">Constantine</a></td></tr>
    <tr><td><a href="/">Teen Wolf</a></td></tr>
    </table>

	<table>
    <tr><th>Movies</th></tr>
    <tr><td class="alt"><a href="/">The Avengers</a></td></tr>
    <tr><td><a href="/">Guardians of the Galaxy</a></td></tr>
    <tr><td class="alt"><a href="/">The Mummy</a></td></tr>
    <tr><td><a href="/">Selma</a></td></tr>
    </table>

   	<table>
    <tr><th>Video Games</th></tr>
    <tr><td class="alt"><a href="/">The Wolf Among Us</a></td></tr>
    <tr><td><a href="/">Destiny</a></td></tr>
    <tr><td class="alt"><a href="/">Uncharted</a></td></tr>
    <tr><td><a href="/">The Order 1886</a></td></tr>
    </table>

<!--Add more to the second column here!-->

<!-- Copy and paste this code to add more:

	<table>
    <tr><th>TAG HEADING</th></tr>
    <tr><td class="alt"><a href="link here">Tag</a></td></tr>
    <tr><td><a href="link here">Tag</a></td></tr>
    <tr><td class="alt"><a href="link here">Tag</a></td></tr>
    <tr><td><a href="link here">Tag</a></td></tr>
    </table>

-->

   	</div>

	</div>

</body>
</html>