/*
Theme Name: Template 2
Theme URI: http://www.soabart.com/
Description: Basic Template 2. Two Columns, Logo, search, and navigation in header. Two dynamic sidebars.
Version: 1.0
Author: Chris Beaven
Author URI: http://www.saobart.com/
Tags: template,fixed width, two columns

	Template 2 v1.0
	 http://www.saobart.com/

	This theme was designed and built by Chris Beaven,
	whose blog you will find at http://www.saobart.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
/*------------------------------------------------------------*/
/***************  TABLE OF CONTENTS   ***********************/

/*

Template 2

RESET - 
GENERAL ELEMENTS -         h1 thru h5, img, etc..
MAIN STRUCTURAL ELEMENTS - 
COUNTER-ACT OF RESET ON MAIN CONTENT AREA -
CAPTIONS -


HTML STRUCTURE

BODY
	- Page
		- Header
			+ logo
			+ headerinfo
			+ search-box
			+ topnav
		+ Content
		+ Sidebar
		+ Footer

****/	
/*------------------------------------------------------------*/
/***************          RESET      **************************/
* {
	vertical-align: baseline;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
}
ol,ul,li {
	list-style: none;
}
/*------------------------------------------------------------*/
/***************  GENERAL ELEMENTS   **************************/

body{
	font: normal normal 12px Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6{
	margin: 10px 0;
}
h1{
	font-size: 250%;
}
h2{
	font-size: 200%;
}
h3{
	font-size: 175%;
}
h4{
	font-size: 150%;
}
h5{
	font-size: 125%;
}
h6{
	font-size: 100%;
}
hr{}
a:hover{
	color: #f00;
}
a:active{	
	color: #f00;
}
a:link{}
a:visited{
	color: #609;
}
a:visited:hover{
	color: #f00;
}
input:focus{
	background: #ffc;
}
img{
	border: 0;
}
/*------------------------------------------------------------*/
/***************  MAIN STRUCTURAL ELEMENTS  *******************/
#page{
	width: 960px;
	margin: 0 auto;
}
#header{}
#logo{
	float: left;
}
#logo a{
	display: block;
	width: 375px;
	height: 150px;
}
#headerinfo{
	width: 300px;
	float: left;
	text-align: center;
	padding: 35px 0 0 0;
}
#search-box{
	width: 190px;
	float: right;
	padding: 15px 15px 0 0;
}
#topnav{
	width: 100%;
	clear: both;
	height: 30px;
}
#topnav li{
	padding: 7px 10px;
	font-weight: bold;
	float: left;
}
#topnav li a{
	text-decoration: none;
}
#content{
	/*width: 690px;*/
        width: 605px;
	float: left;
	margin: 10px 0px 10px 0;
       	padding: 10px 0px 10px 20px;
}
#sidebar{
	width: 265px;
	float: left;
	margin: 10px 0;
	padding: 10px 20px;
}
#footer{
	clear: both;
	width:100%;
        height:14px;
        background-color:#5fb7cf;
}
/*------------------------------------------------------------*/
/******  COUNTER-ACT OF RESET ON MAIN CONTENT AREA ************/
#content ol, #content ul{
	list-style: auto;
	margin: 12px 0;
	padding: 0 0 0 40px;
}
#content ol li{
	list-style: decimal;
}
#content ul li{
	list-style: disc;
}
blockquote{
	margin: 12px 40px;
}
p{
	margin: 12px 0;
}
em{
	font-style: italic;
}
/*------------------------------------------------------------*/
/*****************      CAPTIONS   ***************************/
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/*-------------------------------------------------------------------------------*/
/**  TO REMOVE ALL COLOR AND BORDER STYLES DELETE THE ALL LINES BELLOW HERE *****/
body{
	background: #ffffff;
	color: #666;
}
#header{
	background: #fff;
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 0 2px 2px 0;
	margin: 10px 0;
}
#logo{
	background: url(images/template-logo.png) no-repeat;
}
#content{
	background: #fff;
	/*border-color: #e1e1e1;*/
	/*border-style: solid;*/
	/*border-width: 0 2px 2px 0;*/
}
#sidebar{
	background: #fff;
}




