/* CSS RESET */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* End of RESET */

h1 { font-size:160%; color:#fff; font-weight:bold; margin: 0 0 10px 0; }
h2 { font-size:150%; color:#fff; font-weight:bold; margin: 0 0 10px 0; }
h3 { font-size:140%; color:#fff; font-weight:bold; margin: 0 0 10px 0; }
h4 { font-size:130%; color:#fff; font-weight:bold; margin: 0 0 10px 0; }
h5 { font-size:120%; color:#fff; font-weight:bold; margin: 0 0 10px 0; }
h6 { font-size:110%; color:#fff; font-weight:bold; margin: 0 0 10px 0; }
p { margin: 0 0 10px 0; line-height: 125%; }
b { color:#EB7600; }
body { background:#B6B6B6; color:#CCC; font-family: Calibri, Arial, sans-serif; }
.inner { width:940px; margin:auto; }
a { color:#ffffff; font-weight:bold; text-decoration:none; }
a:hover { color:#ffffff; font-weight:bold; text-decoration:underline; }

#header { background:url(/images/header.jpg) repeat-x #BABABA; border-bottom:5px solid #ccc; color:#000; height:90px; width:100%;  }
#header #logo { margin: 5px 0 0 0; }
#header h1 { display:none; }

.thumbs { float:left; height:256px; width:256px; overflow:hidden; margin: 0 13px 0 0; border:2px solid #666; }
.thumbs a { width:256px; height: 256px; }
.info { background:transparent url(/images/transparent-bg.png);  width: 256px; margin:0; z-index: 1000;}
.info h3 { padding: 10px; margin:0; text-align:center; line-height:1em; }
.info a { background: url(/images/panel-button.png) no-repeat 0 0; text-align:center; width: 92px; margin: 0 0 10px 10px; height:25px; padding: 0 10px; display:inline-block; color: #3C3C3C; font-size: 12px; line-height: 25px;}
.info a:hover { text-decoration:none; color:#fff; background-position: 0 -25px;}
.thumbs .info a.mb { position:static; float:none; background: url(/images/panel-button.png) no-repeat; text-align:center; width: 92px; margin: 0 0 10px 10px; height:25px; padding: 0 10px; display:inline-block;  font-size: 12px; color: #3C3C3C; line-height: 25px; }
.thumbs .info a.mb:hover { text-decoration:none; color:#fff; background-position: 0 -25px; }
#background { background:#0C151A url(/images/background.gif) repeat-x; overflow:hidden; }
#wrapper { width:940px; margin:auto; }
#left-content { width:600px; float:left; }
#right-content { width:320px; float:right; }
#content { overflow:hidden; }

#graph { width:600px; margin: 10px 0 0 0; }
#graph h3 { display:none; }

#links { margin: 20px 0 0 0; text-align:left; }
#links a { margin: 0 10px 0 0; }

#contact label { width:80px; display:block; float:left; }
#contact input, #contact textarea { border:2px solid #666; width:230px; padding:3px; color:#666; font-family:Calibri, Arial, sans-serif; }
#contact input:focus, #contact textarea:focus { border:2px solid #EB7600; }
#contact .submit { width:auto; border:0; overflow:hidden; height: 30px; margin-left:80px; display:block; background: url(/images/submit.gif); width: 125px; text-indent:-9999px; cursor:pointer;  }
#contact a:hover { background-position: 0 -30px; }
#contact .submit:focus { border:0; }
#contact .error { margin: 0 0 0 80px; padding:0; color:#ff0000; }
.content { clear:right; font-size:90%; }
#container { overflow:hidden; margin: 0 0 20px 0; clear:both; }

#footer {background: #A8A8A8; color: #333; clear:both; overflow:hidden; color:#333; font-size:90%; background:url(/images/footer-bg.jpg) repeat-x #A8A8A8; padding: 20px 0; }
#footer p { margin:0; }
.goleft { float:left; }
.goright { float:right; }

#slider { background: url(/images/slider-bg.png) no-repeat 0 center; overflow:hidden; margin-bottom: 20px; height: 302px; }
#slider-container { width:818px; float:left; overflow:hidden; margin: 21px 0; display:block; position:relative; }
#slider-inner { float:left; width:5000px; overflow:hidden; }
.slide-image  { cursor:pointer; }
#slider-left { width:43px; height:43px; float:left; background:url(/images/slide.jpg) no-repeat 0 -86px; margin: 130px 18px 0 0; cursor:pointer; }
#slider-right { width:43px; height:43px; background:url(/images/slide.jpg) no-repeat 0 0; float:left;  margin: 130px 0 0 18px; cursor:pointer; }
#myForm { min-height:200px; }

#skills { overflow:hidden; }
#skills .left { float:left; width:50%; }
#skills .right { width: 50%; float:right; }
#skills li { background: url(/images/tick.gif) no-repeat 0 50%; padding: 0 0 0 20px; margin: 0 0 5px 0; }

.tip { background:#050A0C; padding:10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #666; width: 200px; }

/* Blog */
#blog { width:700px; margin: 20px 19px 20px 0; padding: 0 20px 0 0; float:left; border-right: 1px solid #666; }
#right_column { float:right; width:200px; margin: 20px 0 0 0; }
#right_column h3 { font-size: 120%; }
#right_column h4 { font-size: 110%; }
.blog-item { border-bottom: 1px solid #666; padding: 0 0 20px 0; margin: 0 0 20px 0; }
.comments { clear:both; }
pre.code { margin: 0 0 10px 0; background: #999; color: #000; border: 1px solid #000; padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
p.add-comment { float:left; margin: 0 10px 0 0; }
.blog-form { margin: 20px 0; }
.blog-form label { width: 170px; display:block; float:left; text-align: right; padding: 0 10px 0 0; }
.blog-form input { width: 300px; padding: 5px; }
.blog-form input.submit { width:auto; }
.blog-form textarea { width: 300px; padding: 5px; font-family:Calibri,Arial,sans-serif; }