/*
Theme Name: Almost Spring
Theme URI: http://beccary.com/goodies/wordpress-themes/
Description: A two column theme. Light and simple with greens and oranges. 
Version: 1.2
Author: Becca Wei
Author URI: http://beccary.com
*/

/*
Ported to Textpattern with a little Magic Dust by Stuart  http://thebombsite.com/
*/



/* Basics and Typography */

body {
	margin: 0;
	padding: 0;
	background: #E8E8CE url(/images/bg.gif) repeat-x;
	font-size: 78% !important;
	font-size: 90%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
	color: #333;
	text-align: center;
}

#accessibility {
	position: absolute;
	top: -10000px;
}

p {

	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0;
	
}

ol, ul {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
}

ul li{
	list-style: square;
}

h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	color: #B96F17; 
}

h1, h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

#content h2{
	font-size: 1.6em;
	font-weight: bold;
}

#content h2.posttitle{
	font-size: 1.4em;
}


#content h3{
	font-size: 1.5em;
	font-weight: bold;
}
#content h4{
	font-size: 1.05em;
	font-weight: bold;
}

#content h5{
	font-size: 1.0em;
	font-weight: bold;
}


a {
	text-decoration: none;
}

a:link {
	color: #B96F17;
}

a:visited {
	color: #B96F17;
}

a:hover, a:active {
	color: #8FAD36;
}

input, textarea, select {
	border: 1px solid #C1C0B5;
	background-color: #FAFAF0;
	color: #333;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
}

blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #E8E7D0;
	font-size: 0.9em;
}

code, samp, span.code {
	border: 1px solid #FDE9BF;
	border-right: solid 1px #CCBEA2;
	border-bottom: solid 1px #CCBEA2;
	background-color: #FDF5E6;
	padding: 0px 1px 0px 1px;
	font-family: "Courier New", Courier, monospace;
	overflow: auto;	
}

pre,
div.sample {
	border: 1px dashed #CCBEA2;
	overflow: auto;
	margin: 0 0 10px 0; 
	overflow-y: hidden; 
	width: 98%;
	font-size: 1em;
	font-family: "Courier New", Courier, monospace;	
	background-color: #FDF5E6;
	padding-bottom: 1px;
	*padding-bottom: 1.5em;
}

pre code{
	border: none;
	padding: 0;
}

form, img {
	margin: 0;
	padding: 0;
	border: 0;
}

.small {
	font-size: 0.9em;
	color: #999;
}

/* Layout */

#wrapper {
	margin: 0 auto;
	width: 750px;
	background-color: #FFF;
	text-align: left;
}

#header {
	padding: 0 0 0 0;
	background-color: #F5F5E7;
	border-bottom: 10px solid #9BBB38;
}

/* Header Styles */

#header h1 {
	padding-right: 0px; 
	display: block; 
	padding-top: 20px;
	padding-bottom: 0px; 
	margin: 0px; 
	width: 750px; 
	position: relative; 
	height: 80px;
	line-height: 120%;
}

#header h1 a {
	text-decoration: none;
	color: #80904F;
}

#header h1 span {
	padding-right: 0px;
	display: block; 
	padding-left: 0px; 
	z-index: 1; 
	background: url(/images/almost_spring/header.jpg); 
	left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	width: 750px; 
	cursor: pointer; 
	padding-top: 0px; 
	position: absolute; 
	top: 0px; 
	height: 100px;
}

#content {
	float: left;
	padding: 0 20px;
	width: 520px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 480px;
}

html>body #content {
	width: 480px;
}

#sidebar {
	float: left;
	padding: 1.8em 20px 0 20px;
	width: 230px;
	font-size: 0.9em;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 190px;
}

html>body #sidebar {
	width: 190px;
}

* html #content, * html #sidebar {
	overflow: hidden; /* For IE */
}

#footer {
	border-top: 10px solid #9BBB38; 
	clear: both; 
	margin: 0 0 0 0;
	padding: 20px 20px 0 0; 
	color: #90AF35;
	background: #E8E8CE url(/images/almost_spring/footer.jpg) top no-repeat; 	
	text-align: right;
	height: 70px;
}

/* Footer Styles */

#footer #footer-text {
	margin: 0px;
	font-size: 0.9em;
	line-height: 80%; 
}

#footer #footer-icons{
	padding: 20px 0 0 0;
}

/* Sidebar Styles */

#sidebar h2 {
	color: #9BBB38;
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	background: url(/images/almost_spring/arrow.gif) no-repeat center right;
	font-size: 1.1em;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar ul li {
	list-style: none;
}

#sidebar ul ul {
	margin: 1.2em 0;
	border-top: 1px solid #E8E7D0;
	background-color: #FAFAF0;
}

#sidebar ul ul li {
	padding: 0 0 0 10px;
	border-bottom: 1px solid #E8E7D0;
}

#sidebar ul ul li a {
	display: block; 
	margin: 0 0 0 -10px;
	padding: 2px 10px 0 10px;
	width: 190px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 170px;
}

