/*
  THEME NAME: Bitvolution Theme
  DESCRIPTION: The WordPress theme used for www.bitvolution.com
  AUTHOR: Tom and Chloe Fotherby
  AUTHOR URI: http://www.bitvolution.com
  VERSION: 0.3
  Tags: two-columns, fixed-width, central-page, drop-shadow, blue, simple

  Copyright 2009 Bitvolution.com

  This Wordpress theme uses the Yahoo reset and 1KB CSS grid framework.
  The page drop-shadows use a single CSS sprite image
*/

/* CSS reset (Based on Yahoos) */

html{color:#333;background:#F2F2F2}
body,div,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,input,button,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,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;margin:0;padding:0;font-weight:bold}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:baseline}
sub{vertical-align:baseline}
legend{color:#000}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}

/* Font styling */

@font-face {
    font-family: 'Purisa';
    src: url('fonts/Purisa.eot');
    src: local('Purisa'),
         url('fonts/Purisa.ttf') format('truetype');
}

/* Element styling (a.k.a base) */

body {
  background-image: url('images/siteWallpaperTile.jpg');
  padding:40px 0;
  min-height: 600px;
  font-size:15px;
  font-family:arial,helvetica,clean,sans-serif;
  color:#444;
}

h1 {font-size:138.5%}
h2 {font-size:123.1%}
h3 {font-size:108%}
h1,h2,h3 {margin:1em 0}
acronym {border-bottom:1px dotted #000;cursor:help}
blockquote {margin:1em;padding-left:0.5em;border-left:3px solid #4491e0}
ul,ol,dl {margin:1em 1em 1em 2em}
ol li {list-style: decimal outside}
ul li {list-style: disc outside}
dl dd {margin-left:1em}
th,td {border:1px solid #000;padding:.5em}
th {font-weight:bold;text-align:center}
p,fieldset,table { margin-bottom:1em}

a { text-decoration: none;color:#4491e0;}
a:hover { color: red;border-bottom: 1px solid black}
a:focus { -moz-outline-style: none}
a:active { position: relative;top: 1px;border-bottom: 2px solid black}

img#wpstats {display:none}


/* Grid Layout */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
    margin: 0 10px;
    overflow: hidden;
    float: left;
    display: inline;
}
.row {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.row .row {
    margin: 0 -10px;
    width: auto;
    display: inline-block;
}


/* Wordpress convention - e.g. used by the visual editor to format post/page elements */

.entry-content img {margin: 0 0 1.5em 0}
.aligncenter, img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto}
img.alignright { padding: 4px;margin: 3px 0 2px 10px;display: inline}
.alignright {float: right}
img.alignleft {padding: 4px;margin: 3px 10px 2px 0;display: inline}
.alignleft {float: left}
.wp-caption {text-align: center;margin-bottom: 1.5em}
.wp-caption img {border: 0 none}
.wp-smiley {max-height: 1em;margin:0 !important}
.gallery dl {margin:0}
.gallery-caption {margin:-1.5em 0 0 0}
blockquote.left {float: left;margin-left: 0;margin-right: 20px;text-align: right;width: 33%}
blockquote.right {float: right;margin-left: 20px;margin-right: 0;text-align: left;width: 33%}


/* Theme Styling */

.topShadow {
  background: transparent url('images/pageShadow_horzSprite.png') 0 0 no-repeat;
  padding-top:20px;
}
.edgeShadow {
  background: transparent url('images/pageShadow_horzSprite.png') -960px 0 repeat-y;
}
.bottomShadow {
  background: transparent url('images/pageShadow_horzSprite.png') bottom right no-repeat;
  padding-bottom:20px;
}
.topShadow .grid_12, .bottomShadow .grid_12 {
  background: transparent url('images/pageShadow_horzSprite.png') -960px 0 repeat-y;
  margin:0;
  padding:0 10px;
}

#logo {float:left;margin: 10px 0 5px 20px}

#footer {text-align:center;color:#999;font-size:80%}

/* Page navigation style */
#navigation { margin:20px auto;text-align:center;font-size:21px;line-height:37px}
#navigation ul { margin:0}
#navigation ul li {display: inline;margin-left:10px;}
#navigation a {padding:4px 8px;background-color:#EEE;white-space:nowrap;border: 1px solid #DDD;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px}
#navigation a:hover {border:1px solid #AAA}
#navigation li.current_page_item a, #navigation li.current_page_parent a {border: 1px solid #AAA;color:black}

/* sidebar style */
#sidebar {border-left: 2px solid #DDD;padding: 0 15px;}
#sidebar h2 {margin:0;font-size:110%}
#sidebar ul, #sidebar ul ol {margin: 5px 0 0 0;padding: 0}
#sidebar ul li {list-style-image: none;list-style-type: none;margin-bottom: 20px}
#sidebar ul ul li {list-style-type: disc;margin: 3px 0 0 20px}

.widget_search .screen-reader-text {display:none}
.widget_search #s {padding-left: 22px;background:url("images/icons/searchForm.png") no-repeat center left;border:1px solid gray; border-left:none;width:100px}
.widget_search #searchsubmit {width:60px}

.widget_recent_entries li {list-style-image: url("images/icons/document.gif") !important}
.widget_categories li {list-style-image: url("images/icons/documents.gif") !important}


/* Blog Page and Post Theme Styles */

.page, .searchPage {margin:0 20px}
.post {margin:0 20px 30px}
.sticky {margin:10px 20px 20px}
.postTitle, .pageTitle {margin-bottom:5px}
.postTitle h2, .pageTitle h2 {margin:0;padding: 10px 0 0 0}
.postTitle a, .pageTitle a {color:#444}
.postTitle a:hover, .pageTitle a:hover {color:red}
.postdate {background-color:#353434;color:#EBEBEB;font-family:Arial Rounded,Arial,sans-serif;font-size:12px;font-weight:bold;width:40px;float:left;margin-right:15px;  border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px}
.postdate .month, .postdate .date, .postdate .year {display:block;text-align:center;}
.postdate .month {text-transform:uppercase;}
.postdate .date {font-size:190%;line-height:50%;}

.postmetadata {padding: 5px 0}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: nonelist-style-image: none}
.postmetadata {color: #777}
.alt {background-color: #f8f8f8;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;font-size:0.8em}
.postmetadata a, .widget_tag_cloud a, #tag-cloud a { text-decoration: none;color:#4491e0; padding:0 6px;}
.postmetadata a:hover, .widget_tag_cloud a:hover, #tag-cloud a:hover, .widget_categories a:hover { background-color: #4491e0;color:white;padding:0 4px;border: 1px solid #AAA; text-shadow:1px 1px 1px black; border-radius: 5px;-moz-border-radius: 3px;-webkit-border-radius: 5px}

.post_navigation {}

/* Style Toolbox */

.clearAfter:after {clear: both;content: ".";display: block;height: 0;visibility: hidden}
.clearAfter {zoom:1}

.floatImgLeft {float:left;padding:10px 20px 10px 0}

.left {float: left}
.right {float: right}
.clearBoth {clear: both}

ul.bulletsInside li {list-style-position: inside}

img.bordered {border:1px dashed black}

.demoCom {
  padding:0.07em 0.3em;
  color:#0E2426;
  background-color:#EEEEEC;
  border:1px solid #999999;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
}

.demoSetting {
  padding:0 0.3em;
  font-family:courier,arial,helvetica,sans-serif;
  letter-spacing:-2px;
  border:1px dashed #999999;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
}

code {background:none repeat scroll 0 0 #EEECE4;border-color:#FFFFFF #DDDBD4 #DDDBD4 #FFFFFF;border-style:solid;border-width:1px;font:12px/23px "Courier New",Courier;padding:3px}

.sloganFont {font-family:Purisa,arial,helvetica,sans-serif}

.iconTerminal {padding-left: 18px;background:url("images/icons/terminal.png") no-repeat center left;font-family:courier,arial,helvetica,sans-serif;letter-spacing:-2px}

/* Stripped table*/
table.noBorder td {border:0}
tr.d0 td {background-color: white}
tr.d1 td {background-color: #88D5f4}
tr.d2 td {background-color: #66B3F2}
tr.d3 td {background-color: #4491e0}

/* ol with grey numbers */
ol.styledList {font: italic 1em Georgia, Times, serif;color: #999999}
ol.styledList p {margin:3px 0;font:normal 15px Arial, Helvetica, clean, sans-serif;color: #444;}

.tickList li {padding:5px 0 5px 25px;list-style:none;background:url("images/icons/tick_blue.png") no-repeat center left}

.nobullets li {list-style:none}

/* WP Plugin - syntaxhighlighter */

/* Tom added this class in the SyntaxHighlighter admin panel */
.syntaxSmallText td code {font-size:10px !important;}


/* Home Page Style */

img#factoryImage {float:right;margin: 0 10px}
.chooseUsItem {padding-left: 10px}
.text-slogan {width: 140px;float: left;margin: 10px 0 0 0;font-family:Purisa,arial,helvetica,sans-serif;font-size:18px}
.slogan-desc {width: 495px;float: left}
.antisell {font-style:italic;margin-bottom:3px;text-decoration: line-through;}
.instructionList li {padding: 2px 0}


/* Added by Tom for WP Plugin - Enhanced WP-ContactForm */

.contactform strong {color: red;display: block;margin-bottom: 10px}
.contactform span.error {color: red}
#wpcf {margin: 20px auto;padding:20px;width:430px;background-color:#EEE;border: 2px solid #AAA}
#wpcf label {clear: both;display: block;float: left;width: 150px}
#wpcf input {float: left;width: 200px;padding: 1px;margin: 2px 5px 2px 0}
#wpcf textarea {width: 350px;height: 100px;padding: 1px;margin: 0 5px 10px 0}
#wpcf #contactsubmit {margin-left: 150px;width: 100px}


/* Added by Tom for Portfolio section */

.portfolio-website {padding: 10px;margin-bottom: 10px}
.website-thumbnail {float: left;margin: 0 20px 20px 0}
.website-thumbnail img {border: 1px solid #555;margin: 0;padding: 0}
.website-thumbnail a:hover {border: none}
.website-name {font-size: 12pt;font-weight: bold;margin-bottom: 3px}
.website-name a,.website-url a {text-decoration: none}
.website-url {font-size: 9pt;font-weight: bold}
.website-url a {color: #777}
.website-description {margin-top: 15px}