/*
Theme Name: I2 Woodsy
Theme URI: http://www.integratedinnovations.org
Description: I2 Woodsy was designed by Pelu Designs¨ for Integrated Innovations.
Version: 1.0
Author: Pelu Designs¨ (Luke Ratto & Pete Nawara)
Author URI: http://design.petenawara.com
Tags: integrated innovations, pelu, twitter, two column, wood

Feel free to use it as it is or modify it according to your taste.

Thanks to:
varometro who's R755 theme we used as a template.

Last Update 28/04/2009
*/

/*===== o0o: BASE=====*/
html {
font-size:16px
}
html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6 {
border:0;
outline:0;
margin:0;
padding:0
}
body {
font-size:62.5%;
background: url(images/wood03.jpg) repeat #333;
color:#111;
font-family: Tahoma, Helvetica, Verdana, sans-serif;
line-height:1.6em;
border:0;
outline:0;
margin:0;
padding:0
}

/*===== o0o: STRUCTURE=====*/
#outerWrapper {
width:92em;
margin:4em auto 0
}
#outerWrapper #header {
background:url(images/header.png) left no-repeat;
height:15em;
padding:0;
margin: -4em auto -4.5em auto;
text-indent: -9999em;
position: relative;
}
#outerWrapper #stickers {
  float: left;
  width: 36em;
  height: auto;
  padding: 1em 0;
	margin: -10em 0 -10em 19em;
	position: relative;
}
#outerWrapper #stickers a#conserve {
  background: url(images/stickers/conserve.png) top left no-repeat;
  text-indent: -9999px;
  height: 5.6em;
  width: 5.6em;
  list-style: none;
  display: inline-block;
  border: none;
}
#outerWrapper #stickers a#conserve:hover {
  background: url(images/stickers/conserve_down.png) top left no-repeat;
  border: none;
}

#outerWrapper #stickers a#innovate {
  background:  url(images/stickers/innovate.png) top left no-repeat;
  text-indent: -9999px;
  height: 5.6em;
  width: 5.6em;
  border: none;
  display: inline-block;
}
#outerWrapper #stickers a#innovate:hover {
  background: url(images/stickers/innovate_down.png) top left no-repeat;
  border: none;
}

#outerWrapper #stickers a#recover {
	background: url(images/stickers/recover.png) top left no-repeat;
	text-indent: -9999px;
	height: 5.6em;
	width: 5.6em;
	border: none;
	display: inline-block;
}
#outerWrapper #stickers a#recover:hover {
	background: url(images/stickers/recover_down.png) top left no-repeat;
	border: none;
}

#outerWrapper #stickers a#integrate {
	background: url(images/stickers/integrate.png) top left no-repeat;
	text-indent: -99999px;
	height: 5.6em;
	width: 5.5em;
	border: none;
	display: inline-block;
}
#outerWrapper #stickers a#integrate:hover {
	background: url(images/stickers/integrate_down.png) top left no-repeat;
	border: none;
}

#outerWrapper #stickers a#educate {
	background: url(images/stickers/educate.png) top left no-repeat;
	text-indent: -9999px;
	height: 5.6em;
	width: 5.6em;
	border: none;
	display: inline-block;
}
#outerWrapper #stickers a#educate:hover {
	background: url(images/stickers/educate_down.png) top left no-repeat;
	border: none;
}

#outerWrapper #twit {
	background:url(images/twit.png) top no-repeat;
	float: right;
	width: 42.6em;
	height:15em;
	padding: 1em 0;
	margin: -12em auto -10em auto;
	position: relative;
}
#outerWrapper #twit .tweet {
width: 18em;
margin: 2em 1em 0 3em;
font-size: 1.4em;
color: #fff;
overflow: hidden;
}
#twitter_update_list{
width: 18em;
padding: 0;
margin: 0;
list-style-type: none;
list-style-image: none;}

