@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('/is/in/the/house/images/league_gothic-webfont.eot');
    src: url('/is/in/the/house/images/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/is/in/the/house/images/league_gothic-webfont.woff') format('woff'),
         url('/is/in/the/house/images/league_gothic-webfont.ttf') format('truetype'),
         url('/is/in/the/house/images/league_gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body
{
	color: #000;
	background-color: #fff;
	font-family: helvetica,arial,sans-serif;
	font-size: small;
}

#container { margin-left:auto;margin-right:auto;width:980px }

h1
{
	color: black;
	font-size: medium;
	font-weight: bold;
	margin-top: 0px;
}

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

a:hover
{
	text-decoration: underline;
	color: #c00;
}
div#left a:hover { background: #fec; }
a:visited { color: #888; }
hr { margin: 2em 0 2em 0; }




div#left
{
	width: 174px;
	float: left;
	margin-right: 20px;
}

p.entry-header {
	margin: 0px;
	padding: 0px;
}
p.entry-header a {
	padding: .6em;
	display: block;
}

div#right
{
	width: 780px;
	float: left;
	margin-top: 14px;
}


.thumb
{
	width: 220px;
	float: left;
	margin-right: 33px;
	height: 220px;
}

.thumb a { color: #888; }
.thumb a:hover { color: #a00; text-decoration: none; }
.thumb img { padding: 2px; margin-bottom: 8px;}
.thumb a img { background-color: #eee; }
.thumb a:hover img { background-color: #fec; }

div#right p.recently {
	margin-top: 0px;
}

div#right.entry {
	width: 550px;
	margin-left: 50px;
}
div#right.entry a:hover {
	text-decoration: underline;
}



a.nav:hover { background: #fec; text-decoration: none; }
.nav { font-size: 50px; }
a.nav { margin: 0; color: #900;  width: 166px; padding-left: 10px; height: 87px; display: block; float: left; border-right: 1px solid #ccc;  }
#nav a#ti { font-size: 18px; width: 84px; } 
h2 { font-size: 60px; margin: 0; padding: 0; border-top: 1px solid #ccc; clear: both; height: 84px; }

#nav a.nav, h2 {
	font-family: LeagueGothicRegular; 
}

/* ie 6,7 hacks */
#nav a#ti, .nav { *font-size: 12px; *letter-spacing: 1px; *font-weight: bold;  }



/* css shaddow technique from from http://matthamm.com/box-shadow-curl.html */

ul.box {
margin: 0;
padding: 0; }

ul.box li {
list-style-type: none;
margin: 0 9px 70px 9px;
padding: 0;
width: 225px;
height: 145px;
border: 1px solid #efefef;
position: relative;
float: left;
background: #ffffff; /* old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* ie */
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); }

ul.box li:after {
z-index: -1;
position: absolute;
background: transparent;
width: 70%;
height: 55%;
content: '';
right: 10px;
bottom: 10px;
-webkit-transform: skew(15deg) rotate(5deg);
-webkit-box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.3);
-moz-transform: skew(15deg) rotate(5deg);
-moz-box-shadow: 8px 12px 10px rgba(0, 0, 0, 0.3); }

ul.box li:before {
z-index: -2;
position: absolute;
background: transparent;
width: 70%;
height: 55%;
content: '';
left: 10px;
bottom: 10px;
-webkit-transform: skew(-15deg) rotate(-5deg);
-webkit-box-shadow: -8px 12px 10px rgba(0, 0, 0, 0.3);
-moz-transform: skew(-15deg) rotate(-5deg);
-moz-box-shadow: -8px 12px 10px rgba(0, 0, 0, 0.3); }