
/*  
Theme Name: digibase
Theme URI: http://www.digidogs.co.uk/digibase/
Description: Digibase is a clean, mininalist theme by <a href="http://www.digidogs.co.uk/">Digidogs Design</a>.
Version: 1.0
Author: Peter F McCullough
Author URI: http://www.digidogs.co.uk/
Tags: valid, xhtml, fixed width
*/


/* STRUCTURE */
/* @group Reset */
/**
 * Reset based on Eric Meyer's "Resetting Again"
 *
 * @section reset
 * @see     http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
ul, ol, ul li, ol li { list-style:none outside; }
/* @end */

/* @group Wrap */

html {background:#756168;}

body {background:#cec2c7 url(img/back.png) no-repeat left top;color:#2b2b2b;min-width:990px;
font-family:"lucida grande", "lucida sans unicode", "lucida sans", arial, sans-serif;text-align:center;font-size:12px;
}

/* font: normal 75% 'Lucida Sans Unicode', 'Lucida Grande', sans-serif ;text-align:center; */

div.container { width:980px;margin-bottom: 10px;margin-left:10px;margin-right: 10px;text-align:left; }

div#content .pagezone{ margin-top:0px; margin-left: 0px ; margin-right: 0px ;margin-bottom:10px; min-height: 300px;height:auto !important;
  height:300px; display: inline-block; width: 980px;}
  
div#content .container{min-height: 500px;height:auto !important;
  height:500px;}
  
.clear { display: inline-block; }


#logo, #topnav, #content img.transparent{
behavior:url(/wordpress/wp-content/themes/digibase/scripts/iepngfix.htc);
}

/* @group Wrap: Header */
div#header { background:#000000 url(img/bg_header.png) no-repeat center bottom;border-bottom:1px solid #000000;margin-bottom:0px;height:80px; }
div#header #logo { display:block;text-indent:-9999px;background:transparent url(img/ti_logo.png) no-repeat left center;width:360px;height:80px;float:left;margin-right:20px;outline:none; } 
div#header #nav {float:right;font-size:12px;}

#topnav { float:right;margin-top:0px;border-right:1px solid #222222;  }
#topnav li { display:block; float:left; }
#topnav li a { display:block; border-left:1px solid #222222; width:90px;height: 38px;background:#000000; text-align:center;padding-top:40px; padding-left: 3px; padding-right:3px; color:#fff; text-decoration:none; white-space:nowrap; }
#topnav li a:hover { background:transparent url(img/hover1.png) no-repeat center bottom; }
#topnav li.current_page_item a, #topnav li.current_page_ancestor a, #topnav li.current_page_item a:hover, #topnav li.current_page_ancestor a:hover { background:#222222 url(img/select1.png) no-repeat center bottom; border-bottom:#756168 2px solid;height: 36px;}
/* @end */

/* @group Wrap: Columns */
div#content .section, div#footer .section { width:960px;min-height:300px;height:auto !important;
  height:300px;float:left;padding:5px 5px 5px;margin-top:2px; margin-bottom: 2px;margin-left:5px;margin-right:0px;}

div#content .section2, div#footer .section2 { width:469px;min-height:300px;height:auto !important;
  height:300px;float:left;padding:10px 10px 10px;margin:0px;border-right: #fff solid 1px;}

div#content .section3, div#footer .section3 { width:713px;min-height:300px;height:auto !important;
  height:300px;float:left;padding:10px 10px 10px;margin:0px;border-right:#fff solid 1px;}

div#content .section4, div#footer .section4, div#footer .section4l { width:224px;min-height:300px;height:auto !important;
  height:300px;float:left;padding:10px 10px 10px;margin:0px;border-right:#fff solid 1px;}

div#footer .section4 { border-right:#fff none 1px;background: transparent url(img/sep_footer.png) no-repeat right top;}

div#footer .section4l { border-right:#fff none 1px;}
  
div#content .minisection { width:224px;min-height:30px;height:auto !important;
  height:30px;float:left;padding:10px 10px 10px;margin:0px;border-right:#fff solid 1px;}

div#content .nosep, div#footer .nosep { border-right:#fff none 1px;}



div#content .pagezone .alt, div#content .alt { color: #2b2b2b ; background:#606551 url(img/backalt.png) no-repeat left top;}

div#content .pagezone .alt2, div#content .alt2 {background:#756168;}

div#content .pagezone .alt3, div#content .alt3 {color: #aaaaaa; background:#2b2b2b url(img/backalt3.png) no-repeat left top;}

div#content .pagezone .alt4, div#content .alt4 {color: #2b2b2b; background:#aaaaaa;}

