/* General layout items */

body {
	padding: 0;
margin: 0;
	background: #5e0e0e url(../images/3.jpg) top repeat-x;
}

img { 
	border: 0; 
	padding: 0; 
	margin: 0;
}

/* Layout */

#container { 
	width: 960px; 
        margin: 20px 0;
}

#wrapper {
	float: left;
	width:460px;
	margin: 20px auto;
	padding: 0 10px 20px 20px;
}

#sidebar {
	margin: 10px auto;
	padding: 0 0 0 20px;
	float:left;
	width: 300px;
}

#random_area {
float:left;
padding: 20px 20px 0 20px;
width: 300px;
}

#random_area h2 {
font: 16px verdana,helvetica,arial,sans-serif;
font-weigt: bold;
color: #ff0090;
padding: 0;
margin: 30px 0 0 0;
}

#news_section {
float: left;
width: 500px;
padding:20px 20px 0 20px;
margin:0;
}

.post {
border-left: 4px solid #ff0090;
margin: 0 0 20px 0;
padding: 0 10px 0 10px;
clear:both;
}

.poststicky {
border-left: 4px solid #ff0090;
margin: 0 0 20px 0;
padding: 0 10px 0 10px;
clear:both;
}

.post p a {
color: #ff0000;
}

.post p a:hover {
color: #ff0000;
border-bottom: 1px solid #ff0090;
}

.post h2 {
font: 16px verdana,helvetica,arial,sans-serif;
font-weigt: bold;
color: #ff0090;
}

.poststicky p a {
color: #ff0000;
}

.poststicky p a:hover {
color: #ff0000;
border-bottom: 1px solid #ff0090;
}

.poststicky h2 {
font: 16px verdana,helvetica,arial,sans-serif;
font-weigt: bold;
color: #ff0090;
}

.blogimg {
float: left;
padding: 0 7px 7px 0;
}

h1.pink {
color: #000;
background: #f8f8f8;
border: 1px solid #ff0090;
}

/* article list overview */

ul.recent_articles {
width: 243px;
list-style-type: none;
margin: 0;
padding: 5px 0 5px 0;
}

ul.recent_articles li {
font: 11px georgia,"times new roman",times,serif;,
margin: 0;
padding: 3px 0 3px 0;
}

ul.recent_articles li a {
text-decoration: none;
font-weight: bold;
color: #fff;
}

ul.recent_articles li a:hover {
border-bottom: 1px solid #ff0090;
}

/* For video presentations */

#videoplay {
	float: left;
	width:420px;
	margin: 20px auto;
	padding: 0 10px 20px 20px;
}


#text {
	margin: 10px auto;
	padding: 0 0 0 20px;
	float:left;
	width: 300px;
}

#total {
	float: left;
	width:850px;
        margin: 0;
	padding: 20px 10px 0 20px;
}


#navigation {
	margin: 0 0 0 20px;
}

#footer {
clear:both;
margin: 20px 0; 
padding: 20px 0 0 20px;
}

/* Navigation */

ul.navig {
	list-style-type:none;
	margin: 15px 0 0 0; padding:0;
}

ul.navig li {
	display: inline;
	font: 14px verdana,helvetica,arial,sans-serif;
	text-transform:uppercase;
	letter-spacing: 0.04em;
	margin: 0; padding: 0;
}

ul.navig li a {
	border-top: 1px solid #f8f8f8;
	border-right: 1px solid #f8f8f8;
	border-left: 1px solid #f8f8f8;
	text-decoration: none;
	color: #5e0e0e;
	margin: 0; padding: 3px;
}

ul.navig li a:hover {
	border-top: 1px solid #5e0e0e;
	border-right: 1px solid #5e0e0e;
	border-left: 1px solid #5e0e0e;
}

/* Navig specific body selectors */

body#twodee ul.navig li#twod a {
border-top: 1px solid #5e0e0e;
border-right: 1px solid #5e0e0e;
border-left: 1px solid #5e0e0e;
}

body#video ul.navig li#vid a {
border-top: 1px solid #5e0e0e;
border-right: 1px solid #5e0e0e;
border-left: 1px solid #5e0e0e;
}

body#projects ul.navig li#pro a {
border-top: 1px solid #5e0e0e;
border-right: 1px solid #5e0e0e;
border-left: 1px solid #5e0e0e;
}