html>body #sidebar ul ul li a {
	width: 170px;
}

#sidebar ul ul li a:hover {
	background-color: #FFF;
}

/* Nested lists? */

#sidebar ul ul ul {
	margin: 0;
	border: none;
}

#sidebar ul ul ul li {
	margin: 0 0 0 -10px;
	padding: 0 0 0 25px;
	border-bottom: none;
	border-top: 1px solid #E8E7D0;
}

#sidebar ul ul ul li a {
	margin: 0 0 0 -25px;
	padding: 2px 10px 0 25px;
	width: 190px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 155px;
}

html>body #sidebar ul ul ul li a {
	width: 155px;
}

/* Blog */

.post {}

.posttitle {
	margin-bottom: 0;
	width: 100%;
	color: #FFF;
	overflow: hidden; 
	/* Width and overflow to clear '.posttitle a' */
}

.singleposttitle {
	margin-bottom: 0;
	background: #9BBB38 url(/images/almost_spring/posttitle.gif) no-repeat top right;
	padding: 0 10px;
	color: #FFF;
}

.posttitle a {
	float: left;
	padding: 0 10px;
	background: #9BBB38 url(/images/almost_spring/posttitle.gif) no-repeat top right;
}

.posttitle a:link, .posttitle a:visited {
	color: #FFF;	
}

.posttitle a:hover, .posttitle a:active {
	background: #E8E7D0 url(/images/almost_spring/posttitle.gif) no-repeat 100% -91px;
	color: #80904F;
}

.postmeta {
	margin-top: 0;
	padding-top: 1px;
	background: url(/images/almost_spring/postmeta.gif) no-repeat top left;
	font-size: 0.9em;
	color: #999;
}

.postentry {}

.permalink {
	margin: 0 1.8em 0 0;
	padding: 0 0 0 14px;
	background: url(/images/almost_spring/permalink.gif) no-repeat center left;
}

.commentslink {
	padding: 0 0 0 17px;
	background: url(/images/almost_spring/commentslink.gif) no-repeat center left;
}

.paging {
        text-align: center;
        margin-top: 3em;
        margin-bottom: 3em;
}

.paging span{
	background-color: #F1F1F1;
	padding: 10px 20px;
}

.paging a {

}

.articlenav {
        text-align: center;
        margin-top: 3em;
        margin-bottom: 3em;
}

.articlenav p {
	background-color: #F1F1F1;
	padding: 5px;
}


.articlenav a {

}

/* Comments */

ol.comments {
	margin: 1.2em 0;
	padding: 0;
	border-bottom: 1px solid #E8E7D0;
	list-style-type: none;
}

ol.comments li {
	border-top: 1px solid #E8E7D0;
	padding: 1px 20px;
	background-color: #FFF;
}

.alt {
	background-color: #FAFAF0 !important;
}

.commenttitle {
	margin-bottom: 0;
	font-size: 1.1em;
}

.commentmeta {
	margin-top: 0;
	font-size: 0.9em;
	color: #999;
}

#comment {
	width: 98%;
}

form#txpCommentInputForm {
        margin-top: 40px;
}

input.comment_name_input, input.comment_email_input, input.comment_web_input, textarea.txpCommentInputMessage {
        margin-bottom: 20px;
        margin-left: 5px;
}

input.comment_name_input {
        margin-right: 20px;
}

input#forget, input#remember {
        margin-right: 5px;
}

textarea.txpCommentInputMessage {
        height: 200px;
        width: 275px;
}

p#txpCommentInputForm {
        width: 300px;
        text-align: center;
        font-weight: bold;
        padding: 10px 0 10px 0;
        border-top: 1px solid #E8E7D0;
        border-bottom: 1px solid #E8E7D0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        margin-bottom: 30px;
}

/*** mp **************/
.breadcrumbs{
	margin: 10px 10px 5px 20px;
}

#content table{
	border-collapse: collapse;
}

#content table th{
	border: 1px solid gray;
	background-color: #EFEFEF;
	padding: 0 3px 0 5px;	
}

#content table td{
	border: 1px solid gray;
	padding: 0 3px 0 3px;
}


.interval-clanek{
	
}

.interval-clanek .table table{
	border-collapse: collapse;
}

.interval-clanek .table table th{
	border: 1px solid gray;
	background-color: #EFEFEF;
	padding: 0 3px 0 5px;	
}

.interval-clanek .table table td{
	border: 1px solid gray;
	padding: 0 3px 0 3px;
}

	
.interval-notice{
	background-color: #FFFCEC;
	padding: 5px;
	margin-top: 20px;
}


.perex{
	background-color: #FFFCEC;
	padding: 5px 10px 5px 10px;
}

.perex p{
	margin: 0;
	padding: 0;
}

#footer a{
	color: #90AF35;
}

.absUrlLink a img{
	vertical-align: baseline;
}

@import url("jquery.cluetip.css");