@import "forms.css";
/* Positioning */
* {
	margin: 0px;
	padding: 0px;
}

body {
	font: 14px Arial;
	color: #535353;
	background: white;
	text-align: center;
	background: #fefce8;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

.body {
	width: 900px;
	margin: auto;
	text-align: left;
}

#header {
	height: 75px;
	background: #fefce8 url('/images/header.png');
}
#header a:hover {
	background: transparent;
}
#logo {
	display: block;
	float: left;
	height: 61px;
	width: 276px;
	background: url(/images/logo.png) no-repeat;
	text-indent: -10000px;
	margin-top: 5px;
}

ul#lang {
	display: block;
	float: right;
	margin: 0px;
	list-style: none;
	border-left: 1px solid #f6e528;
	margin-top: 44px;
	padding-left: 10px !important;
}
ul#lang li {
	display: block;
	margin-top: 0px;
	float: left;
}
ul#lang li a {
	padding-top: 6px;
	padding-right: 10px;
	float: left;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
}
ul#lang li.last a,
ul#menu li.last a {
	border: 0px;
}
ul#lang li a:hover {
	background-position: top center;
	color: #535353 !important;
}
ul#lang li a.selected {
	color: #535353 !important;
}

ul#menu {
	display: block;
	float: right;
	margin-top: 10px;
	list-style:none;
	padding-left:0px !important;
}
ul#menu li  {
	display: block;
	float: left;
	height: 35px;
}
ul#menu li a {
	display: block;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 35px;
	padding-bottom: 5px;
	font-weight: bold;
	text-decoration: none;
}
ul#menu li a.home  {
	background: url(/images/home-small.png) no-repeat;
	background-position: top;
}
ul#menu li a.portfolio {
	background: url(/images/portfolio-small.png) no-repeat;
	background-position: top;
}
ul#menu li a.blog {
	background: url(/images/blog-small.png) no-repeat;
	background-position: top;
}
ul#menu li a.contact {
	background: url(/images/contact-small.png) no-repeat;
	background-position: top;
}
ul#menu li a:hover {
	color: #535353 !important;
	text-shadow: #CECECE 0px 0px 1px;
}
ul#menu li.selected a{
	color: #535353 !important;
	text-shadow: #CECECE 0px 0px 1px;
}

#frame {
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: white url('/images/shadow.png') repeat-x;
}

#footer {
	padding-top: 20px;
	font-size: 0.85em;
	clear: both;
	height: 100px;
	background: url('/images/footer.png') repeat-x;
}
.third {
	border: 1px solid #f6e528;
	display: block;
	float: left;
	margin-right: 20px;
	margin-left: 100px;
	margin-top: 10px;
	padding: 1px;
	background: #fefce8 url(/images/third.png) repeat-x;
}
.third-content {
	width: 450px;
	height: 160px;
	background: #fefce8 url(/images/third.png) repeat-x;
	color: #535353;
	display: block;
	float: right;
	text-align: center;
}
.third a {
	display: block;
	height: 156px;
	width: 446px;
	position:absolute;
}

.third a:hover {
	border: 1px solid #d80200;
	background: transparent;
}

.third-content span {
	width: 160px;
	height: 140px;
	display: block;
	float: left;
}
.third-content .third-right {
	float: left;
	margin-left: 50px;
	margin-top: 30px;
	width: 200px;
	display: block;
}
.third-content span.contact {
	background: url(/images/contact.png) no-repeat;
	background-position: bottom;
}
.third-content span.blog {
	background: url(/images/blog.png) no-repeat;
	background-position: bottom;
}
.third-content span.portfolio {
	background: url(/images/portfolio.png) no-repeat;
	background-position: bottom;
}


/* Formatting (headings, etc) */

h1, h2, h3, h4, h5, h6 {
	color: #d80200;
	font-size: 1em;
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
	font-family: "Trebuchet MS";
}

h1 {
	font-size: 170%;
	font-weight: bold;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 130%;
}
h4 {
	font-size: 110%;
}
h5 {
	font-size: 100%
}
.bold {
	font-weight: bold;
	color: #000000;
}

p {
	margin-bottom:20px;
	line-height: 1.5;
	text-indent: 20px;
}

a {
	cursor: pointer;
	color: #d80200;
	padding: 1px;
}
a:hover {
	color: #ffffff !important;
	background: #d80200;
}
a:visited {
	color: #ab0000;
}
ul {
	padding-left: 40px;
	margin-bottom: 20px;
}
ul li {
	margin-top: 4px;
}

table {
	margin-top: 10px;
	border-collapse: collapse;
	margin-bottom: 10px;
	font-size: 13px;
}
td, th {
	padding: 2px;
	border: 1px solid #f6e528;
}

th {
	background: #fff155  url(/images/table.png) repeat-x;
}
div.comment-item {
	border: 1px solid #f6e528;
	margin-bottom: 10px;
	padding: 1px;
	padding-top: 0px;
}
div.comment-header {
	background: #fff155  url(/images/table.png) repeat-x;
	padding: 3px;
	padding-left: 10px;
}
div.comment-inner {
	margin: 9px;
}
span.comment-time {
	display: block;
	float: right;
	margin-right: 10px;
}
pre {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	overflow: auto;
	width: 610px;
	white-space: pre;
	font-size: 12px;
	font-family: monospace;
	background: #fefce8;
	border: 1px dashed #f6e528;
}
a img {
	border: 0px;
}
a.rss {
	text-decoration: none;
	line-height: 14px;
}
a.rss img {
	vertical-align: bottom;
}

