/*-------------------- RESET --------------------*/

.clearfix:after {
        content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
        display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { 
        height: 1%;}
.clearfix {
        display: block;}
/* End hide from IE-mac */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 

fieldset,img {  
	border:0; 
} 

caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym {
	border:0; 
}

/*----------------- END RESET -----------------*/
/*---------- MAIN STRUCTURE STYLES ------*/

html{
	font-size:100%;
	height:100%;
}
body{
        height: 100%;
	font-size:62.5%;
	font-family:Georgia, "Times New Roman", serif;
	color:#666;
        background:url(http://www.stephanosuh.com/images/uploads/bg.gif) repeat #F0F0F0;
	padding:0 1em;
}
#wrapper{
        display:table;
        min-height: 101%;
	width:94em;
	margin:0 auto;
}
#header{
        position:relative;
	width:100%;
	padding-top:1em;
	padding-bottom:1em;
        background:#7E000F;
}
#header a:link, #header a:visited {
        display:block
}

/*---------------- NAVIGATION ------------*/

#nav{
	color:#C0C0C0;
	font-size:1.5em;
}
#nav a{
	text-decoration:none;
	color:#C0C0C0;
	font-variant:small-caps;
}
#nav a:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#7E000F;
}
#nav span{
	color:#C0C0C0;
	float:right;
	margin-top:-1.2em;
}

/*------------------ GRIDS --------------*/
.navbar{
	float:left;
}
.navgeneric{
        background-color:#FFF;
	border-top:0.125em solid #7E000F;
	float:left;
}
.navlink{
	padding:.75em 2em 1em 2em;
}

.generic{
        background-color:#FFF;
	border-top:0.125em solid #E0E0E0;
	float:left;
	padding-top:1.5em;
}
.article{
	padding:1.25em 2em 0em 2em;
        margin-bottom:.75em;
}
.noborder{
	float:left;
	border-top:0em;
	padding-top:1em; 
}
.commentwrapperx{
	border-top:0.125em solid #E0E0E0;
        background:#FFF;
        float:left;
        margin-bottom:.75em;
}
.commentwrappery{
	border-top:0.125em solid #E0E0E0;
        background:#FAFAFA;
        float:left;
        margin-bottom:.75em;
}
.commentx{
        background:#FFF;
	padding:1.25em 2em 2em 2em;
	float:left;
}
.commenty{
        background:#FAFAFA;
	padding:1.25em 2em 2em 2em;
	float:left;
}
.commentform{
	float:left;   
}
.spacer{
	padding:2em;
        margin-right:2em;
        float:left;
	border-top:0em;
}
.commentinput{
	padding:1.25em 2em 2em 2em;
	border-top:0.125em solid #E0E0E0;
        background:#FFF;
	float:left;
}
.commentcontent p{
	padding-left:2em;
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
	font-size:1.25em;
	line-height:1.5em;
}
.commentinput p{
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:.25em;
}
/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */

.clear{
        clear:both;
}

/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */

.end{
	margin-left:0 !important;
	margin-right:0 !important;
}
/* 100px */
.onehun{
	width:10em;
}
/* 180px */
.oneeighty{
	width:17.96em;
}
/* 220px */
.twotwenty{
	width:22em;
	margin-right:1.96em;
}
/* 280px */
.twoeighty{
	width:28em;
	margin-right:1.96em;
}
/* 400px */
.fourhun{
	width:40em;
	margin-right:1.96em;
}
/* 420px*/
.fourtwenty{
	width:42em;
	margin-right:1.96em;
}
/* 460px */
.foursixty{
	width:46em;
	margin-right:1.96em;
}
/* 520px */
.fivetwenty{
	width:51.96em;
	margin-right:1.96em;
}
/* 640px */
.sixforty{
	width:64em;
	margin-right:1.96em;
}
/* 660px */
.sixsixty{
	width:66em;
	margin-right:1.96em;
}
/* 700px */
.sevenhun{
	width:70em;
	margin-right:1.96em;
}
/* 820px */
.eighttwenty{
	width:82em;
	margin-right:1.96em;
}
/* 880px */
.eighteighty{
	width:88em;
	margin-right:1.96em;
}
/* 920px */
.ninetwenty{
	width:92em;
}
/* 940px */
.nineforty{
	width:94em;
}
/* IE fix */
.entrywrap{
	width:94em;
        clear:both;
}


/*------------------ FONT STYLES --------------*/

/*---------------- PARAGRAPHS ----------------*/

.generic p{
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1.5em;
}
.article p{
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1.5em;
}

/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */

p.intro:first-line{
	font-variant:small-caps;
}

/* Styles a drop cap on each paragraph with this class */

.right-align{
	text-align:right;
}
.center-align{
	text-align:center;
}

/*-------------- HEADINGS --------------*/

