body {
	font-family: georgia, serif;
	font-size: 10.5pt;
	/*necessary for centering content in explorer*/
	text-align: center;
	background-color: transparent;
}

.form td {
	font-family: georgia, serif;
	font-size: 10pt;
}

textarea {
	font-family: georgia, serif;
	font-size: 10pt;
	border: 1px solid #aaa;
	background: #f5f5f5;
	padding: 5pt;
	width: 400px;
}

input {
	width: auto;
	border: 1px solid #333;
	padding: 3pt;
}


h2 {
	margin-top: 1.5em;
	font-size: 200%;
}

h3 {
	margin-top: 2.5em;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
}

img.keyboard_icon {
	position: relative;
	top: 12px;
}

#variable_width_controls {
	display: none;
	margin-left: 16px;
}

#comments .alt {
	background-color: #000000;
}

#frame {
	width:770px;
	margin-right:auto;
	margin-left:auto;
	margin-top:50px;
	padding:0px;
	/*padding-bottom: 50em;*/
	text-align:left;
}

#header {
	/*padding-left: 175px;*/
	height: 90px;
}

#main{
	float: left;
	width: 545px;
	padding-right: 20px;
}

.post{
	width: 545px;
	text-align: justify;
	clear: both;
	color: #333333;
	line-height: 160%;
}

#side {
	float: right;
	width: 180px;
	border-left: 2px solid #BBB;
	padding-left: 20px;
	padding-bottom: 1em;
	font-size: 0.9em;
}

#bside {
	float: left;
	width: 175px;
}

#cv_toolbar {
	font-size: 1.2em;
	font-weight: bold;
}

#side_header {
	font-size: 1.2em;
	margin-top: 1.4em;
}

#site_name {
	width:302px;
	height:36px;
	float: left;
	background-image: url(../images/text_stathis_sideris.png);
}

#smartpath {
	padding-bottom: 0.3em;
}

.page_toc {
	padding-top: 0.05em;
	padding-bottom: 1em;
	padding-left: 1em;
	/*background-color: #eeeeff;*/
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 50%;
}

.page_toc_title {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 90%;
}

.page_toc ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	line-height: 150%;
}

.article {
	clear: both;
	text-align: justify;
}

.publication_date {
	text-align: right;
	font-size: small;
	font-style: italic;
	color: #000;
}

#main .gallery_thumbnail {
	float: left;
	margin: 15px;
}

#main .gallery_thumbnail img {
	border: 10px solid #dddddd;
}


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


.icon_feed {
	width:32px;
	height:32px;
	clear:both;
	float: left;
	background-image: url(../images/icon_feed.png);
}

.icon_variable_width {
	width:32px;
	height:32px;
	clear:both;
 	float: left;
	background-image: url(../images/icon_variable_width.png);
}


.menu_header_front {
	margin-top: 0.55em;
	margin-bottom: 1em;
	clear: both;
}

#header_art {
	width:38px;
	height:32px;
	background-image: url(../images/text_art.png);
}

#header_software {
	width:103px;
	height:32px;
	background-image: url(../images/text_software.png);
}


#header_web_design {
	width:129px;
	height:32px;
	background-image: url(../images/text_web_design.png);
}

#site_icon {
	width:119px;
	height:38px;
	float: left;
	margin-left: 20px;
	background-image: url(../images/icon_something.png);
}

#side ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#side ul li {
	margin-bottom: 1em;
}

#smartpath {
	clear: both;
}

#side a, #side a:visited {
	color: #000;
	text-decoration: none;
	padding: 0.2em;
	margin: -0.2em;
}

#side a:hover {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
}



.post a, .post a:visited, .post a:hover {
	text-decoration: none;
	color: #000;
}

.post p a, .post p a:visited {
	text-decoration: none;
    border-bottom: 1px dashed #666;
	color: #000;
}

.post p a:hover {
    border-bottom: 1px solid;
}



#archives a, #archives a:visited, .gallery_meta a, .gallery_meta a:visited {
	text-decoration: none;
    border-bottom: 1px dashed #666;
	color: #000;
}

#archives a:hover, .gallery_meta a:hover {
    border-bottom: 1px solid;
}



.more-link {
	text-decoration: none;
    border-bottom: 1px dashed #666;
	color: #000;
}

.more-link:hover {
	border-bottom: 1px solid;
}

.commentmetadata a {
	text-decoration: none;
	color: #000;
}

#side a.visual {
	text-decoration: none;
	background-color: #fff;
}

.page_toc a, .page_toc a:visited {
	color: #000;
	text-decoration: none;
	border: 0 none #000;
}

.page_toc a:hover {
	color: #000;
	text-decoration: none;
    border-bottom: 1px solid;
}

/**** the main navigation menu ****/

#main_nav {
	clear: both;
	margin-left: 0px;
	padding-left: 0px;
}

#main_nav li ul li {
	display: block;
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#main_nav li ul {
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0.3em;
	width: 135px;
	position: absolute;
	background-color: #fff;
}

#main_nav li.menu_header {
	display: inline;
	list-style-type: none;
	padding-right: 40px;
	margin-left: 0px;
	float: left;
	width: 135px;
}

#main_nav li.menu_header ul {
	display: none;
	z-index: 10;
}

/*
Does not work on IE
#main_nav li.menu_header:hover ul {
	display: block;
}
*/

#main_nav a, #main_nav a:visited {
	color: #444;
	text-decoration: none;
	padding: 0.5em;
	margin: -0.5em;
	display: block;
	background-color: #eee;
}

#main_nav a:hover {
	color: #FFF;
	background-color: #000;
	text-decoration: none;
	padding: 0.5em;
	margin: -0.5em;
	display: block;
}

.s_inv {
	display: none;
}

#disclaimer {
	width: 480px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 230px;
	text-align: justify;
	font-size: x-small;
	color: #444;
}