/*
     FILE ARCHIVED ON 12:59:52 Nov 1, 2013 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:57:41 Sep 28, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@charset "UTF-8";
/* CSS Document */

body{
background-color:#ccc;
}

@font-face {
    font-family: 'BodoniStdPosterItalic';
    src: url('fonts/bodonistd-posteritalic-webfont.eot');
    src: url('fonts/bodonistd-posteritalic-webfont.eot') format('embedded-opentype'),
         url('fonts/bodonistd-posteritalic-webfont.woff') format('woff'),
         url('fonts/bodonistd-posteritalic-webfont.ttf') format('truetype'),
         url('fonts/bodonistd-posteritalic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    }

@font-face {
    font-family: 'BrandonGrotesqueRegularRg';
    src: url('fonts/brandon_re-webfont.eot');
    src: url('fonts/brandon_re-webfont.eot') format('embedded-opentype'),
         url('fonts/brandon_re-webfont.woff') format('woff'),
         url('fonts/brandon_re-webfont.ttf') format('truetype'),
         url('fonts/brandon_re-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;

}
#coming_soon {
	position: fixed;
	top: 105px;
	right: 35px;
	width: 170px;
	z-index: 99999;

}

#top,#bottom,#left,#right {
position:fixed;
background:#cccccc;
}
#top,#bottom {
left:0;
width:100%;
height:22px;
}
#top {
top:0;
}
#bottom {
bottom:0;
z-index:99998;
}
#left,#right {
top:0;
height:100%;
width:22px;
}
#left {
left:0;
}
#right {
right:0;
}

#title{
position: fixed;
text-align: center;
left: 30px;
right: 30px;
top: 55px;
}

#titlehr{
margin:20px auto 0px;
bottom:0px;
width:88%;
}

#wrapper{
background-color:#ffffff;
width:98%;
height:auto;
overflow:auto;
padding:0px;
margin:0px auto 20px;
}

#headertop{
height:22px;
background-color:#ccc;
left: 0px;
right: 0px;
position:fixed;
}

#wrapper #header{
padding: 0px;
height: 230px;
left: 0px;
right: 0px;
width: 96%;
width: 97%; /* seems to work better */
overflow: auto;
position: fixed;
top: 0px;
margin: 0px auto 0px;
background-color: white;
z-index:99999;
}

#header #navigation{
height: 38px;
position: fixed;
top: 12px;
margin: 10px 0px 0px 0px;
padding: 15px 0px 0px 0px;
width: 96%;
}

#header #navigation #navLeft a{
font-family: 'BrandonGrotesqueRegularRg', sans-serif;
font-size:14px;
margin:0px 10px 0px 10px;
text-decoration:none;
color:#D32130;
text-transform:uppercase;
letter-spacing:2px;
}

#header #navigation #navLeft a:hover{
color:#244389;
text-decoration:none;
}

#header #navigation #navLeft{
margin: 0px;
text-align:center;
}

#header #navigation #navRight{
text-align: right;
float: right;
display: inline;
margin: -5px 6px 0px 0px;
}

#header #navigation #navRight img{
max-width:30px;
}

#header #navigation #navRight a{
margin:0px;
}

#header a, a:hover{
color: #244389;
text-decoration:none;
}

#header h1{
text-align:center;
font-family: 'BodoniStdPosterItalic', serif;
font-size: 80px;
color: #244389;
line-height:16%;
margin-top:105px;
font-weight:normal;
}

#header h2{
text-align:center;
font-family: 'BrandonGrotesqueRegularRg', sans-serif;
font-size: 15px;
color: #244389;
text-transform: uppercase;
letter-spacing: 1px;
line-height:20%;
font-weight:normal;
}

#container{
padding:230px 0px 230px 0px;
width:1020px;
height:auto;
margin:0px auto;
}


li{
font-family: 'BrandonGrotesqueRegularRg', sans-serif;
font-size: 16px;
color: #616264;
}