h1{
	color:#FFF;
	font-style:italic;
	font-family: Georgia, "Times New Roman", serif;
	font-size:2.5em;
	line-height:1em;
        padding-left:1em;
}
h2{
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
	color:#7E000F;
	font-size:1.3em;
	line-height:1.3em;
        font-weight:normal;
        font-variant:small-caps;
	text-decoration:none;
}
h3{
	color:#000;
	font-size:1.5em;
	line-height:1.2em;
        font-weight:bold;
}
h4{
	color:#000;
	font-size:1.25em;
	line-height:1.5em;
	font-variant:small-caps;
	margin-bottom:1em;
}
h5{
	font-family: Georgia, "Times New Roman", serif;
        font-style:italic;
	color:#FFF;
	font-size:1.6em;
	line-height:1.6em;
}
h6{
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
        font-style:italic;
        font-weight:bold;
	color:#FFF;
	font-size:45em;
	line-height:1em;
        padding-top:.1em;
        font-variant:small-caps;
        vertical-align:bottom;
        overflow:hidden;
}

/*---------------- LINKS ----------------*/

a{
	text-decoration:none;
	color:#000;
}
a:hover{
	color:#FFF;
	background-color:#7E000F;
	text-decoration:none;
}
h1 a{
	color:#FFF;
	text-decoration:none;
}
h2 a{
        font-weight:normal;
	font-family: Georgia, "Times New Roman", serif;
	color:#7E000F;
	text-decoration:none;
        font-variant:normal;
}

/*--------- MISCELLANEOUS ---------*/

.caps{
	font-variant:small-caps;
}
blockquote.georgia p {
	font-family: Georgia, "Times New Roman", serif;
        font-style:italic;
	padding-left:1.25em;
	border-left:solid;
	border-color:#7E000F;
	border-width:.125em;
	font-size:1.3em!important;
	line-height:1.4em!important;
	margin-bottom:1.2em!important;
	margin-left:.25em;
}
.guilletred{
	font-variant:small-caps;
	color:#7E000F;
	font-size:1.5em;
}
.bigred{
	font-variant:small-caps;
	color:#7E000F;
	font-size:2em;
}
.navarrow{
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
	font-variant:small-caps;
        font-weight:normal;
	color:#7E000F;
}
.navarrow a{
	color:#7E000F;
}
.navarrow a:hover{
	color:#FFF;
}
.bigwhite{
	font-variant:small-caps;
	color:#FFF;
	font-size:1.2em;
        font-weight:bold;
}
.amp{ 
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style:italic;
	font-weight:normal;
	line-height:inherit;
}
.code{
	font-family:Courier, "Courier New", monospace;
	background:#ddd;
	font-size:1em;
}

/*--------------- IMG STYLES ---------------*/

img{
	font-size:1em;
        margin-top:1em;
}
img.large{
	font-size:1em;
        margin-top:2em;
}
img.small{
        float:left;
	font-size:1em;
        margin-right:1em;
}
img.last{
        margin-bottom:2em;
}

/*--------------- FOOTER STYLES ---------------*/
#footer {
        position: relative;
	height:0em;
	clear:both;
	margin:-0em auto;
} 
#sock{
        display:table;
        min-height: 101%;
	width:94em;
	margin:0 auto;
        padding-top:0em;
}
#main {
        padding-bottom: 10em;
} 
.skin{
        height:100%;
        background:#7E000F;
}
.genericfoot{
        width:32em;
        padding:1em 0em 2em 2em;
        float:left;
        color:#FFF;
	font-size:1.3em!important;
	line-height:1.4em!important;
        margin-right:2em;
}
.search {
        width:94em;
	border-bottom:0.125em dotted #FFF;
}
.searchfoot{
        width:32em;
        padding:2em 0em 1.75em 2em;
        float:left;
        color:#FFF;
	font-size:1.3em!important;
	line-height:1.4em!important;
        margin-right:2em;
}
.footer a{
        font-style:italic;
        text-decoration:none;
        color:#FFF;
}
.copyright {
	border-top:0.125em dotted #FFF;
        padding:1em 0em 1em 2.5em;
}
.copyright p{
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
        font-size:1.2em;
	line-height:1.2em;
        color:#FFF;
}
.gfr{
	font-family: Georgia, "Times New Roman", serif;
	font-size:1.3em!important;
	line-height:1.4em!important;
        padding-top:4em;
}
.gfl{
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
	font-size:1.3em!important;
	line-height:1.4em!important;
}

/*--------------- FOOTER STYLES ---------------*/
.genericfootx{
        width:10em;
        padding:1.2em 0em 0em 2em;
        float:left;
        margin-right:1em;
}
.genericfooty{
        width:28.25em;
        padding:1.5em 0em 0em 0em;
        float:left;
        margin-right:2em;
}
.searchx {	
        font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
        font-size:.75em;
}
.copyrightx p{
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
        color:#FFF;
}
.gflx{
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
        font-size:1.2em;
	line-height:1.5em;
}
.gfrx{
        padding-top:1.85em;
	font-family: "Helvetica Neue", "Helvetica", Verdana, sans-serif;
        font-size:1.3em;
	line-height:1.3em;
        font-variant:small-caps;
}
.gflx a{
        font-style:italic;
        text-decoration:none;
        color:#FFF;
}
.gfrx a{
        font-style:normal;
        text-decoration:none;
        color:#FFF;
}