body#education ul.navig li#edu a {
border-top: 1px solid #5e0e0e;
border-right: 1px solid #5e0e0e;
border-left: 1px solid #5e0e0e;
}

body#library ul.navig li#lib a {
border-top: 1px solid #5e0e0e;
border-right: 1px solid #5e0e0e;
border-left: 1px solid #5e0e0e;
}

body#what ul.navig li#wha a {
border-top: 1px solid #5e0e0e;
border-right: 1px solid #5e0e0e;
border-left: 1px solid #5e0e0e;
}

body#cv ul.navig li#bio a {
border-top: 1px solid #5e0e0e;
border-right: 1px solid #5e0e0e;
border-left: 1px solid #5e0e0e;
}

body#links ul.navig li#lin a {
border-top: 1px solid #5e0e0e;
border-right: 1px solid #5e0e0e;
border-left: 1px solid #5e0e0e;
}

body#contact ul.navig li#con a {
border-top: 1px solid #5e0e0e;
border-right: 1px solid #5e0e0e;
border-left: 1px solid #5e0e0e;
}

/* Typographic elements and selectors */

li,p {
	font: 11px/18px georgia,"Times New Roman",times,serif;
	color: #fff;
}

h1,h2,h3 { 
	font-family:verdana,helvetica,arial,sans-serif; 
	font-weight:normal;
}

h1 { 
	font-size: 20px; color: #fff; 
}

h2 { 
	font-size: 14px; color: #fff; 
        margin: 5px 0 5px 0;
        font-style:italic;
}

h3 { 
	font-size: 11px; color: #fff; 
        margin: 5px 0 2px 0;
        padding:0;
}

h1 a {
	text-decoration:none;
	color: #fff;
}

h1 a:hover {
	color: #ffe400;
	border-bottom: 1px solid #fff;
}

p a {
color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}

p a:hover { 
color: #ff0000;
border-bottom: 1px solid #ff0090;
}

span.year {
        font-style:italic;
        color: #fff;
}

/* Normal lists */

/*
ul {
	list-style: disc outside;
	color: #ffe400;
}

li {
	padding: 3px 0 3px 0;
}

li a {
	text-decoration: none;
	color: #fff;
font-weight: bold;
}

li a:hover {
	color: #ffe400;
	border-bottom: 1px solid #fff;
}

*/
/* Format file download items */

ul.file_download_list {
	list-style: url(../images/18.png) outside;
	color: #ffe400;
	margin: 0;
	padding: 0 0 0 20px;
}

ul.file_download_list li {
	color: #ffe400;
	padding: 3px 0 3px 0;
}

ul.file_download_list li a {
	color: #fff;
	text-decoration:none;
}

ul.file_download_list li a:hover {
	color: #ffe400;
	border-bottom: 1px solid #fff;
}

/* Link list */

ul.linklist {
        list-style: url(../images/179.png) outside;
	color: #ffe400;
	list-style-type: none;
	margin: 0 0 0 20px;
	padding: 0;
}

ul.linklist li {
	font: 10px verdana,helvetica,arial,sans-serif;
	padding: 5px 0 5px 0;
	color: #fff;
}

ul.linklist li a {
	color: #fff;
	text-decoration:none;
}

ul.linklist li a:hover {
	color: #ffe400;
}

/* Project list */

ul#projectlist {
        list-style-type: none;
        width:960px;
        margin:0; 
        padding:0;
} 

#projectlist li {
        list-style-type:none;
        width: 150px;
	height: 130px;
        float:left;
	position:relative;	
        padding: 5px 15px 5px 0;
        margin: 5px 0;
}

#projectlist li a { 
        background:#8f2424;
        padding: 5px;
        text-decoration: none;
        display: block; 
	width: 150px; 
        height: 125px;
	margin: auto;
}

* html #projectlist li a {  /* make hover effect work in IE */
	width: 150px;
}

#projectlist li a:hover {
        background: #400909;
}


.rssThumbs {
width: 750px;
margin: 0;
padding: 0;
}

.rssThumbFloat {
  float: left;
  width: 120px;
  height: 150px;
  margin: 0;
  padding: 5px 25px 10px 0;
  font: 10px verdana,helvetica,arial,sans-serif;
}

span.cap {
display:block;
color: #fff;
}