body {
	background-image: url('img/bg.png');
	background-repeat: repeat-x;
	background-color: #ffff99;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-align: center;
}

/* div styles! */

div {
	text-align: left;
}

/* header div */

div#head {
	margin-right: auto;
	margin-left: auto;
	width: 600px;
}

div#head img {
	border: 0px;
}

/* div surrounding main content */

div#content {
	background-color: #ff9900;
	border: 2px #000000 solid;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	width: 600px;
	padding: 5px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}

/* container of the title and the menu */

div#toolbar {
	border-bottom: 1px dashed #000000;
	padding: 0px;
	margin: 0px;
	height: 20px;
}

/* div for the title of the page */

div#title {
	padding: 0px;
	padding-left: 5px;
	margin: 0px;
	float: left;
}

div#title h1 {
	font-size: 16px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

/* div for the menu */

div#menu {
	text-align: right;
	
}

/* div for the main text of the page */

div#bio {
	padding: 5px;
}

/* div for the picture of the page */

div#port {
	border: 2px #000000 solid;
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

/* div for the projects */

div#projectsMenu {
	border: 1px #000000 solid;
	background-color: #ffff66 ;
	padding: 5px;
	margin-bottom: 10px;
}

div#projectsMenu h1{
	font-size: 22px;
	padding: 0px;
	font-style: none;
	font-weight: bold;
}

/* div for the index page blog */

div#blog {
	border-top: 1px solid #000000;
}

div#blog  h1 {
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

div#blogPost {
	margin-top: 5px;
	background-color: #ffff66 ;
	padding: 1px;
}

div#blogTitle {
	border: 1px solid #000000;
	border-bottom: 1px dashed #000000;
	background-color: #ffcc33;
	padding: 3px;
}

div#blogTitle  h1{
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 0px;
	display: inline;
}

div#blogTitle  h2{
	font-size: 11px;
	font-weight: normal;
	font-style: italic; 
	color: #000000;
	margin: 0px;
	padding: 0px;
	display: inline;
}

div#blogDate {
	float: right;
	padding: 6px;
}

div#blogShortStory {
	border: 1px solid #000000;
	border-top: none;
	padding: 3px;
}

/* div for the projects */

div#projects {
	padding: 5px;
}

div#projects h1 {
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

div#projects h2 {
	font-size: 13px;
	font-weight: normal;
	font-style: italic; 
	color: #000000;
	margin: 0px;
	padding: 0px;
}

div#projects a {
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}

div#projects a.screenshot {
	font-size: 16px;
	text-decoration: underline;
	color: #000000;
}

div#createCodeScreen {
	display: none;
}

/* div for twitter feed */

div#twitter {
	height: auto;
	padding: 3px;
}

div#twitter_icon {
	margin-right: auto;
	margin-left: auto;
	width: 700px;
}

div#twitter_div {
	width: 600px;
	min-height: 26px;
	border: 2px #000000 solid;
	border-bottom: none;
	background-color: #3399ff;
	margin-right: auto;
	margin-left: auto;
}

ul#twitter_update_list {
	list-style: none;
	margin: 0px;
	padding: 2px;
	
}

li#twitter_update_list {
	margin: 0px;
	padding: 0px;
}

div#twitter_div  a{
	color: #000000;
}

img.twitterIcon {
	float:left;
	margin: 0px;
	padding: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	width: 45px;
	border: none;
}

img.twitterIconRight {
	float:right;
	margin: 0px;
	padding: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	width: 45px;
	border: none;
}

/* hyperlinks for the menu */

a.menu {
	font-size: 14px;
	color: white;
	text-decoration: none;
}

a.menu:hover {
	font-size: 14px;
	color: purple;
	text-decoration: underline;
}

a.cv {
	font-size: 14px;
	color: black;
	text-decoration: none;
}

a.cv:hover {
	font-size: 14px;
	color: purple;
	text-decoration: underline;
}

font.email {
	font-size: 15px;
}

img.project {
	border: 2px #000000 solid;
	padding: 0px;
	margin-top: 5px;
	display: block;
	max-width: 585px;
}