@import url("reset.css");
@import url("global-forms.css");
/* #83C3DE */
/* #00628B */

body {
background:url("../images/main_bg.png") #222;
color:#FFF;
font-size:87.5%;
font-family:'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
line-height:1.429;
text-align:left;
margin:0;
padding:0;
}

h2 {
font-size:1.571em;
}

h3 {
font-size:1.429em;
}

h4 {
font-size:1.286em;
}

h5 {
font-size:1.143em;
}

h6 {
font-size:1em;
}

h2,h3,h4,h5,h6 {
font-weight:400;
line-height:1.1;
margin-bottom:.8em;
}

a {
outline:0;
}

a img {
border:0;
text-decoration:none;
}

a:link,a:visited {
color:#83C3DE;
text-decoration:underline;
padding:0 1px;
}

p {
margin-bottom:1.143em;
}

* p:last-child {
margin-bottom:0;
}

ul {
list-style:outside disc;
margin:1em 0 1.5em 1.5em;
}

ol {
list-style:outside decimal;
margin:1em 0 1.5em 1.5em;
}

dl {
margin:0 0 1.5em;
}

dd {
margin-left:1.5em;
}

table {
width:98%;
margin:.5em auto 1.5em;
}

thead th {
text-align:left;
padding:.5em .4em;
}

tbody td {
padding:.5em .4em;
}

.body {
clear:both;
width:800px;
margin:0 auto;
}

#topbar {
background:url("../images/nav_bg.png") repeat-x #333;
color:#FFF;
padding-top:5px;
height:27px;
width:800px;
margin: 0 auto;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
}

.lang {
	font-size:14px;
	padding-right:5px;
	width:255px;
	display:inline;
	float:right;
	text-align:right;
}

p.logo {text-shadow: -1px -1px 1px #111 !important;padding-left:5px;padding-bottom:3px;width:200px;display:inline;float:left;font-size:14px;margin-bottom:5px}

.emphasis1 {font-size:20px;color:#02A0D6;font-weight:bold}
.emphasis2 {font-size:20px;color:#02A0D6;font-weight:bold}

.btn {
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
}

a.btn {
height:18px;
padding:2px 5px 5px;
text-shadow: -1px -1px 1px #222 !important;
}

a.btn:link,a.btn:visited {
background:url("../images/nav_active.png") 0 -3px;
color:#FFF;
text-decoration:none;
}

#banner {
margin:0 auto;
padding:10px 0 0;
}

#banner h1 {
font-size:3.571em;
line-height:.6;
color:#fff;
display:block;
font-weight:700;
text-decoration:none;
width:700px;
margin-top: .1em;
margin-bottom: .3em;
}

#banner h1 strong {
font-size:0.36em;
font-weight:400;
line-height:0.8em;
}

#banner nav {
background:url("../images/nav_brg.png") repeat-x #333;
font-size:1.3em;
height:27px;
line-height:20px;
text-align:center;
width:800px;
border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
border-bottom:1px solid #222;
margin:0 auto 0;
padding:0;
}

#banner nav ul {
list-style:none;
width:800px;
margin:0 auto;
}

#banner nav li {
float:left;
display:inline;
margin:0;
}

#banner nav a:link,#banner nav a:visited {
color:#fff;
display:inline-block;
height:23px;
text-decoration:none;
border-right:1px solid #222;
padding:2px 1em;
width:120px;
text-shadow: -1px -1px 1px #000 !important;
}

#banner nav a:hover {
background:url("../images/nav_active2.png") 0 -3px #00628B;
text-shadow:none !important;
border-right:1px solid #222;
color: #83C3DE !important;
text-shadow: -1px -1px 1px #000!important;
}

#banner nav a:active,#banner nav .active a:link,#banner nav .active a:visited {
background:url("../images/nav_active2.png") 0 -3px #00628B;
color:#fff;
text-shadow:none !important;
border-right:1px solid #222;
text-shadow: -1px -1px 1px #222 !important;
}



#banner nav li:first-child a {
border-top-left-radius:5px;
-moz-border-radius-topleft:5px;
-webkit-border-top-left-radius:5px;
border-bottom-left-radius:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
}

#featured {
background:url("../images/nav_bg.png") repeat-x #005579;
overflow:hidden;
width:760px;
color:#FFF;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
margin:0 auto 0.5em;
padding:20px;
}

#featured figure {
border:3px solid #222;
float:right;
width:220px;
margin:1em;
}

#featured figure img {
display:block;
float:right;
}

#featured h2 {
color:#83C3DE;
font-size:1.714em;
margin-bottom:0.333em;
font-weight:700;
}

#featured h3 {
font-size:1.3em;
margin-bottom:.5em;
}

#featured h3 a:link,#featured h3 a:visited {
color:#000305;
text-decoration:none;
}

#scontent {
background:#fff;
margin-bottom:2em;
overflow:hidden;
width:760px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:20px;
}

