/*
Theme Name: ITScript
Theme URI: http://itscript.com/
Description: Custom theme
Version: 1.0
Author: Vasiliy Kilin
Author URI: http://itscript.com/
Tags: none
*/

html, body {padding: 0; margin: 0; font-family: Arial,Verdana;}
a img {border: 0;}

body {background: url('p/bg.png') top repeat-x #fcfffe;}

ul, ol, li {padding: 0; margin: 0;}
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

#main {width: 940px; margin: 0 auto; position: relative;}

#header {position: relative; height: 80px;}
#logo {position: absolute; top: 20px; left: 20px;}

#footer {background: url('p/footer_bg.gif') top repeat-x #32788f; height: 215px;}

#topMenu {float: right; position: absolute; top: 0px; right: 0px;}
#topMenu ul {margin: 24px 13px 0 0; padding: 0; list-style: none;}
#topMenu a {display: inline-block; height: 25px; font: 14px Tahoma; color: #fcfffe; text-transform: uppercase; text-decoration: none;}
#topMenu a span {display: inline-block; margin: 0 6px 0 0; padding: 3px 7px 0; height: 22px;}
#topMenu li {float: left; margin: 0 0 0 3px; padding: 0 0 0 6px; height: 25px;}
#topMenu li.current {background: url('p/menuTopLeft.gif') no-repeat top left;}
#topMenu li.current a {color: #32778c; background: url('p/menuTopRight.gif') no-repeat top right; cursor: pointer;}
#topMenu li.current a span {background-color: #fcfffe;}

#msg {position: absolute; background: url('p/msg.png') no-repeat; width: 175px; height: 109px; right: 125px; top: -35px;}
#msg span { font-family: Arial; font-size: 1.5em; margin: 15px 20px 0 24px; display: block; text-align: center;}
#msg span  a {color: #32788f; text-decoration: none;}


#container {margin: 15px 0; position: relative; color: #31474a; width: 940px;}
#content {width: 610px; float: left; position: relative; height: auto; margin: 10px 10px 0 0px; padding: 0 0 0 25px;}
#container h2 {color: #32788f; font-weight: normal; font-size: 1.5em; margin: 0 0 5px 0;} 
#container h2 a {color: #32788f; text-decoration: none; font-weight: normal;}
.post {position: relative; margin: 0 10px 25px 0;}
#container h3 {color: #727272; font-size: 0.9em;}
#container h3 a {color: #727272; text-decoration: none;}
#container h4 {color: #32788f; font-family: Arial; font-weight: bold; font-size: 1.2em;}
#container .entry {color: #31474a; font-size: 0.9em; text-align: left; font-family: Verdana, Arial; margin-top: 10px;}
#container .entry b {color: #727272; font-size: 0.9em; font-family: Verdana, Arial;}
#container .entry a {color: #32788f; font-size: 0.9em; font-family: Verdana, Arial;}
#container a {color: #32788f; font-weight: bold;}
#container p {line-height: 1.3em;}
.post strong {color: #32788f; font-weight: normal; font-size: 1.0em;}
#container .line {background-color: #cbd4d5; height: 1px; margin: 10px 0;}
#container.home {background: url('p/content_bg.gif') top no-repeat #fcfffe; padding-top: 5px;}

#container ul, #container ol {margin: 20px;}

#sidebar {width: 280px; float: left; padding: 0px; margin: 10px 15px 0 0px; height: auto; font-size: 1em; font-family: Arial;}


.footer {position: relative; height: 30px;}
.footer a {color: #32788f; font-weight: bold; font-size: 0.75em; text-decoration: underline; font-family: Arial;}
.footer a:hover {text-decoration: none;}
.comments { position: absolute; padding-left: 28px; border: 0px solid #000; }
.comments .ico { position: absolute; background:url('p/taco.png') 0 0 no-repeat; width: 25px; height: 24px; left: 0px; top: -2px;}
.tags {position: absolute;  padding-left: 32px; left: 165px;}
.tags .ico {position: absolute; background:url('p/taco.png') -25px 0 no-repeat; width: 29px; height: 24px; left: 0px; top: -2px;}

#exp {position: relative; margin: 0px;}
.nav {display: none; position: absolute; width: 60px; height: 25px; left: 220px; top: 6px;}
.larr {position: absolute; background: url('p/arrows.png') 0 0 no-repeat; width: 25px; height: 21px; display: block;}
.rarr {position: absolute; background: url('p/arrows.png') -25px 0 no-repeat; width: 25px; height: 21px; display: block; left: 30px;}

.slug {color:#32788f; font-family:Arial; font-size: 1.45em; font-weight: bold;}
.num {color:#c1c7c8; font-family:Arial; font-size: 1.45em; font-weight: bold;}
.sub {color:#31474a; font-size: 0.9em; padding-left: 25px;}
.tab {height: 57px; width: 264px; display: block; margin: 0 0 3px 0; padding: 4px 7px; cursor: pointer;}
.underline {background: url('p/tab_bg_p.png') no-repeat bottom;}
#tabs {background: url('p/tabs_bg.png') no-repeat; height: 290px; position: relative; margin: 10px 0 0 0;}
#pads {height: 280px; width: 280px; position: absolute; top: 10px; left: 10px;}
#tabs .last {background: none;}
#tabs .active {background: url('p/tab_bg.png') no-repeat;}
#tabs a {display: block; text-decoration: none;}
.active .num, .active .slug,  .active .sub {color: #FFF;}


#tab_container {position: absolute; width: 625px; height: 265px; background: url('p/tab_container.png') no-repeat top left; top: 10px; right: 10px;}
.tab_content {width: 625px; height: 265px; display: none; position: relative; background: none no-repeat top right;}
#tab_1 {background-image: url('p/tab_1.png'); display: block;}
#tab_2 {background-image: url('p/tab_2.png');}
#tab_3 {background-image: url('p/tab_3.png');}
#tab_4 {background-image: url('p/tab_4.png');}

.tab_content .text1 {top: 10px; left: 15px;  position: absolute; width: 290px; height: 70px; border: 0px solid #000; color: #fff; font-weight: bold; font-size: 1.3em;}
.tab_content .text2 {top: 140px; left: 20px; position: absolute; width: 310px; height: 125px; border: 0px solid #000; color: #31474a; font-size: 1.4em; line-height: 1.6em;}
.tab_content .text3 {top: 140px; left: 365px; position: absolute; width: 260px; height: 125px; border: 0px solid #000; color: #31474a; font-size: 1.3em;}


#illustration {background: url('p/illustration_office.jpg') no-repeat; height: 227px; position: relative;}
#illustration h1 {width: 350px; color: #32788f; font-family: Arial; margin: 25px 0 0 25px; position: absolute;}
#illustration h3 {width: 270px; font-family: Arial; font-weight: normal; font-size: 1.4em; color: #31474a; margin: 130px 0 0 25px; position: absolute;}

.menu {display: block; border: 0px solid #000; width: 340px; height: 150px; position: absolute; left: 10px; list-style: none; padding-left: 10px; margin: 25px 0 0 0;}
.menu li {float: left; width: 160px;}
.menu li a {color: #a3c2cc; text-decoration: none; font-size: 0.9em;}
.menu li a:hover {text-decoration: underline;}
.menu ul {/*list-style-image: url('p/tick.gif');*/}
.menu ul li {float: none; margin: 3px 0px; list-style-image: url('p/tick.gif');}
.menu ul li.first {list-style: none; /*margin-left: -13px;*/}
.menu h3 {margin: 0; height: 20px;}
.menu h3 {color: #fff; font-family: Arial; font-weight: bold; font-size: 1em; text-decoration: none;}
.copy {position: absolute; width: 200px; right: 30px; color: #a3c2cc; font-size: 0.8em; padding: 8px 0px; top: 20px;}


img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right; }
.alignleft {float: left;}

#comment {width: 100%;}

.clear {clear: both;}

#qr_form {width: 100%; text-align: left; padding: 0px; margin: 0px;}
#qr_form b {margin: 0px;}
#qr_form small {display: block; width: 100%; font-size: 0.9em;}
#qr_form .input_field {display: block; width: 300px;}
#qr_form .required {color: red;}


#qr_form .fmtext, #qr_form .fmfile, #qr_form .fmtextarea {float: left;}

#team {height: 260px; width: 360px; background: url('p/meet_team_bg.png'); position: relative;}
#team h2 {position: absolute; top: 20px; left: 15px;}
#team .dev {width: 330px; height: 80px; margin: 0 auto; background: url('p/b1.png') right no-repeat; position: absolute; top: 60px; left: 15px;}
.dev .note {position: absolute; width: 200px; height: 60px; top: 10px; right: 10px; border: 0px solid #000; color: #fff; font-size: 0.9em;}
.note strong {color: #fff; line-height: 1.3em;}

#get_quote {height: 100px; width: 235px; background: url('p/gfq2.png') 185px 5px no-repeat; position: relative; margin-bottom: 20px; border: #000 0px solid;}
#get_quote h2 {position: absolute; top: 15px; left: 0px;}
#get_quote span {color: #31474a; position: absolute; bottom: 10px; padding: 0px;}

#testimonials {position: relative; margin: 0px; width: 235px; height: auto; padding-left: 0px;}
#testimonials .nav {display: none;}
#testimonials .reference {border: #000 0px solid; width: 210px; height: 75px; background: url('p/b2.png') no-repeat top; text-align: left; padding: 10px; color: #fff; font-size: 0.9em;}
#testimonials .person {font-size: 0.9em; text-align: left; padding-left: 50px; background: url('p/person.png') no-repeat left;}

#twitter {width: 310px; height: 215px; position: absolute; left: 630px; background: url('p/footer_bg.gif') top repeat-x #408ca5;}
#twitter h3 {color: #fff; font-family: Arial; font-weight: bold; font-size: 1em; text-decoration: none; position: absolute; top: 30px; left: 20px;}
#tweeloon {width: 240px; height: 75px; background: url('p/tweeloon.png') no-repeat; font-style: italic; padding: 10px; color: #fff; font-size: 0.9em; top: 60px; position: absolute; left: 25px;}
.birdie {position: absolute; width: 185px; height: 35px; top: 95px; background: url('p/birdie.png') no-repeat left; padding-left: 55px; border: 0px solid #000; left: 0;}
.birdie a, .birdie {color: #fff; font-style: normal; line-height: 35px;}


.scroll {height: 180px; overflow: hidden; position: relative; clear: left;}
.scrollContainer div.panel {padding: 0px; margin: 0; height: 180px; width: 280px; text-align: left;}
		  

/* Comments */
ul.commentlist { font-size: 0.9em; list-style: none; margin-left: 0px !important; padding-top: 5px;}
ul.commentlist a { text-decoration: none; }
ul.commentlist cite { font-weight: bold; color: #32788f; }
ul.commentlist .comment-meta { display: none; }
ul.commentlist { border-top: gray 1px dotted; border-bottom: gray 1px dotted; }