#aside
{
	float: right;
	width: 300px;
	padding: 20px 0;
	margin: 0 20px 0 0;
	display: inline;
	font-family: 'BrandonGrotesqueRegularRg', sans-serif;
font-size: 17px;
color: #616264;
}

#aside h3 { margin: 0; }


#bio
{
	float: left;
	width: 190px;
	padding: 0px 10px;
	margin: 0 70px 0 0;
	display: inline;
	font-family: 'BrandonGrotesqueRegularRg', sans-serif;
font-size: 14px;
color: #616264;
}

#footer
{
	clear: left;
/*	background: #ccc;*/
	text-align: right;
	padding: 20px;
	height: 300px;
}

#leftSide {
padding: 0px 0;
   margin: 0 800px 0 0;
  width: 200px;
  top: 10%;
}

#share{
margin:30px 0px 0px 0px;
}

#blog
{
width: 460px;
padding: 0px 0px 70px 0px;
/*margin: 0 0 0 290px;*/
margin:0px;
font-family: 'BrandonGrotesqueRegularRg', sans-serif;
font-size: 18px;
color: #616264;
float:left;
}

#blogCenter
{
	width: 460px;
	padding: 0px 0;
	margin:0px auto;
	font-family: 'BrandonGrotesqueRegularRg', sans-serif;
font-size: 18px;
color: #616264;
}

#wide{
width:1000px;
margin:0px auto;
}

#rcol{
width:220px;
height:auto;
display:inline;
float:right;
font-family: 'BrandonGrotesqueRegularRg', sans-serif;
font-size: 14px;
color: #777;
padding: 8px 0px 0px 0px;
}

.nextessay{
margin-bottom:30px;
}