#mainNavigation {
float: left;
margin: .5em 0 -6em;
position: relative;
width: 67em;
top: 4em;
clear:both;
}
#mainNavigation ul {
padding: 1em 1em .5em;
margin-left: .2em;
background: url(images/nav-back1.png) repeat-x top #cccccc;
-moz-border-radius-topright: 0em;
-webkit-border-top-right-radius: 0em;
-moz-border-radius-bottomright: 3em;
-webkit-border-bottom-right-radius: 3em;
border: solid .2em #fff;


}
#mainNavigation ul li{
list-style: none;
display: inline;
font-size: 1.6em;
font-weight: bold;
padding: 0 2em;
border-right: solid .1em #cccccc;
}
#mainNavigation ul li.first{
padding: 0 2em 0 .2em;
}
#mainNavigation ul li.last{
padding: 0 1em 0 2em;
border: none;
}
#rightColumn {
background-color: #dddddd;
border-left: .2em solid #ffffff;
border-bottom: .2em solid #ffffff;
float:right;
width:20em;
line-height:1.6em;
padding:1em;
}
#contentWrapper {
clear:both;
}
#outerWrapper #contentWrapper {
background-color: #eeeeee;
border: solid .4em #ffffff;
margin: -4em 0 0;
}
#outerWrapper #contentWrapper #content {
background:none;
margin:0 22em 0 0;
padding:3em 3em 1em 1em
}
#outerWrapper #contentWrapper .clearFloat {
clear:right;
display:block
}
#outerWrapper #footer, #footer a {
text-align: center;
color: #fff;
font-size:1.2em;
line-height:1.2em;
padding:0 0 0 1em
margin: 0 auto 0 auto;
}
.post,.page {
padding-bottom:1em;
margin: 6em 0;
}
.entry {
overflow:auto
}

/*===== o0o: TYPOGRAPHY=====*/
p {
font-size: 1.4em;}
.description {
color:#666;
font-size:0.87em;
font-weight:400;
padding:.7em 0 0 1.2em;
width:30em;
display:block
}
#rightColumn ul li {
font-size: 1.2em;
}
.postinfo {
color:#666;
margin:1em 0
}
.sticky {
padding:0 1em 1em;
border:solid .1em #ccc;
margin-bottom:3em;
background: #f8f8f8
}
blockquote {
background:url(images/blockquote.gif) top left no-repeat;
border:#CCC dashed 1px;
margin:1em auto 1em 2em;
font-style:italic;
padding:.3em .3em .3em 4em;
}
pre,code {
width:90%;
margin-bottom:1em;
font-family:"Courier New", Courier, monospace;
background:#fff url(images/pre_bg.gif) top left repeat;
display:block;
color:#111;
line-height:1.8em;
border:.1em solid #e2e2e2;
overflow:auto;
padding:1.8em 1em 1.7em
}
input,textarea,select {
font-family: corbel, liberation sans, georgia, lucida grande, sans-serif;
border:.1em solid #ccc;
background:#F8F8F8;
color:#333;
font-size:1em
}
small {
font-size:.8em
}

hr {background: url(/images/hr.png) repeat-x;border:0;height: 2em;margin-top: -1em;}


/*===== o0o: HEADINGS=====*/
h1,h2,h3,h4 {
font-weight:700;
color:#111;
padding:1em 0 0
}
#header h1 {
font-weight:700;
font-size:2.4em;
padding:3em 0 0 1em
}
h1 {
font-size:2em;
}
h2 {
font-size:1.6em
}
h3 {
font-size:1.4em
}
#rightColumn h3 {
font-size:1.2em;
padding:0;
margin:2em 0 0
}
h4 {
font-size:1.2em
}

/*===== o0o: LINKS=====*/
a, a:visited { 
border-bottom: .1em dotted #bfbfbf; 
color: #0082c9; 
text-decoration: none; 
}
a img, a:visited img, a:hover img { 
background-color: transparent; 
border: 0 !important; 
border-bottom: 0!important; 
}
a:hover { 
background-color: #0082c9; 
border-bottom: .1em solid #0082c9; 
color: #fff; 
}
h2.posttitle,h2.posttitle a {
font-size:1.4em;
font-weight:700;
margin: .5em 0 .5em;
border-bottom: 0;
color: #0082c9;
padding-top: 1.5em;
}
h2.posttitle a:hover {
color:#111;
text-decoration:none;
background-color: transparent
}
a.image-border {
text-decoration:none;
border:0 none;
background-color: transparent
}
#header a, #header a:hover {
color:#111;
background-color: transparent; 
border-bottom: 0;
}

