/*
  THEME NAME: Bitvolution Theme
  DESCRIPTION: Simple no-frills WordPress theme used on www.bitvolution.com - released to the community so you can do whatever you like with it.
  AUTHOR: Tom and Chloe Fotherby
  AUTHOR URI: http://www.bitvolution.com
  THEME URI: http://www.bitvolution.com/our-portfolio/bitvolution-wordpress-theme
  LICENSE: GNU General Public License v3.0
  LICENSE URI: http://www.gnu.org/licenses/gpl-3.0.html 
  VERSION: 0.2
  Tags: two-columns, fixed-width, blue, custom-background, right-sidebar, theme-options

  Copyright 2009 Bitvolution.com

  This Wordpress theme uses the Yahoo CSS 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 - 1 KB grid*/

.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%}
.wp-caption-text {color: #888;font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;}


/* Custom 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;
}

#siteTitle {float:left;width:240px;margin: 10px 0 15px 20px;}

#header h1 {margin:0}
#header h1 a {font-family:Purisa,arial,helvetica,sans-serif;letter-spacing:-2px;font-size:40px;text-shadow: 1px 1px 2px #333;border:0}
#header h1 a:hover {color:red}
#header .description {font-family:Purisa,arial,helvetica,sans-serif;letter-spacing:-2px;font-weight:bold;color:black;margin-top:-15px}

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


/* Page navigation style */

#header, #header div.column {overflow:inherit;}

/* center align navigation buttons */
#navigation { float:right;width:680px;margin:5px auto 0 auto; text-align:center; font-size:21px;}

#dropmenu    {margin:0; padding:0; position:relative;}

/* First row of navigation items should be a horizontal list */
#dropmenu li {display:inline; position:relative; list-style:none outside; margin:0 5px;}

/* sub-lists are absolutly positioned and initially hidden */
#dropmenu ul {margin:0; padding:0; position:absolute; z-index:300; left:1px; display:none}

/* Sub-pages of navigation items should be a vertical list slightly indented (also add shadow)*/
#dropmenu .page_item li {display:block;margin:0px 5px;line-height:normal;}
#dropmenu .page_item li a {-webkit-box-shadow:5px 5px 5px #666;-moz-box-shadow:5px 5px 5px #666;box-shadow:5px 5px 5px #666;}

/* Navigation link styling - style as pill buttons */
#dropmenu a {margin:0;padding:4px 8px; background-color:#EEE;white-space:nowrap;border: 1px solid #DDD;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
#dropmenu a:hover, #dropmenu li.page_item a:hover {color:red; border:1px solid #AAA;}
#dropmenu li.current_page_item a, #dropmenu li.current_page_ancestor a {color:black; border: 1px solid #AAA;}


/* 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: 20px 20px 0}
.post, .attachment {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 {}

#comments {margin-top:20px}
.avatar {float:right}
.bypostauthor {border:2px solid black;background-color: #ddebf8}

/* 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}