/*
 Theme Name: Caspar
 Theme URI:
 Description: Caspar
 Author: Caspar
 Author URI:
 */

* {
    padding: 0;
    margin: 0;
}

html {
   height:100%;
}

body {
	height:100%;
    font-family:Georgia;
    font-size: 62.5%;	
	background-color:white;
}

/*********************/
/*    G L O B A L    */
/*********************/

/*links*/

a, a:link, a:visited {
    color: black;
    text-decoration: none;
}

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

blockquote {
    display: block;
    margin: .5em 2.0em .5em 2.0em;   
	padding: 0 0 0 1.0em; 
    border-left: dotted black .1em;
}

blockquote blockquote {
    padding: 0 0 0 1.0em;
	border-left: dotted black .1em;
}

.bold {
    font-weight: bold;
}

.italic {
	font-style:italic;    
}

img {
	border:none;
}

.alignleft{
	float:left;
	text-align:left;
}

.alignright{
	float:right;
	text-align:right;
}

.center{
	text-align:left;
}

/*********************/
/* S T R U C T U R E */
/*********************/

#container {
    width: 1000px;
	height:auto;
    position:relative;
}

#header {
    width: 100%;
    height: 105px;
    background:url(images/header.jpg) repeat-x;
}

/*wraps content and sidebar*/

#wrapper {
    float: left;
    width: 650px;
	height:auto;
    position: relative;
	margin:30px 0 0 0;	
}

#sidebar {
    float: right;
    width: 130px;
	height:auto;
    padding: 0px 0 10px 0px;
    display: inline;
}

#sidebar-left {
    float: left;
    width: 300px;
	height:auto;
	margin:30px 0 0 0;
    padding: 0px 0 10px 0px;
    display: inline;
}

#content {
    float: left;
    width: 520px;
    height: auto;
    background-color: white;
}

#footer {
	position:relative;
    bottom:0;
    width: 100%;
    height: 48px;   
	padding:5px 0 0 0; 
	clear:both;
	background:url(images/footer.jpg) repeat-x bottom;
}

#footer p.footer {  
float:left;      
    width: 1000px;
    height: 48px;  
}

/*********************/
/* H E A D E R       */
/*********************/

.logo {    
    float:left;
    width: 108px;
    height: 105px;
    margin: 0px 0 0px 0px;      
	display:inline; 
	background-color:yellow;
}

ul#nav{
	float:left;
	width:500px;
	height:45px;
	margin:40px 0 0 220px;
}

ul#nav li{
	display:inline;
	width:85px;
	height:100px;	
	margin:0 10px 0 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
}

ul#nav li a:hover{
	color:#ad0817;
	text-decoration:none;
}

/*********************/
/*  S I D E B A R    */
/*********************/

.box{
	float:left;
	width:260px;
	height:auto;
	background-color:#B81010;
	padding:20px 20px 20px 20px;
	font-size:12px;
}

.dark{
	float:left;
	width:260px;
	height:auto;
	background-color:#3E3E3E;
	padding:20px 20px 20px 20px;
	font-size:12px;
}

.box h2,
.dark h2{
	font-size:16px;
	color:white;
	margin:0 0 5px -10px;
}

 ul.left-sidebar li{
	list-style-type:none;
}

ul.left-sidebar  a:link,
ul.left-sidebar  a:visited,
ul.left-sidebar  a:hover,
ul.left-sidebar  a:active{
	color:white;
	background:none;
}

.widget {	
	width:130px;	
	margin: 0px 0 10px 0;
    text-align:left;       
    overflow: hidden;	
	background-color: white;		
}

* html .widget{
	margin: 0 25px 0px 0;
}

.widget h2 {
	width:130px;	
	text-align: left;	
	font-size:1.2em;
    color: #C14550;    
}

.widget a,
.widget a:link,
 .widget a:visited {
    text-decoration: none;
    font-weight: normal;
    color: black;
    line-height: 1.5em;
	font-size: 1.2em;
	background:url(images/bullet.jpg) no-repeat left;
	padding:0 0 0 12px;
}

.widget a:hover,
 .widget a:active {
    color: black;
    text-decoration: underline;
}

.widget ul {
    list-style-type: none;
    color: black;
    margin: 0 0 10px 0;
    text-align: left;
}

.widget ul ul {    
    margin-left: 10px;
}

.widget ul ul li {
    list-style-type: none;
    color: black;
}

/*********************/
/*      P O S T      */
/*********************/

.post-content {    
    width: 460px;
    margin: 0px 0px 10px 20px;    
    background-color: white;	
}

.post-content h1{
	font-size:2.4em;
}

.post-entry {    
    margin: 1.0em 0em 1.0em 0em;
    font-family:Helvetica, Arial, Sans-Serif;
	font-size:1.2em;	
}

.post-entry p{
	padding: 5px 0 5px 0;
}

.post-entry ul {    
	padding: .5em 0 .5em 3.0em;
}

.post-entry ol {
    padding: .5em 0 .5em 3.3em;
}

.post-entry img {    
    margin: 5px 5px 5px 5px;
    padding: 0 0 0 0;
}

.navigation {
    font-size: 1.2em;
    margin: 0 20px 0px 20px;	
	padding: 0 0 10px 0;/*fixes nav bottom in IE*/
}

/*   S E A R C H     */


#searchform {	
    width: 200px;
    height: 40px;       
    display: block;
	background-color:green;
}

#searchfield {
    float: left;
    width: 125px;
    height: 20px;
    margin: 10px 0px 0px 5px;
    padding: 1px 2px 0px 2px;
    font-size: 1.4em;
    background: none;
    border: none;
    display: inline;
	background-color:blue;
}

#searchsubmit {
	float: right;
    height: 20px;
    width: 50px;
    margin: 10px 10px 0 0px;
    color: #FFFFFF;
    background: transparent url(images/searchsubmit.png) no-repeat;
    border: 0px none;
    cursor: pointer;    
	background-color:red;
}

/*********************/
/*  C O M M E N T S  */
/*********************/

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align: center;
}

select {
    width: 130px;
}

#commentform {
    width: 390px;
    margin: 0 0 0 40px;
}

#commentform input {
    width: 120px;
    padding: 2px;
    margin: 5px 5px 1px 0;
}

#commentform textarea {
    width: 100%;
    padding: 2px;
}

#commentform #submit {
    margin: 0 0 20px 0;
    float: right;
}

.avatar {
    float: left;
    margin: 0px 5px 0px 15px;
    display: inline;
}

.alt {
    margin: 0;
    padding: 10px;
}

h3#comments {
    margin: 10px 30px 10px 40px;
}

h3#respond {
    margin: 10px 30px 10px 40px;
}

img#comments {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.commentlist {
    padding: 0;
    text-align: justify;
}

.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
}

.commentlist p {
    margin: 10px 30px 10px 30px;
    font-size: 1.2em;
}

#commentform p {
    margin: 5px 0;
}

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
}

.commentmetadata {
    margin: 0 0 0 0;
    padding: 0 0 0 30px;
}

/*FOOTERr*/
#footer{
	text-align:center;
	margin:0 auto 0 auto;
	color:white;
	font-size:12px;
}

.peak{
	font-size:14px;
	font-weight:bold;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active{
	color:white;
	text-decoration:underline;
}

/* clearfix */

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

.clear {
    min-width: 0;
    display: inline-block; /* \*/
    display: block;
}

* html .clear { /* \*/
    height: 1%;
}