.styleText {font-family: 'BodoniStdPosterItalic', serif; color:#244389; font-size:30px; font-weight:normal; text-transform: uppercase; line-break: inherit;}
.stylenames {font-family: 'BrandonGrotesqueRegularRg', sans-serif; color:#244389; font-size:12px; font-weight:normal; text-transform: uppercase; letter-spacing: 2px;}
.styletwo {font-family: 'BrandonGrotesqueRegularRg', sans-serif; color:#244389; font-size:20px; font-weight:normal; text-transform: uppercase; letter-spacing: 2px;}
.author {font-family: 'BrandonGrotesqueRegularRg', sans-serif; color:#244389; font-size:15px; font-weight:normal; text-transform: uppercase; letter-spacing: 2px;}
.regular {font-family: 'BrandonGrotesqueRegularRg', sans-serif; color:#616264; font-size:16px; font-weight:normal; text-transform: none;}
.small {font-family: 'BrandonGrotesqueRegularRg', sans-serif; color:#616264; font-size:11px; font-weight:normal; text-transform: none;}
.bodoni {font-family: 'BodoniStdPosterItalic', serif; color:#244389; font-size:33px; font-weight:normal;}
.reason {font-family: 'BodoniStdPosterItalic', serif; color:#244389; font-size: 20px; font-weight:normal;}
.nextessay a {font-family: 'BrandonGrotesqueRegularRg', sans-serif; color:#244389; font-size: 14px; font-weight:normal;text-transform:uppercase;}
.reason-rcol {font-family: 'BrandonGrotesqueRegularRg', sans-serif; color:#244389; font-size: 14px; font-weight:normal; letter-spacing:1px;}
.reasontext  {font-family: 'BrandonGrotesqueRegularRg', sans-serif; color:#244389; font-size:15px; font-weight:normal; letter-spacing: 1px; text-transform: uppercase;line-height: 24px;}

a:link {text-decoration: none; color:#d32130;}      /* unvisited link */
a:visited {text-decoration: none;color:#d32130;}  /* visited link */
a:hover {text-decoration: none; color:#244389;}  /* mouse over link */
a:active {text-decoration: none; color:#d32130;}  /* selected link */

a.external:link {text-decoration: none; color:#244389;}
a.external:visited {text-decoration: none;color:#244389;}
a.external:hover {text-decoration: none;color:#244389;}
a.external:active {text-decoration: none;color:#244389;}

a.bottom:link {font-size: 14px; text-decoration: none; color:#244389; letter-spacing: 1px;}
a.bottom:visited {font-size: 14px;text-decoration: none; color:#244389;letter-spacing: 1px;}
a.bottom:hover {font-size: 14px;text-decoration: none; color:#d32130;letter-spacing: 1px;}
a.bottom:active {font-size: 14px;text-decoration: none; color:#244389;letter-spacing: 1px;}

a.grey:link {color:#616264; font-size:16px; font-weight:none; text-transform: none;}
a.grey:visited {color:#616264; font-size:16px; font-weight:none; text-transform: none;}
a.grey:hover {color:#d32130; font-size:16px; font-weight:none; text-transform: none;}
a.grey:active {color:#616264; font-size:16px; font-weight:none; text-transform: none;}

.the_list{
	width:1020px;
	margin:0px 0px 0px 0px;
}
.day_container{
	height:140px;
	float:left;
	width:340px;
}
.day_container div{
	float:left;
}
.text_container{
	padding: 0 20px 0 20px;
	width:259px;
}
.bottom_row{
 padding: 0px;
}
#sticker:hover{
	cursor:pointer;
}

.text_thing{
	width: 700px;
	margin:0px auto;
}

@media (max-width:1068px) and (min-width:874px) {
	#header h1{
	font-size: 60px;
	line-height:16%;
	margin-top:100px;
	}

	#header h2{
	font-size: 14px;
	}

	#header #navigation #navLeft a{
	font-size:12px;
	}

	#wrapper #header{
	height: 200px;
	width: 96%;
	}
}

@media (max-width:874px) and (min-width:821px) {
	#header h1{
	font-size: 60px;
	line-height:16%;
	}

	#header h2{
	font-size: 14px;
	line-height:15px;
	}

	#wrapper #header{
	height: 240px;
	width: 96%;
	}
}

@media (max-width:821px) and (min-width:735px) {
	#header h1{
	font-size: 50px;
	line-height:52px;
	margin-top:85px;
	}

	#header h2{
	font-size: 14px;
	line-height:15px;
	margin-top:-30px;
	}
	.the_list {
	width: 690px;
	margin: 0px 0px 0px 0px;
	}
	#container {
		width: 96%;
	}

}

@media only screen and (max-width:735px) {
	#body {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#wrapper {
		padding: 0;
		margin: 0;
		width: 100%;
	}
	#wrapper #header{
	height: 240px;
	width: 96%;
	overflow: hidden;
	}
	#headertop{
	height:10px;
	background-color:#ccc;
	left: 0px;
	top: 0px;
	position:fixed;
	}
	#header h1{
	font-size: 30px;
	line-height:42px;
	margin-top: 70px;
	}
	#header h2{
	font-size: 12px;
	line-height:14px;
	margin-top:-20px;
	}
	#header #navigation {
		margin: 0;
	}
	#header #navigation #navLeft a{
	font-size:10px;
	}
	#wide {
		width: 100%;
	}
	.the_list {
	float: left;
	width: 65%;
	margin: 0px auto 0px;
	}
	.day_container {
	width: 100%;
	}
	.text_thing {
	width: 90%;
	}

	.bodoni {
	font-size: 30px;
	}
	#blogCenter {
	width: 100%;
	}
	#sticker {
		width: 180px;
	}
	#container{
	padding: 240px 0 0 0;
	margin: 0;
	width:100%;
	}
	#coming_soon{
		width: 140px;
	}
	#bottom {
		height: 0;
		margin: 0;
		padding: 0;
	}
	#coming_soon {
	position: fixed;
	top: 170px;
	right: 20px;
	width: 140px;
	z-index: 99999;
	display: none;

	}
	#header img {
		width: 20px;
		padding-bottom: 4px;
		padding-right: 8px;
	}
	#navRight {
		width: 20px;
	}

}