/*===== o0o: SIDEBAR=====*/
#rightColumn ul {
margin:0 0 3em;
padding:0
}
#rightColumn ul li ul {
margin:0;
padding:0
}
#rightColumn ul li {
list-style:none
}
#rightColumn ul li ul li {
list-style:none;
list-style-position:inside;
list-style-image:url(images/arrow.gif);
}
#rightColumn ul li ul li.search {
list-style:none;
list-style-position:outside;

}
ul.menu {
font-weight:700
}

/*===== o0o: COMMENTS=====*/
ol.commentlist { 
list-style:none; 
margin:0;
padding:0; 
text-indent:0
}
ol.commentlist li { 
border:.1em solid #ddd; 
height:1%; 
margin:0 0 1em; 
padding:.5em .7em .5em 5.7em; 
position:relative
}
ol.commentlist li div.comment-author { 
padding:0 17em 0 0
}
ol.commentlist li div.vcard { 
font:bold 1em corbel, liberation sans, georgia, lucida grande, sans-serif
}
ol.commentlist li div.vcard cite.fn { 
font-style:normal 
}
ol.commentlist li div.vcard img.avatar { 
border:.1em solid #ddd; 
left:.7em; 
padding:.2em; 
position:absolute; 
top:.7em; 
}
ol.commentlist li div.comment-meta { 
font:bold 0.87em corbel, liberation sans, georgia, lucida grande, sans-serif; 
position:absolute; 
right:1em; 
text-align:right; 
top:.5em; 
}
ol.commentlist li p { 
font:normal 1em corbel, liberation sans, georgia, lucida grande, sans-serif; 
margin:0 0 1em; 
line-height:1.6em; 
}
ol.commentlist li ul { 
font:normal 1em corbel, liberation sans, georgia, lucida grande, sans-serif; 
list-style:square; 
margin:0 0 1em; 
padding:0; 
text-indent:0; 
}
ol.commentlist li ul.children { 
list-style:none; 
margin:1em 0 0; 
text-indent:0; 
}
ol.commentlist li ul.children li.depth-2, ol.commentlist li ul.children li.depth-3, ol.commentlist li ul.children li.depth-4 { 
margin:0 0 .25em; 
}
ol.commentlist li.even { 
background:#f7f7f7
}
ol.commentlist li.odd { 
background:#fff
}
ol.commentlist li.pingback div.vcard { 
padding:0 17em 0 0
}

/*===== o0o: IMAGES=====*/
.alignleft {
float:left
}
.alignright {
float:right
}
img {
border:0
}
img.avatar {
float:left;
padding-right:.5em
}
p img {
max-width:100%;
padding:0
}
img.alignright {
display:inline;
margin:.7em 0 .2em .7em;
padding:.4em
}
img.alignleft {
display:inline;
margin:.7em .7em .2em 0;
padding:4px
}
img.centered,.aligncenter,div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto
}

/*===== o0o: CAPTIONS=====*/
.wp-caption {
border:.1em solid #ddd;
text-align:center;
background-color:#F8F8F8;
padding-top:.4em;
margin:1em;
}
.wp-caption img {
border:0 none;
margin:0;
padding:0
}
.wp-caption p.wp-caption-text {
color:#666;
font-style:italic;
line-height:1.7em;
margin:0;
padding:0 .4em .5em;
}

/*===== o0o: WIDGETS=====*/
div#calendar_wrap,table#wp-calendar {
width:100%
}
div#calendar_wrap {
padding:0 1.5em 0 .5em;
}
div#calendar_wrap caption {
font-size:1.1em;
font-weight:700;
padding:0 2em 0 0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
/* ClearFix */
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}