/* Tweaks */

div.cleaner {
	height: 1px;
	line-height: 1px;
	border: 0px;
	clear: both;
	margin-top: 10px;
}
.error h1 {
	clear: none;
}
.error-img {
	float: left;
	margin: 10px;
	margin-top: 0px;
}
ul.error {
	list-style: none;
	border: 1px solid #d80200;
	background: #ffd1d1;
	padding: 5px;
}
div.success {
	background: #dcffd1;
	border: 1px solid #4bcd23;
	padding: 5px;
}
.portfolio-item {
	clear: both;
	border-bottom: 1px dashed #f6e528;
	margin-top: 20px;
}
.portfolio-item h2 {
	clear: none;
	padding-top: 10px;
}
.portfolio-item img {
	border: 20px solid #fefce8;
}
.left {
	float: left;
	margin: 20px;
}
.inner {
	padding: 20px;
}
#blog-content {
	width: 649px;
	float: left;
}
#blog-submenu {
	float: right;
	margin-top: 20px;
	width: 250px;
	background: #fefce8;
}
#blog-submenu p {
	text-indent: 0px;
	margin-bottom: 10px;
	line-height: 1;
}
#blog-submenu .inner,
#blog-content .inner {
	padding-top: 0px;
}
#blog-content .inner {
	padding-left: 0px;
}
.blog-item {
	margin-top: 20px;
}
.blog-item-detail {
	margin-top: 20px;
}
.blog-item h2 {
	margin-top: 0px;
}
.blog-item h2 a {
	text-decoration: none;
}
div.date {
	background: #fefce8 url(/images/date.png);
	width: 68px;
	height: 63px;
	float: left;
}
div.date2 {
	font-weight: bold;
	width: 88px;
	float: left;
	font-size: 100%;
	line-height: 27px;
}
div.date span {
	display:block;
	color: #535353;
	font-weight: bold;
	padding: 2px;
	font-family: Times;
	text-align: center;
}
div.date span.date {
	font-size: 120%;
	margin-top: 2px;
}
div.date span.year {
	font-size: 140%;
}
div.indent {
	float: left;
	width: 530px;
	margin-left: 20px;
	min-height: 100px;
}
div.indent2 {
	margin-left: 0px;
	min-height: 20px;
}
div.other {
	background: white url('/images/under-blog.png') no-repeat;
	padding: 5px;
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 20px;
}
div.other .time {
	background: url(/images/clock.png) no-repeat;
	padding-left: 22px;
	margin-left: 3px;
}
div.other .tags {
	background: url(/images/tags.png) no-repeat;
	padding-left: 22px;
	margin-left: 15px;
}
div.other .comments {
	background: url(/images/comments.png) no-repeat;
	padding-left: 22px;
	margin-left: 15px;
}
#share-box {
	border-color: #9F1C1C;
}
.share-box-inner {
	width: 165px;
}
.paginator {
	margin-top: 20px;
}
div.comix {
	overflow-x: auto;
	width: 900px;
	border: 1px dashed #f6e528;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: center;
}
div.home-left {
	width: 600px;
	float: left;
}

div.home-right {
	background: #FEFCE8;
	padding: 10px;
	float: right;
}
/* Twitter */
.twtr-hd,
.twtr-ft {
	display: none;
}
.twtr-widget .twtr-tweet-wrap {
	padding-left: 0px !important;
}
#twtr-widget-1 .twtr-tweet a:hover {
	color: white !important;
	text-decoration: none !important;
}
div.twtr-tweet-text p em {
	display: none !important;
}
.twtr-bd p {
	font-style: italic;
}
.projects {
	list-style: none;
	padding-left: 0px;
}
.projects li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 200px;
	float: left;
	text-align: center;
}
.projects li img {
	clear: both;
	text-align: center;
}
.projects li a:hover {
	background: white;
}
.projects li a.heading {
	font-size: 120%;
	clear: both;
	display: block;
	text-decoration: none;
}
.projects li a.heading:hover {
	background: #D80200;
}
.projects li span {
	display: block;
	height: 150px;
}
/* Leganto */
#leganto-read-list {
	width: 250px !important;
}
#leganto-content ul {
	margin-left: 6px !important;
}
.leganto-more {
	margin-left: 6px !important;
}
.contact-left {
	float:left;
	width: 350px;
}
.contact-right {
	float: right;
	background: #FEFCE8;
	padding: 20px;
	margin-top: 20px;
}
.contact-right h2 {
	margin-top: 0px;
}
.contact-right label,
.contact-right input.button {
	width: 100px;
}
.contact-right p.mandatory-legend {
	padding-left: 120px;
}
.perex {
	font-style: italic;
	font-size: 115%;
}
#frm-searchForm {
	margin-top: 10px;
}
#frm-searchForm label {
	display: none;
}
#frm-searchForm .text,
#frm-searchForm .button {
	margin-left: 0px;
}
#blog-submenu p.mandatory-legend {
	display: none;
}