/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt - version: 2.3.0 */
/* This stuff will cause this to not validate, but I dont care - Validation isnt as important as Usability */
/*reset.css*/ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/ body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/* Common styles */
body {background: #191919 url(/style/back.png);font-family:"Tahoma","Trebuchet MS",Arial,Helvetica,sans-serif;}
div.body {width:950px; margin:0 auto;}
#top {height:96px; background: url(/style/top_bg.png) repeat-x;}
#logo {float:left;}
#logo a {display:block;width: 328px; background: url(/style/logo.png) top left no-repeat;height:96px;text-indent:-8000px;}
#logo a:hover {background-position: bottom left;}
#quote{color:#fff; float:right; text-indent:-8000px;background: url(/style/top_quote1.png) no-repeat; height:96px; width:256px;}
div.body {color:#dfdfdf;width:900px;margin:0 auto;}
div.content{padding:0 15px;font-size:1.3em; line-height:1.6em;text-align:left;}
div.content p {padding-bottom:25px;}
br.clear {clear:both;}
* {outline: none;}

/* navigation */
div#middle {height:237px; background: url(/style/mid_bg.png) repeat-x #7dc3fd;}
div#middle .body{height:237px; background:url(/style/mid.png);width:950px; text-align:center;}
ul#popups{width:820px; height:100px; margin:2px auto 0; }
ul#popups li {position:relative;float:left;}
ul#popups li div{background:url(/style/nav.jpg) no-repeat;width:164px;height:0;position:absolute;bottom:-100px;}
ul#popups li.blog div{background-position:0px 20px;   left:0;}
ul#popups li.portfolio div{background-position:-164px 20px;left:164px;}
ul#popups li.aboutus div{background-position:-328px 20px;left:328px;}
ul#popups li.services  div{background-position:-492px 20px;left:492px;}
ul#popups li.contactus div{background-position:-656px 20px;left:656px;}
ul#buttons{width:820px; height:32px; margin: 0 auto;clear:both;float:none;}
ul#buttons li{float:left; background:url(/style/nav.jpg);width:164px; height:32px; background-position:bottom left;}
ul#buttons li.blog{background-position:0px bottom;}
ul#buttons li.portfolio{background-position:-164px bottom;}
ul#buttons li.aboutus{background-position:-328px bottom;}
ul#buttons li.services {background-position:-492px bottom;}
ul#buttons li.contactus{background-position:-656px bottom;}
ul#buttons li a {display:block;background:url(/style/nav.jpg);width:164px; height:32px; background-position:bottom left;text-indent:-8000px;}
ul#buttons li.blog a {background-position:0px bottom;}
ul#buttons li.portfolio a {background-position:-164px bottom;}
ul#buttons li.aboutus a {background-position:-328px bottom;}
ul#buttons li.services  a {background-position:-492px bottom;}
ul#buttons li.contactus a {background-position:-656px bottom;}

/* Headings */
h1 {background:url(/style/headings.png); display:block; width:900px;margin:0 auto; height:60px; text-indent:-8000px; margin-top:30px;}
h1.blog {background-position:0 0;}
h1.portfolio {background-position:0 -60px;}
h1.aboutus {background-position:0 -120px;}
h1.services {background-position:0 -180px;}
h1.contactus {background-position:0 -240px;}
h1,h2,h3,h4,h5 {color:#fff;}
h2 {font-size:1.2em;font-weight:bold;}
h3 {font-size:1.0em;font-weight:bold;}
h4 {font-size:0.8em;font-weight:bold; text-transform:uppercase;}

/* home */
#cnt-home .side {width:230px; float:left;}
#cnt-home .main {width:650px; float:right}
#cnt-home ul.learn-more a{color:#fff; line-height:20px; display:block; height:20px; padding-left:20px; }
#cnt-home ul.learn-more a:hover{color:#b8de67;}
#cnt-home ul.learn-more li {background: url(/style/greencheck.png) 0 50% no-repeat; display:block; height:20px;line-height:20px; padding:5px 0; float:left; width:150px;}
#cnt-home ul.our-services a{color:#fff; line-height:20px; display:block; height:20px; padding-left:20px; }
#cnt-home ul.our-services a:hover{color:#f41d8c;}
#cnt-home ul.our-services li {background: url(/style/pinkcheck.png) 0 50% no-repeat; display:block; height:20px;line-height:20px; padding:5px 0;}
#cnt-home h2 {display:block; width:265px; height:39px; text-indent:-8000px;margin-bottom:10px;}
#cnt-home .main h2.about-us {background:url(/style/h2_whoweare.png); width:215px;}
#cnt-home .main h2.learn-more {width:213px; background:url(/style/h2_learnmore.png)}
#cnt-home .side h2.our-services {width:213px; background:url(/style/h2_ourservices.png)}
#cnt-home .request img {margin-top:10px;}

/* portfolio */
#portfolio-index {clear:both; float:none; margin:80px 0; text-align:left; background:#3F3B3B;border:2px solid #ccc;padding:16px;}
#portfolio-index {text-align:center;margin-top:10px;}
#portfolio-index img {height: 100px;width:100px; margin:0 5px;border:1px solid gray; text-align:center;}
#portfolio-index a:hover {border-bottom:3px solid #fff;}
.new-portfolio-entry a {color:#fff;}
.new-portfolio-entry {font-size:0.9em; margin-bottom:30px;}
.new-portfolio-entry h2 {font-weight:normal; font-size:1.7em; padding-bottom:10px;border-bottom:solid 1px gray; margin-bottom:5px;}
.new-portfolio-entry .image  {float: left;width: 200px;margin: 0;padding-right: 10px; }
.new-portfolio-entry .list   {float: right;width: 180px;margin: 0;padding-left: 10px;}
.new-portfolio-entry .list h3 {font-weight:normal; font-size:1.1em}
.new-portfolio-entry .list li {background: url(/style/listarrow.png) no-repeat; line-height:20px; padding-left:25px;}
.new-portfolio-entry .content{padding: 0 10px; width:450px}



/* services */
#services-nav {width:200px; float:left;}
#services-nav ul {border-left:solid 1px #ef3595; margin:10px; padding-left:10px;}
#services-nav h2{margin:15px 0 0; font-size:1.0em;background: url(/style/blog-nav.jpg) 0 -90px; width:190px; height:30px; padding-left:10px; line-height:30px; color:#fff;}
#services-nav li {display:block;}
#services-nav li a{display:block; height:25px; border-bottom:solid 1px #3F3F3F; text-decoration:none; line-height:25px; color:#fff;}
#services-nav li a:hover{color:#ef3595;}
#services-content {width: 670px; float:right;}
#services-content p {padding-left:15px;}
#services-content h2 {border-bottom:solid 1px #fff; margin:15px 0;}



/* learn */
#cnt-learn {text-align:left;margin:0 auto;padding-top:20px;}
#cnt-learn ul{width:150px; float:left;color:#85C8FD;}
#cnt-learn ul a:hover {font-weight:bold;}
#cnt-learn h2{border-bottom:1px solid #fff; margin-bottom:15px;}
#cnt-learn div{margin-left:160px; text-align:left;margin-bottom:25px;}
#cnt-learn div div{margin-bottom:25px;}
#cnt-learn .quote {color:#ebebeb;margin:30px; font-size:0.8em;display:block; border:1px solid #494949;padding:10px;}
#cnt-learn .quote span {display:block; font-size:1.2em; font-weight:bold; font-style:italic;}
#cnt-learn .quote span a{color: #fff;}
#cnt-learn li a,#cnt-learn li a:visited{color:#fff; line-height:15px; padding:5px 0 5px 20px;}
#cnt-learn li a:hover {color:#81cbfe;}
#cnt-learn li {background: url(/style/bluecheck.png) 0 8px no-repeat;width:150px;float:left;padding-bottom:6px;}


/* contact */
#cnt-contact fieldset {margin-bottom:50px; }
#cnt-contact legend {font-size:1.3em; color:#fff;}
#cnt-contact dl{width:90%; margin: 0 auto;clear:both;}
#cnt-contact dl dt{width:30%;float:left; height:40px; font-size:1.0em;  border-bottom:solid 1px #5F5F5F; margin-bottom:9px;}
#cnt-contact dl dd{width:70%;float:left; height:40px; border-bottom: solid 1px #5F5F5F; margin-bottom:9px;}
#cnt-contact dl dd input{width:70%; margin:0 auto;display:block; padding:3px 5px; font-size:0.9em;}
#cnt-contact dl dd select{width:73%; margin:0 auto;display:block; padding:3px 5px; font-size:0.9em;}
#cnt-contact .submit {clear:both;margin:20px 0;text-align:center;}
#cnt-contact .submit a {margin:0 auto; background:url(/style/btn_submit.png); height:24px; width:94px; text-indent:-8000px; display:block;}
#cnt-contact .response p,#cnt-contact .waiting p{text-align:center;}
#cnt-contact .waiting {display:none; text-align:center;}
#cnt-contact .response {display:none;text-align:center;}

/* Blog */
.blog {text-align:left;}
.blog a{color:#dfdfdf;text-decoration:underline;}
.blog a:hover{text-decoration:underline; color: #2eb7e2}
.blog .heading {height:60px; margin-bottom:15px;}
.blog .post .date span{font-weight:bold; font-size:1.4em;display:block;height:30px;}
.blog .post .date {text-align:center; width:60px; height:60px; float:left; background:url(/style/blog-date.png); color:#1f6299; margin-right:15px; margin-top:10px;}
.blog .post {margin-top:20px;}
.blog .meta h2 {font-size:1.2em; line-height:35px; margin-bottom:-5px;}
.blog .meta h2 a{text-decoration:none;}
.blog .meta span {line-height:20px; display:block;font-size:0.8em;}

/* Blog Nav */
.blog-nav {width:200px; float:left; margin-right:20px; margin-bottom:50px;}
.blog-nav div {margin:10px 0 0 10px; padding-left:10px; font-size:0.8em;}
.blog-nav h2 {margin:15px 0 0; font-size:1.0em;background: url(/style/blog-nav.jpg); width:190px; height:30px; padding-left:10px;}
.blog-nav div li {display:block;}
.blog-nav div li a{display:block; height:25px; border-bottom:solid 1px #3F3F3F; text-decoration:none;}
.blog-nav h2.administration{background-position:left -120px;}

#searchbox{border-left: solid 1px #f2a340;}
#searchboxa:hover {color:#f2a340}
.blog-nav h2.search {background-position:0 left;}
#searchfield {width: 160px;}
#categories {border-left: solid 1px #5299e2;}
#categories a:hover {color:#5299e2}
.blog-nav h2.categories{background-position:left -30px;}
#admin {border-left: solid 1px #5299e2;}
#admin a:hover {color:#5299e2}
.blog-nav h2.admin{background-position:left -30px;}
#links {border-left: solid 1px #a1c15e;}
#links a:hover {color:#a1c15e}
.blog-nav h2.links{background-position:left -60px;}
#archive {border-left: solid 1px #ef3595;}
#archive a:hover {color:#ef3595}
.blog-nav h2.archive{background-position:left -90px;}
.blog-body{width:670px; float:right; }
.blog-body .postcontent {padding:10px 20px 0; font-size:0.9em;}
.blog-body .postcontent li {margin-left:40px; list-style:disc;}
.blog-body .postcontent ol li {margin-left:40px; list-style:decimal;}
.blog-body strong {font-weight:bold;}
.blog-body img {margin:0 8px 0 0;}
#postnavigation a{display:block; color: #F62792;}
.post-nav-prev {float:left;}
.post-nav-next {float:right;text-align:right;}
#postnavigation {clear:both; height:20px; margin-top:20px;}
.postfooter {border-top: solid 1px #4f4f4f;border-bottom: solid 1px #4f4f4f;height:50px;padding:20px 10px 0; font-size:0.9em; margin-top:20px; background:#2f2f2f}
.loginbox {width:300px; margin:30px auto;}
.loginbox td {width:50%;  vertical-align:top; height:30px;}
.postcontent h5 {font-weight:bold; font-size:1.2em;}
.postcontent h5 a {font-weight:normal; font-size:0.8em;}
.postcontent blockquote {margin-left:25px;}
#related-posts {display:none;}

/* Blog Comments */
h2#comment {font-weight:normal;}
h2#comment em {font-weight:bold;}
.commentForm fieldset {border:solid 1px gray; margin:0 auto; padding:0 10px;}
.commentForm legend {margin-left:20px;}
.commentForm label {display:block;}
.commentForm label em {font-size:0.75em;margin-left:5px; font-style:italic;}
.commentForm fieldset textarea, .commentForm fieldset input {margin-bottom:10px;}
.comment {border-bottom: solid 1px #4f4f4f; margin-bottom:10px;padding-bottom:10px}
.comment .date {display:inline; background:none; width:inherit;}
.comment .gravatar {float:left; padding:5px 10px 10px 0;}
.comment .gravatar img {max-width:50px;}