/*  
Theme Name: iTechworks
Theme URI: http://www.itechworks.ca/
Description: Layout for iTechworks website. Based off of Corp WordPress theme from www.blogohblog.com.
Version: 1.0
Author: iTechworks Web Design & Networking
Author URI: http://itechworks.ca/
*/

/**************** Body *********************/

*{margin:0;padding:0;}
body{background: url(images/bg.jpg) repeat-x top;color:#333;font:13px Trebuchet MS;line-height:20px;margin-bottom:20px;}
#wrapper{margin:0px auto; width:780px; position: relative;}

/**************** Header *********************/

#logo {float:left;text-indent:-10000px;margin:0;padding:0;}
#logo a {display:block;background:url(images/logo.jpg) no-repeat left;width:482px;height:259px; }
#logo a:hover {border-bottom-style:none;}
#cables {float:right; position:relative;z-index:75;right:0;top:0;width:298px;}
a#skip {display: block; position:absolute; z-index:99; top:0; left:0; width:100%; padding: 0 0 1em 0; background: transparent; font-weight: bold; text-align: center;}
a#skip:link, a#skip:visited {color: #ffffff;}
a#skip:hover, a#skip:focus, a#skip:active {background: transparent url(images/arrow.gif) no-repeat center bottom;border-bottom-style:none;}

/**************** Header *********************/

#welcome {padding:20px 10px 0px 15px; font-size:14px; color: #666666;}
#welcome h1 {font-size:23px; font-weight:normal; letter-spacing:-1px; margin-bottom:15px; color:#000000;}

/**************** Text *********************/

h2 a:link,h2 a:visited{ font-size:22px; color: #000000; text-decoration:none;}
h2 a:hover{color: #000000;}
.spacer {border-bottom:1px solid #CCCCCC; margin-top:10px; margin-bottom:10px;}
h2.search {font-weight:lighter; font-size:12px; padding-left:20px; font-style:italic; background-color:#EFE7CB; width:540px; margin:auto; padding:2px 0px 2px 10px;}
h2 {font-size:22px;}
h3 {font-size:18px;padding: 15px 0;}
h4 {color:#2c3079;padding: 10px 0;}
.required {color:red;}

/**************** Entry *********************/

#entry{ margin:0 0 10px 0;width:780px;}
#entry h2{padding-bottom:6px; line-height:30px;}
#entry p {padding:0 0 10px 0;}
#entry ul {margin: 0 0 0 20px;}
.post{padding:20px;margin-bottom:20px; text-align:justify;}
html>body .entry li { margin: 0px 0px 0px 30px; }
.lightgray { color: #006699; font-size:15px; padding-top:5px; padding-bottom:15px;}
.meta {background-color: #fafafa; padding:5px; font-size:12px; border:1px dashed #cccccc;}

/**************** Links *********************/

a:link, a:visited{color: #2c3078;font-weight:bold;text-decoration:none;}
a:hover{color: #a8a8a8;text-decoration: none; border-bottom-style:dotted;border-bottom-width: 1px;}

/**************** Navigation *********************/

#navigation{clear:both; width:780px; position:absolute; top:209px; margin:0px auto; padding:2px; z-index: 1;}
#menu {height: 30px; list-style:none;}

/**************** Footer *********************/

#footer{ border-top:1px solid #cccccc;margin:20px auto; padding-top:10px; text-align:center;}

/**************** Misc *********************/

acronym, abbr, dfn, span.caps { cursor: help; }
acronym, abbr, dfn { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.alignright{float:right;padding-right:20px; margin-right:20px; font-size:14px; font-weight:bold;}
.alignleft{ float:left;padding-left:20px; margin-left:20px; font-size:14px; font-weight:bold;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
pre {border: solid 1px #9a9a9a;color: blue;margin: 10px;padding:10px;background: #f3f2ed}
code {font-size:1.0em;color: #000}
.border {border: 1px solid #000000;width: 740px;margin: 10px auto;}
#dns { width: 100%;height: 350px;border: 1px #ffffff solid;}

/**************** Additional Content *********************/

#notice {position:relative;text-align:center;padding: 10px; color: white;background: red;font-weight:bold;}
#contactright {background:#edf1ff;border:dotted 1px #000000; position:absolute; right:25px;width:260px;margin-top:10px; padding: 10px;}
#contactleft {position:relative;width:420px;}
.hostingleft {background:#edf1ff;border:dotted 1px #000000;position:relative;width:330px;padding:0 0 10px 15px}
.hostingright {background:#edf1ff;border:dotted 1px #000000;float:right;width:320px;padding:0 0 10px 15px}
.blogentry {position:relative; width:720px; border:dotted 1px #000000; background:#edf1ff; padding: 10px 20px 20px 20px;}
#maintext {position:relative; width:760px; padding-bottom: 20px;}
.hosting {float:right;margin: 5px 0 10px 20px; border:1px solid #000000;}
#slider ul, #slider li {margin:0;padding:0;list-style:none;}
#slider li {width:696px;height:241px;overflow:hidden;}
span#prevBtn{}
span#nextBtn{}

.client {background: #000000;}
.clienttop {text-align: center;color: #ffffff;}
.clientleft {text-align: center;padding: 8px 8px 8px 8px;color: #000000;background: #cecece;width: 60%;}
.clientright {text-align: center;padding: 5px 0px 5px 0px;background: #ffffff;width: 40%;}