div#bunny {
background: transparent url(img/bunny.png) no-repeat bottom right;
_background: transparent url(img/bunny2.png) no-repeat bottom right;
}
/* @end */

/* POST DETAILS */

a{
	text-decoration: underline;
}

a:hover, a:focus, a:active {
	text-decoration: underline;
}

acronym, abbr, dfn { 
  cursor : help; 
  font-style : normal;
}

.commentrules dfn {
  border : 0;
}

code, kbd {  
  font : normal 85%'Lucida Console', Monaco, monospace; 
}

blockquote { 
  margin : 15px 25px 15px 25px;
  padding : 20px 20px 10px 20px;
  color: #799250;
  font-size : 110%;
}

blockquote cite {
  display : block; 
  padding-top : 20px;
  padding-right : 50px;
  text-align : right;
}

.left { 
  text-align : left; 
}

.center { 
  text-align : center; 
}

.right { 
  text-align : right; 
}

.bold {
  font-weight : bold;
}

.italic {
  font-style : italic;
}

a {
color:#606551;
text-decoration:none;
}

a:hover {
color:#799250;
text-decoration:underline;
}

.clearboth {
clear:both;
}

h1, h1 a{
	font-size: 100%;
	text-indent:-9999px;
}

h2, h2 a{
	font-size: 150%;
	margin-bottom:5px;
}

#footer h2, #footer h2 a, #content .alt h2, #content .alt h2 a, #content .alt3 h2, #content .alt3 h2 a  {
	font-size: 150%;
	color: #fff;
	margin-bottom: 5px;
}

h3, h3 a{
	font-size: 125%;
}
#footer h3, #footer h3 a, #content .alt h3, #content .alt h3 a {
	font-size: 125%;
	margin-bottom: 5px;
}

h4, h4 a{
	font-size: 110%;
}

.wp-caption{
	margin-bottom: 5px;
	text-align:center;
	font-style:italic;
}

#content .alt .wp-caption-text{
	color: #cccccc;
}

.alignleft{
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.alignright{
	float: right;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.alignnone{
	margin:auto;
	margin-bottom: 10px;
}
.aligncenter{
	margin:auto;
	margin-bottom: 10px;
}

.entry img, .entry img a {
	border: #fff solid 1px;
	margin-bottom: 10px;
	margin-right: 10px;
}


#content ul, #content ol {
  margin : 15px 10px;
}

#content ul {
  margin-left : 5px;
}

#content ul li {
  margin-left : 25px;
  padding-left : 10px;
  padding-top : 5px;
  list-style-type : disc;
}

#content ul ul li, #content ol ul li {
  margin-left : 10px;
}

#content ol li {
  margin-left : 30px;
}

ol li li {
  list-style-type : lower-alpha;
  margin-left : 15px;
}

/* 
Support for Contact Form
*/

label { 
  margin-top : 10px;
  margin-left : 0;
  color: #fff;
}

input.short, input.med, input.error, textarea.error, select.med, textarea.textbox, textarea { 
  padding : 1px; 
  width : 70%;
  font-size : 0.9em;
  height : auto;
  margin-bottom: 10px;
}

textarea.textbox, textarea.error, textarea { 
  width : 98%;
  height : 220px;
}

input.button {
  cursor : pointer;
  border : 0;
  padding : 10px;
  font-size : 1em;
  background:#756168;
  color: #ffffff;
}
#usermessage {
	margin:auto;
	margin-top: 10px;
	padding:10px;
	color:#cec2c7;
	font-size:110%;
}
/* @group Wrap: Footer */
div#footer { background:#756168;border-top:2px solid #000000;min-height:150px;color:#2b2b2b;font-size:12px;margin-top:-1px; }


#footer strong{
	color: #fff;
	}
	
#footer a {
	color: #ffffff;
	padding: 5px 2px 5px 2px;
	text-decoration: none;
	}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
	}
	
#footer .nav ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}

#footer .nav ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#footer .nav ul li a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	margin: 0px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #ffffff;
	}
/* ie hack to make block on links work */
* html body #footer .nav ul li a {
    width:100%;
}

#footer ul ul li a:hover {
	background: #cec2c7;
	color: #2b2b2b;
	}
	
#footer .email a, #content .email a  {
	display: block;
	padding: 5px;
	width: 100px;
	margin: auto;
	text-align: center;
	background:#2b2b2b;	
	color: #ffffff;
	text-decoration: none;
}

#footer .email a:hover, #content .email a:hover  {
	background:#000000;	
	color: #ffffff;
	text-decoration: none;
}

/* @end */



