/* =INITIAL 
   v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Helvetica,Arial,sans-serif;
	line-height: 1.4em;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}

.Hidden { display: none; visibility: hidden; }

.FloatLeft { float: left;}
.FloatRight { float: right;}

.Clear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a img { border: 0; } 
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }

ul.HNav { list-style: none; margin: 0; padding: 0; }
ul.HNav li { float: left; margin: 0; padding: 0; }

table.Form { border: 1px solid #ccc  }
table.Form tr th, table.Form tr td { padding: .25em .5em; vertical-align: top;}

table.Assets {  border: 1px solid #ccc; }

body { font-size: 14px; text-align: center; background-color: #000; position: relative; }

body#Admin a {  text-decoration: underline; }

div#Container { width: 760px; padding-top: 60px; margin: 10px auto; border: 1px solid #000; text-align: left; position: relative; }

div#Header { font-size: 0px; z-index:99; position: absolute; top: 0; left: 0; width: 760px; height: 60px; }
div#Header img { float: left; }

div#SubNav { font-size: 0px; margin-top: 0px; }
div#SubNav img { float: left;  }

div#MainContent { position: relative; padding: 10px; margin: 10px 0 0 0; color: #9f8a88;  font-weight: bold; width: 740px;  }
div#MainContent img#Highlight { margin-right: 16px; }
div#MainContent #Intro { margin-top: 20px; }

#Inset {  position: absolute; font-size: 80%; line-height: 1.4em; color: #88959f;  }
#Inset a { font-weight: normal; color: #fff; }

body#Home #MainContent { 
    background-image: url(../images/homepage_background.jpg);
    background-repeat: no-repeat; 
    background-position: 100% 100%;
    background-color: #2c2c2c;
}
body#Home #Inset { bottom: 10px; left: 325px; }

body#Resume #MainContent h1 { font-size: 100%; color: #c0b672;  margin-left: 160px; } 
body#Resume #MainContent h2 { font-size: 100%;  margin-left: 160px; }
body#Resume #MainContent table { margin-left: 160px;}
body#Resume #MainContent table td { font-weight: normal; padding: 10px 0; }
body#Resume #MainContent table td.Left { color: #88959f; vertical-align: top; padding-right: 28px; }
body#Resume #MainContent table td { border-bottom: 1px solid #2f2f2f; }

body#Resume #MainContent #Inset { right: 0; top: 16px;}
body#Resume #MainContent #Inset img { vertical-align: middle;}

body#Contact #MainContent { height: 450px; background-image: url(../images/contact_background.jpg); background-repeat: no-repeat;}
body#Contact #MainContent #Center { text-align: center; width: 250px; padding: 150px 250px; }
body#Contact #MainContent strong { color: #c0b672; }
body#Contact #MainContent a { color: #FFF; }

/* original */
body#Gallery #MainContent h1 { font-size: 100%; font-weight: normal; margin-top: 100px; }
body#Gallery #MainContent table { /*table-layout:fixed; border-collapse: collapse */}
body#Gallery #MainContent table td.FrameTop { height: 6px; vertical-align: top;}
body#Gallery #MainContent table td.FrameBottom { height: 6px; vertical-align: bottom;}
body#Gallery #MainContent table td.Content { position: relative; height: 156px; width: 657px; vertical-align: middle; background-color: #323232; padding: 0px 7px; }
body#Gallery #MainContent table td.Content img { margin: 0; padding: 0; display: inline }
body#Gallery #GalleryItems { display: block; width: 643px; height: 148px; padding: 3px 0 0 0; white-space: nowrap; overflow: hidden; }
body#Gallery #sock { overflow: hidden; white-space: nowrap; }
body#Gallery #MainContent #Controls { font-weight: normal; text-align: center; }
    #Controls li { margin-right: 10px; }
    #Controls li.Last { margin-right: 0; }

/*
body#Gallery #MainContent h1 { font-size: 100%; font-weight: normal; margin-top: 100px; }
body#Gallery #MainContent table { table-layout:fixed;  border-collapse: collapse}
body#Gallery #MainContent table td.FrameTop { height: 6px; vertical-align: top;}
body#Gallery #MainContent table td.FrameBottom { height: 6px; vertical-align: bottom;}
body#Gallery #MainContent table td.Content { position: relative; height: 156px; width: 657px; vertical-align: middle; background-color: #323232; padding: 0px 7px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body#Gallery #MainContent table td.Content img { margin: 0; padding: 0; display: inline }
body#Gallery #GalleryItems { width: 643px; height: 148px; padding: 3px 0 0 0; }
body#Gallery #sock { display: inline; }
body#Gallery #MainContent #Controls { font-weight: normal; text-align: center; }
    #Controls li { margin-right: 10px; }
    #Controls li.Last { margin-right: 0; }
*/