.post h2, #respond, #comments, .TitreComments{
     font-size:30px;
     color:#68b6cc;
     font-weight:normal;
     font-family:Arial,sans-serif;
}

.post h2 a{
     text-decoration:none;
     color:#3b8da3;
}

.post h2 a:hover{
     color:#236070;
}


.post h3{
     font-size:25px;
     color:#68b6cc;
     font-weight:normal;
     font-family:Arial,sans-serif;
}

.post h3 a{
     text-decoration:none;
     color:#3b8da3;
}

.post h3 a:hover{
     color:#236070;
}

.post small{
    color:#3a8ca4;
    font-size:14px;
}

.displayarticle
{
   border:1px solid #d0edf5;
   padding:10px;
   margin:10px 0px;
}

.displayarticle a{
  color:#63b8cd;
  text-decoration:none;
  font-weight:bold;
}

.displayarticle a:hover{
  color:#368fa1;
  text-decoration:underline;
}

.displaycomment
{
   border:1px solid #d0edf5;
   padding:5px;
   margin:5px 0px;
}

.displaycomment a{
  color:#63b8cd;
  text-decoration:none;
  font-weight:bold;
}

.displaycomment a:hover{
  color:#368fa1;
  text-decoration:underline;
}

.displaycomment  small{
    color:#3a8ca4;
    font-size:12px;
}

.entry
{
	color:#454545;
	font-family:"Lucida Sans Unicode","Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
}

.entry label
{
 display:block;
float:left;
width:150px
}
#htop
{
background:transparent url(/images/top.jpg) no-repeat scroll center top;
height:314px;
position:relative;
}

.intop
{
margin:0 auto;
width:960px;
position:relative;
}
#menuaccess
{
 position:absolute;
 right:250px;
 top:2px;
}
#menuaccess a
{
 color:#ffffff;
 font-weight:bold;
  text-decoration:none;
}

#menuaccess a:hover
{
 text-decoration:underline;
}

#htop a#glossair{
display:block;
position:absolute;
top:0px;
left:-135px;
height:75px;
outline-color:invert;
outline-style:none;
outline-width:medium;
text-indent:-5000px;
width:555px;
}


#sidebar h3{
     font-size:14px;
     color:#388e9f;
     font-weight:bold;
     font-family:Arial,sans-serif;
}

#sidebar h3 a{
     text-decoration:none;
     color:#388e9f;
}

#sidebar h3 a:hover{
     color:#388e9f;
}

#searchmenu{
   padding:5px;
   border:1px solid #d0edf5;
}
#searchsubmit, .sendbtn{
   color:#3b8da3;
   background:#ffffff;
   border:1px solid #ffffff;
   font-weight:bold;
   cursor:pointer;
}

#listcat{
   padding:5px;
   border:1px solid #d0edf5;
}

#listcat ul{
 padding:0;
 margin:0;
}

#listcat li{
 padding:0;
 margin:0;
}

#listcat  li a{
  color:#63b8cd;
  text-decoration:none;
  font-weight:bold;
  padding:0;
  margin:0;
}

#listcat  li a:hover{
  color:#368fa1;
  text-decoration:underline;
}

.inputbg
{
  background-color:#b8e4ef;
  border:1px solid #1589a6;
  font-size:16px;
}

.navigation a {
color:#63B8CD;
font-weight:bold;
text-decoration:none;
}

.Stags a
{
  color:#528fa0;
  text-decoration:none;
  font-weight:bold;
}

.Stags a:hover{
  color:#528fa0;
  text-decoration:underline;
}

#sitelink
{
 margin-top:15px;
}
#sitelink h3
{
 color:#68b6d5;
 display:inline;
 margin:0;
 padding:0;
 font-size:14px;
 text-decoration:underline;
}
.siteres
{
 margin:10px 0 10px 0;
 border:1px solid #1589a6;
 padding:5px;
 width:100%;
 font-size:11px;
 font-family:verdana, arial;
 color:#787878;
}
.siteres a
{
 font-size:12px;
 color:#298cb3;
 font-weight:bold;
 text-decoration:underline;
 color:#298cb3;
}