/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q{quotes:"" "";}

/* Style */
/* Laypout */
.content{width:1000px; margin:10px;font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;font-size:small;color: #707070;}
.col1{width:200px; height:100%; position:fixed;}
.col2{width:678px; position:relative; left:210px;}
.colBlog{width:1000px; position:relative; left:210px;}
/* Col 2 Info box info */
#info{text-decoration: none;color:#00ef87; width:200px; margin-top:100px;}
#message{background-color:#707070; height:auto; width:200px;position:10px; }
/* Col 1 navigation info */
#logo {height:200px; width:200px; display:block;}
#nav {margin:0;padding:0; padding-top: 5px;font-size: small;}
#nav a {height:15px;display:block; color: #707070; text-decoration: none;}
#nav a:hover {color:#00ef87;}
#nav li {list-style:none;}
#nav a.active{color: #00ef87;}
.col1 hr{margin-right: 50px; margin-top: 5px;}
.col2{padding-top:3px;}
a{color:#707070; text-decoration:none;}