/*
This code is written by Ibanescu Nicolae and it is licensed under a http://creativecommons.org/licenses/by-nc-nd/2.5/
Creative Commons Attribution-Noncommercial-No Derivative Works 2.5  License
Author: Nicolae Ibanescu
Author URI: http://nicu.wp-design.org
*/

* { margin:0; padding:0;}
body { font:normal 12px/normal Arial, Helvetica, sans-serif; color:#333; background:#E3F8FD url('img/wp-clouds_small.jpg') repeat-x left top;}
ul, ol { list-style-type:none;}
a { color:#008EAF; text-decoration:none;}
a:hover { color: #000; text-decoration:none;}
a img { border:0;}
h1, h2, h3, h4 {  font-size:24px;  font-weight:normal; letter-spacing:-1px; margin-bottom:10px; }
h5, h6 { font-size:20px; font-weight:normal; letter-spacing:-1px; margin-bottom:10px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#99CC00!important}
abbr { border:0; color:#FF3300}


/* -------------------------layout-----------------------------*/

#mcontainer { width:780px; margin:0 auto;}
#container {  position:relative; width:780px; margin-bottom:15px;}
#footer {  position:relative; width:780px; margin-bottom:15px;}
.content { padding:20px;}
.left-col { width:480px; float:left; margin-right:40px}
.right-col { width:220px; float:left;}
.first-col { width:220px; float:left; margin-right:40px;}
.second-col { width:220px; float:left; margin-right:40px;}
.third-col { width:220px; float:left;}


/* -------------------------header-----------------------------*/

#header { width:780px; height:72px; position:relative;}
#header #logo { position:absolute; top:23px; left:20px; font-size:12px; letter-spacing:normal; margin:0; color:#3B8C9F;}
#header #logo img { vertical-align:middle; border-right:2px solid #E3F8FD; padding-right:12px;}
#header #logo a { margin-right:12px;}


/* ------------------------navigation--------------------------*/

#nav { position:absolute; right:20px; bottom:0; font-family:Arial, Helvetica, sans-serif}
#nav li { float:left; display:block; }
#nav li a { float:left; display:block; padding:7px 6px 6px 6px; color:#fff; font-weight:bold;}

#wp-home #nav-home, 
#wp-download #nav-download, 
#wp-portfolio #nav-portfolio, 
#wp-contact #nav-contact { padding-left:9px; background:url('img/wp-menu-left.gif') no-repeat left top;}

#wp-home #nav-home a, 
#wp-download #nav-download a, 
#wp-portfolio #nav-portfolio a, 
#wp-contact #nav-contact a { padding:7px 15px 6px 6px;  background: url('img/wp-menu-right.gif') no-repeat right top; color:#333; font-weight:normal;}


/* ------------------------WP Slider--------------------------*/

.slider { width:740px; height:240px;  margin-bottom:15px; background-color:#DBF7FD; }
.slider_slides {position:relative; width:500px; height:240px; overflow:hidden; float:left }
.slides {position:absolute; width:20000em;}
.slide {height:240px;background:#222;width:500px;float:left }
.slide img { width:500px; height:240px;}
.slider_nav {float:right; height:240px; width:239px; border-top:1px solid #AAE6F1; border-right:1px solid #AAE6F1;}
.slider_nav li{ color:#333333; display:block; height:66px; padding:13px 13px 0 13px; border-bottom:1px solid #AAE6F1; text-decoration:none; width:213px; cursor:pointer; background:url('img/wp-item2.png') no-repeat; }
.slider_nav li.active{ background-image:none!important;}
.slider_nav img{ float:left; margin-right:10px; width:50px; height:50px;}
.slider_nav li strong { font-size:18px; color:#99CC00; font-weight:normal; letter-spacing:-1px; display:block;  }
.slider_nav li em {  font-style:normal; background:url('img/wp-item-bull.gif') no-repeat 0 4px; padding-left:8px; display:block }
.slider_nav li.active strong { color:#333;}
.slider_nav li .desc {height:30px; overflow:hidden;}


/* ---------------------------backgrounds----------------------*/

.two-cols { background:#fff url('img/btm-two-cols.png') no-repeat center bottom;}
.three-cols { background:#fff url('img/btm-three-cols.png') no-repeat center bottom;}
.crn-left { width:9px; height:9px; position:absolute; left:0; top:0; font-size:1px; }
.crn-right { width:9px; height:9px; position:absolute; right:0; top:0; font-size:1px;}
#container .crn-left { background:url('img/crn-left.png') no-repeat left top;}
#container .crn-right { background:url('img/crn-right.png') no-repeat right top;}
#footer .crn-left {  background:url('img/crn-left-btm.png') no-repeat left top;}
#footer .crn-right { background:url('img/crn-right-btm.png') no-repeat right top;}


/* ---------------------------footer----------------------*/

#footer a img { border:1px solid #B1EAF3; padding:2px}
#footer a:hover img { border:1px solid #000}
#footer ul li { background:url('img/wp-item-bull.gif') no-repeat 0 4px; padding-left:8px; }
#footer ul li.ad span { display:none;}
#footer ul.list-inline { margin-top:15px;  margin-left:-20px; width:238px; }
#footer ul.list-inline li { float:left; padding:0 0 0 20px; background:none;}


#copyright { text-align:center; margin-bottom:15px;color:#3B8C9F;  font-size:11px;  }
#copyright a {color:#3B8C9F; text-decoration:underline;}
#copyright img { vertica-align:middle}


/* --------------------------portfolio/download---------------------*/

.left-col .alt { margin-right:40px!important;}
.left-col .list-portfolio { margin:0 -40px 20px 0; width:220px; float:left; position:relative; }
.left-col .list-portfolio .title {  margin:0 0 5px 0; font-size:20px; color:#99CC00; letter-spacing:-1px;}
.left-col .list-portfolio img { width:210px; border:1px solid #B1EAF3; background:#fff; padding:2px; margin:0 0 5px 0;}
.left-col .list-portfolio .upper { color:#FF3300}
.left-col .list-portfolio .tags {color:#63B4CB;}
.left-col .list-portfolio .more-link { color:#317E95; }
.left-col .list-portfolio .frame { display:none;}


/*-----------------------------sidebar----------------------------*/

.box { margin-bottom:20px;}
.right-col .list-portfolio { }
.right-col .list-portfolio li { clear:both; height:70px;}

.right-col .list-portfolio li img { float:left;  }
.right-col .list-portfolio li.title { font-size:20px; color:#99CC00; letter-spacing:-1px; float:left; height:25px; }


#tags {font-size:10px}
#tags a { display:block; padding-left:8px; background:url(img/wp-item-bull.gif) no-repeat left center;}
a.tags { background:url(img/btn.gif) no-repeat left top; font:bold 11px Arial, Helvetica, sans-serif; color:#fff; padding:3px 9px 3px 9px; line-height:20px;} 
a.tags:hover { color:#333}
#tag-cloud {font-size:20px; text-align:justify}

/*----------------------------post--------------------------------*/

.post p { margin-bottom:10px;}

/*-----------------------------article----------------------------*/
.article { }
.article a { color:#317E95;}
.article p {  clear:both; margin-bottom:10px;}
.article .hidden { display:none;}
.article .upper { display:block; float:left;  width:100px; }
.article h3 { font:normal 20px arial; margin-bottom:5px; letter-spacing:-1px;}
.article ul{ margin-bottom:10px;}
.article ul li { padding-left:8px; background:url(img/wp-item-bull.gif) no-repeat 0 5px; margin-bottom:3px;}
.article .download {padding-left:100px;}
.article .download a { background:url(img/btn.gif) no-repeat left top; font:bold 11px Arial, Helvetica, sans-serif; color:#fff;} 
.article a.test { background: #9FD300; color:#fff; font-size:11px; font-weight:bold; line-height:20px; padding:3px 9px; -moz-border-radius:3px;}
.article a.dld { background:#9FD300; color:#fff; font-size:11px; font-weight:bold; line-height:20px; padding:3px 9px; -moz-border-radius:3px;}
.article a.dld:hover,
.article a.test:hover { color:#333}

.article .navigation { margin-top:10px;}
.article .navigation a {color:#99CC00; }

#questions {  margin-bottom:20px; border-top:2px dotted #A4E4F0; padding-top:20px;}
.nocomments {  font-size:24px;  font-weight:normal; letter-spacing:-1px; margin-bottom:10px;}

#commentlist { margin-bottom:20px; }
#listcomment li {  padding:0 0 10px 0!important; margin:0 0 10px 0!important; border-bottom:1px dotted #D4ECF4;  }
#listcomment p { margin:0; padding:0; margin-bottom:3px;}

#leave-comment { margin-bottom:10px }
#leave-comment p { margin-bottom:3px;}


.logged {  text-align:center; background:#EDFBFE; padding:41px 0; margin-top:18px;}

.gallery { }
.gallery:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.gallery {display: inline-block;}
html[xmlns] .gallery {display: block;}
* html .gallery {height: 1%;}
.gallery br { display:none!important;}
.gallery a img { border:1px solid #B1EAF3!important; padding:2px!important}
.gallery a:hover img { border:1px solid #000!important}
.gallery .gallery-item {float:left!important; margin:0 10px 10px 0!important; text-align:left!important; width:auto!important;}

/* ------------------------contact---------------------*/
.cform li {margin-bottom:10px; }
.cform fieldset { border:none;}
.cform .cf_hidden {display:none}
.cform input, .cform textarea {border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB; }
.cform label {display:block; color:#63B4CB;font-family:Arial,Helvetica,sans-serif;font-weight:bold;text-transform:uppercase;}
.cform input:focus, .cform textarea:focus { background:#fff; border:1px solid #79B1D0; color:#000;}
.cform textarea { overflow:auto; height:103px;}
.cform .cf_li_err input, .cform .cf_li_err textarea { border:1px solid red!important; background:#FEFDDE!important; color:#B5AE59!important;}
.cform .cf_li_err input:focus, .cform .cf_li_err textarea:focus { color:#000!important}
.linklove { display:none}
.cform input.sendbutton {background:url(img/btn.gif) no-repeat left top; border:0; font-weight:bold; color:#fff; width:77px; height:20px; padding-bottom:3px; cursor:pointer; text-align:center;}
.cform .secinput { width:80px; margin-right:5px;}
.cform .captcha { vertical-align:middle}
/* -----------------input,textarea and forms-----------*/

input, select, textarea {  font:normal 11px/normal Arial, Helvetica, sans-serif; }
label { cursor:pointer}
#name, #email, #website, #message, #company, #address { border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB;}
#name:focus, #email:focus, #website:focus, #message:focus, #company:focus, #address:focus  { background:#fff; border:1px solid #79B1D0; color:#000;}
#message { overflow:auto; height:103px;}
.btn-submit { clear:both;  padding-top:5px;}
*html .btn-submit { padding:0; margin:0;}
.input-btn { background:url(img/btn.gif) no-repeat left top; border:0; font-weight:bold; color:#fff; width:77px; height:20px; padding-bottom:3px; cursor:pointer; text-align:center;}
.input-btn:hover { color:#333;}
*html .input-btn { padding:0;}
#s { border:1px solid #A4E4F0; padding:3px 5px; width:215px; background:#F6FDFF; color:#63B4CB;}
#s:focus { background:#fff; border:1px solid #79B1D0; color:#000;}


/* ---------------------------other----------------------*/

.big { font-size:16px; line-height:20px;}
.upper { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#63B4CB; font-weight:bold;}
.left, .alignleft { float:left; width:48%; }
.right, .alignright { float:right; width:48%; }
.alignright {text-align:right}
.clear {  clear:both}
.navigation { clear:both; }
.center {text-align:center;}

/* ---------------------------lightbox----------------------*/

#lightbox a { border:1px solid #B1EAF3; display:block}
#lightboxImage { border:2px solid #fff}
#closeButton { border:0; width:70px; height:23px;}
#overlay { background:#000 url(img/logo-over.gif); }
#overlay {	opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80);	}



.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}