header, section, footer, aside, nav, article, figure {display: block;}

body {width: 1000px; margin: 0 auto; padding: 0; background: #ffffff;}

#list-menu ul {list-style: none; padding: 6px 0px 0px 15px; margin: 0px; border: solid #ffffff; border-width: 1px 0px 0px 0px; float: left; width: 790px;}
#list-menu li {padding: 0px 25px 0px 0px; float: left; display: inline;}
#list-menu a {text-decoration: none; color: #ffffff; float: left;}
#list-menu a:hover {color:#96A8FF;}

article {border-style: solid; border-width: medium; background-color: #CCFFFF; width: 500px;}

h1 {font-family: Arial Black; font-size: 35px; margin-left: 10px; margin-top: 10px; margin-bottom: 0px; color: #5144FF;}
h2 {font-family: Arial; font-size: 15px; margin-left: 10px; margin-top: 0px; margin-bottom: 30px; color: #ffffff;}
h3 {font-family: "Merriweather",Georgia,serif; text-decoration: none; font-size: 1em; margin-top: 5px; margin-left: 10px; margin-bottom: 10px;}
h3.no_margin {font-family: "Merriweather",Georgia,serif; text-decoration: none; font-size: 1em; margin-top: 5px; margin-left: 0; margin-bottom: 10px;} 
h5 {font-family: Arial; font-size: 15px; margin-left: 10px;}
h6 {font-family: "Merriweather",Georgia,serif; text-decoration: none; font-size: 1em; margin-top: 5px; margin-left: 10px; margin-bottom: 10px;}
h7 {font-family: 'Brush Script MT', cursive; font-size: 85px; text-align: center;}
h8 {font-family: 'Brush Script MT', cursive; font-size: 25px; text-align: center;}
p {font-family: 'Droid Sans', sans-serif; margin-left: 10px; margin-top: 5px; margin-bottom: 10px; margin-right: 10px;}
p.first {font-family: 'Droid Sans', sans-serif; margin-top: 5px; margin-left: 0px; text-align: center;}
p.large {font-family: 'Droid Sans', sans-serif; font-size: 15px; margin-left: 10px; margin-bottom: 10px;}
.center {font-family: 'Droid Sans', sans-serif; text-align: center; text-decoration: underline;}
.center_italics {font-family: 'Droid Sans', sans-serif; text-align: center; font-style: italic;}
#blue {color:blue;}
.blue {color:blue;}
#red {color:red;}
.red {color:red;}
#green {color:green;}
.green {color:green;}
#orange {color:orange;}
.orange {color:orange;}

#absurdbeing {position: relative; width: 1000px; height: 140px; margin: 0; float: left; padding: 0; border: 0; background-image: url("images/bluefire.jpg");}
#timelapse {width: 745px; float: left;}
#latest {background: #E2F2F5;; border-width: 1px 0px 1px 0px; border-style: solid; width: 745px; padding: 0; margin-bottom: 10px; margin-top: 20px; float: left;}
#intro {width: 305px; margin: 20px 10px 10px 0px; padding: 0; float: left;}
#content {width: 420px; margin: 20px 10px 10px 10px; float: left; padding: 0; border: 0; background: none;}        
#aside {text-align: center; width: 235px; margin: 20px 0px 10px 10px; float: right; padding: 0; border: 0;}
#asideinner {text-align: left; width: 235px; margin: 10px 0px 10px 10px; float: right; padding: 0; border: 0; background: url("images/menuback.jpg");}
#disclaimer {-moz-border-radius: 15px; border-radius: 15px; width: 1000px; height: 110px; border: solid #484B52; border-width: 1px 1px 1px 1px; margin: 20px 10px 20px 0px; float: left; padding: 0; background: #ADB4C6;}
#footer {margin-left: 0; width: 1000px; height: 30px; padding: 0; background: #ffffff; clear: both;}                

#philosophy {position: relative; width: 1000px; height: 140px; margin: 0; float: left; padding: 0; border: 0; background: url("images/lake4.jpg");}
#headerbanner {width: 800px; height: 103; padding: 0; margin-bottom: 10px; margin-top: 20px; float: left; background: #none;}
#philheaderbanner {width: 800px; height: 103; padding: 0; text-align: center; margin-bottom: 0px; margin-top: 20px; float: left; background: #none;}
#usefullinks {width: 215px; height:760; margin: 10px 10px 10px 0px; padding: 0; text-align: left; float: left; background: url("images/menuback.jpg");}
#philcentre {width: 560px; height:350; margin: 10px 10px 10px 15px; padding: 0; text-align: left; float: left; background: none;}
#categories {width: 180px; min-height: 860px; margin: 20px 0px 10px 10px; padding: 0; text-align: center; float: right; background: none;}
#completed {width: 560px; height:400; margin: 10px 10px 10px 15px; padding: 0; text-align: left; float: left; background: #F7F7F7; border-width: 1px 0px 1px 0px; border-style: solid;}
#primary {width: 1000px; float: left; margin: 10px 0px 20px 0px; padding: 0; background: url("images/menuback.jpg"); border: solid #484B52; border-width: 1px;}
#innercont {margin-left: 10px; margin-right: 10px; line-height: 200%;}
#innercont2 {margin-left: 10px; margin-right: 10px;}
#innercont3 {margin-left: none; padding-bottom: none; border-bottom: 2px solid;}
#innercont4 {margin-left: 0; border-top: 1px solid; background: url("images/menuback.jpg"); border: solid #82d3d9; border-width: 1px 0px 1px 0px; padding-bottom: none;}
#innercont8 {margin-right: 10px; float: right;}
#innercont9 {width: 300px; margin-left: none; padding-bottom: none; border-bottom: 2px solid;}
#innercont10 {margin-left: none; padding-bottom: none;}
#innercont11 {margin-top: 20px; margin-left: none;}

#indivcontent {width: 800px; margin: 20px 0px 10px 0px; padding-top: 10px; text-align: left; float: left; background: #F7F7F7; border-width: 1px 0px 1px 0px; border-style: solid;}
#indivbio {width: 800px; margin: 10px 0px 10px 0px; padding: 0; text-align: left; float: left; background: url("images/menuback.jpg"); border: solid #484B52; border-width: 1px; -moz-border-radius: 15px; border-radius: 15px;}
#innercont5 {width: 500px; margin-left: 10px; float: left; text-align: left; padding-top: 10px;}
#innercont6 {width: 450px; margin-left: 10px; float: left; padding-top: none; text-align: left; border-bottom: 2px solid;}
#innercont7 {border: solid #484B52; border-width: 1px, 1px, 1px, 1px; margin-left: 10px; margin-right: 10px; text-align: left;}
#indivpic {width: 265px; height: 320px; float: left; padding-left: 20px;}

#buddhism {position: relative; width: 1000px; height: 140px; margin: 0; float: left; padding: 0; border: 0; background: url("images/water_candle.jpg");}

#atheism {position: relative; width: 1000px; height: 140px; margin: 0; float: left; padding: 0; border: 0; background: url("images/cool_morning.jpg");}

#science {position: relative; width: 1000px; height: 140px; margin: 0; float: left; padding: 0; border: 0; background: url("images/purple_seascape.jpg");}

#novels {position: relative; width: 1000px; height: 140px; margin: 0; float: left; padding: 0; border: 0; background: url("images/old_book.jpg");}
#completednovels {width: 560px; height:550; margin: 10px 10px 10px 15px; padding: 0; text-align: left; float: left; background: #F7F7F7; border-width: 1px 0px 1px 0px; border-style: solid;}

#articles {position: relative; width: 775px; margin: 10px 0px 10px 0px; padding: 10px; text-align: left; float: left; background: #F7F7F7; border-width: 1px 0px 1px 0px; border-style: solid;}

#imagecopyright {font-size: small; color: white; position: absolute; top: 10px; right:10px;}

a:link {color: #000000; text-decoration: none;}
a {color: #000000;}
a:hover {color: #8B819A;}
div.align_center {width: 990px; text-align: center;}

nav {
	/* Repeating background image */
	background: url("images/menuback.jpg");
	width:180px;	
}

nav ul {
	/* Removes bullet points */
	list-style:none;
	margin:0;
	padding:0;
}

nav a {
	color:#000000;
	padding:12px 0px;
	/* Fill all available horizontal space */
	display:block;
	/* Remove underline */
	text-decoration:none;
	font-family:tahoma;
	font-size:13px;
	text-transform:uppercase;
	padding-left:0;
}

nav a:hover {
	/* 
	RGBA background for transparancy: 
	last number(0.05) is the transparency 
	*/
	
	color:#96A8FF;
}

.blink_text{
    font-size:15px;
    color:#9829FB;
    font-weight:bold;
    animation:blinkingText 1.2s infinite;
}

.blink_text_small{
    font-size:9px;
    color:#9829FB;
    font-weight:bold;
    animation:blinkingText 1.2s infinite;
}

@keyframes blinkingText {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

video {
  display: block;
  margin: auto;
}