body {	
	height:100%;
	margin:0; padding:0; border:0;
	font-size:90%;
	font-family:Verdana, Arial, sans-serif;
}

a {
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
a:visited {color:#3385ff}
a:link {color:#0000ff}
a:active {color:#66a3ff}
a:hover {color:#66b2ff}

div#wrapper {
	width:100%;
	max-height:100%;
	margin:0 auto;
	border-radius:20px;
	text-align:left;
	border:1px grey solid;
	overflow:auto;
	background:linear-gradient(to left, #b3d9ff , #fff);
}

header, footer, nav, section, article {	width:100%;}

header, footer, nav, aside {text-align:center;}

header {
	clear:both;	
	font-family:'Comic Sans MS', cursive;
	font-size:0.8em;
	color:#0000ff;
}

header img {
	width:12%;
	vertical-align:middle;
}

nav {border-bottom:1px solid grey;}

nav ul  {	
	padding:0;
	font-size:.9em;
}

nav ul li {display:inline;}

nav ul li a {
	padding:5px 5px;
	background:#3399ff;	
	color:#fff;
	border-top:2px ridge #f2f2f2;
	border-left:2px ridge #f2f2f2;
	border-right:2px ridge #b3b3b3;
	border-bottom:2px ridge #b3b3b3;	
}

nav ul li a:link {color:#fff;}

nav ul li a:hover {
	background:#cce0ff;
	color:#0000ff;		
}

nav ul li a:active {color:#0000ff;}

nav ul li a:visited {color:#fff;}

aside {	
	float:left;	
	width:31%;	
	margin-left:1%;	
}

aside div {	
	overflow:auto;
	margin-top:0;
	margin-left:10px;
	padding:0;
	text-align: left;
	font-size:0.8em;
	width:90%
}

.titles {margin-bottom:12px;}

section {
	float:left;	
	width:66%;	
	border-left:1px grey solid;
}

.center {
	width:100%;
	text-align:center;
	margin:0 0 20px 0;
}

article, p, h3 {	margin:0 2%;	}

.ptitle {
	float:left;
	width:66%;
	margin:12px 0 12px 6%;	
}

.smallfont {font-weight:normal;font-size:.8em;}

.numcomments {
	float:left;	
	margin:12px 0 12px 12px;	
}

.commenticon {
	vertical-align:middle;
	width:36px;
	height:36px;
	border:0;
	font-size:.8em;
}

.post {
	clear:both;
	width:88%;
	margin:12px auto 0 auto;
	border-bottom:1px grey solid;	
}

.left10 {margin:0 0 0 10%;}

.postform {
	width:90%;
	margin-left:10%;
}

footer {clear:both;}

footer form {
	width:100%;
	text-align:center;
	font-weight:bold; 
	font-size:.8em;
}

footer input {width:160px;}

footer input[ type=submit ] {
	width:60px;
	cursor:pointer;
}

div#sharelinks {
	margin-top:10px;
	color:black;
}

.google {
	float:left;
	width:30%;
	margin-left:5%
}

.twitter {
	float:left;
	width:30%
}

.facebook {
	float:left;
	width:30%;
}
.input1 {
	width:20%;
	margin-right:2%;
}
.input2 {
	width:30%;
	margin-right:4%;
}
.comment {
	width:88%;
	height:150px;
	margin-bottom:10px;
	background-color:white;
}
.comments {
	width:80%;
	margin-left:10%;
	margin-bottom:10px;
	background-color:white;
}

@media only screen and (min-width:978px) {
	div#wrapper {width:978px;}
	aside {width:20%}
	section {width:77%}
	header img {width:6%;}
	.google {float:left;width:16%;margin-left:30%}
	.twitter {float:left;width:16%}
	.facebook {float:left;width:16%;}
}

#bod_koolaid nav #koolaid a,
#bod_mybio nav #mybio a,
#bod_newpost nav #newpost a,
#bod_browsers nav #browsers a,
#bod_pages nav #pages a,
#bod_robots nav #robots a,
#bod_contact nav #contact a {
	background:#fff;
	color:#0000ff;
}