#content {
overflow:hidden;
margin:0 auto 0.5em;
}

#content h2 {
color:#C74350;
font-size:1.429em;
margin-bottom:.25em;
padding:0 3px;
}

#content a:link,#content a:visited {
color:#444;
display:block;
border-bottom:1px solid #F4E3E3;
text-decoration:none;
padding:.3em .25em;
}


#about {
background:url("../images/nav_bg.png") repeat-x #444;
font-style:normal;
margin-bottom:2em;
overflow:hidden;
text-align:left;
width:760px;
color:#FFF;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:20px;
}

#about .primary {
float:left;
width:165px;
}

#about .primary strong {
color:#C64350;
display:block;
font-size:1.286em;
}

#about .photo {
float:left;
margin:5px 20px;
}

#about .bio {
float:right;
width:350px;
}

#about .resume {
float:right;
width:150px;
}

#contentinfo {
padding-bottom:2em;
text-align:right;
}




#about-author {
background:#f9f9f9;
clear:both;
font-style:normal;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
margin:2em 0;
padding:10px 20px 15px;
}

#about-author strong {
color:#C64350;
clear:both;
display:block;
font-size:1.429em;
}

#about-author .photo {
border:1px solid #ddd;
float:left;
margin:5px 1em 0 0;
}

#login_box,#login_window {
margin-bottom:2em;
overflow:hidden;
width:225px;
color:#FFF;
font-size:14px;
}

#login_window {
background:#333;
display:none;
position:absolute;
top:30px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
padding:0 20px 20px;
}

input[type='email'],input[type='text'],input[type='password'],select {
background:url("../images/nav_bg.png") 0 -4px #444 repeat-x;
border:1px solid #111;
color:#FFF;
height:20px;
}

textarea {
background:url("../images/nav_bg.png") 0 -4px #444 repeat-x;
color:#FFF;
border:1px solid #111;
display:inline;
}

.login p {
text-align:right;
}

.login input[type='text'],input[type='password'] {
width:100%;
display:block;
}

#contact_form input[type='text'], #contact_form input[type='email'] {
width:200px;
}

td {
vertical-align:top;
}

div.project_container {
width:240px;
float:left;
margin-bottom:20px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:5px;
}

div.more_container {
margin-left:260px;
margin-bottom:20px;
}

#featured div.project_container h2, #featured div.more_container h2 {
color:#83C3DE;
font-size:1.3em;
}

#featured div.project_container h3, #featured div.more_container h3 {
color:#FFF;
font-size:.9em;
line-height:1.5em;
margin-bottom:1em;
}

#featured div a img {
border:2px solid;
}

#featured div a.go_link {
width:100px;
text-align:right;
float:right;
}

a:hover,a:active,.lang a:hover,.lang a:active {
color:#FFF;
}

a#client_btn {float:right;text-align:left;height:16px !important}

a#lang_btn:hover,a#lang_btn:active,a#client_btn:hover,a#client_btn:active {
color:#83C3DE;
}

strong,b,dt {
font-weight:700;
}

em,i,blockquote {
font-style:italic;
}

::-moz-selection,::selection {
background:#F6CF74;
color:#fff;
}

header,section,footer,aside,nav,article,figure,#posts-list footer address,.login label {
display:block;
}

img.right figure.right,img.left,figure.left {
float:right;
margin:0 0 2em 2em;
}

#lang a:link,#lang a:visited,#login_error {
color:#83C3DE;
}

a.btn:hover,a.btn:active,#banner nav a:hover {
color:#000;
}

a#btn_login,a#btn_contact,a#btn_dialog {
background-color:#00628B;
font-size:14px;
}

#featured h3 a:hover,#featured h3 a:active,#content a:hover,#content a:active {
color:#fff;
}

#content ul,#posts-list {
list-style:none;
margin:0;
}

#content li:last-child,#content li:last-child a,#content .blogroll li:nth-last-child(2),#content .blogroll li:nth-last-child(3),#content .blogroll li:nth-last-child(2) a,#content .blogroll li:nth-last-child(3) a {
border:0;
}

#about .url:link,#about .url:visited,.entry-title a:link,.entry-title a:visited {
text-decoration:none;
}


.error img{margin-left:5px;margin-right:5px}
.error {font-size:12px}
/* Z-index of #mask must lower than #boxes .window */
#mask {
	position:absolute;
	z-index:9000;
	background-color:#000;
	display:none;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
}
  
#boxes .window {
	position:absolute;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
	width:375px; 
	height:203px;
	background:url("../images/main_bg.png") #222;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#dialog a.btn{
	position:absolute;
	top:200px;
	right:20px;
}

#contact_form ul {
	list-style-type:none;
}



#contact_form ul li label {
	display:block;
	height:2em
}

#contact_form ul li {
	margin-bottom:1em;
	vertical-align:top;
}

#contact_form ul li a.btn{

}