/*
Theme Name: Springfree blog
Theme URI: http://www.springfreetrampoline.com/
Description: This theme is designed to fit the existing Springfree Trampoline website layout.
Version: 0.1
Author: Saugar Sainju
Author URI: http://www.saugar-sainju.com/
Tags: 

	Springfree v0.1
	 http://www.springfreetrampoline.com/

	This theme was built by Saugar Sainju.

	Copyright (c) 2009. Springfree Trampoline Inc.
*/


/* general */
.alignright, .post .alignright, .twocol .alignright{float:right;}
.alignleft, .post .alignleft, .twocol .navigation .alignleft{float:left;}
img.alignright{
	display:inline;
	margin: 0 0 2px 7px;
}

img.alignleft{
	display:inline;
	margin 0 7px 2px 0;
}
.wp-caption{
	background-color: #f3f3f3;
	border:1px solid #dddddd;
	margin:10px;
	text-align:center;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}
.post img.flag, img.flag {border:1px solid #999; background:none; padding:0;}
.post .wp-caption img{
	background:none;
}
.post img.wp-smiley{
	background:none;border:0;padding:0;
}
.wp-caption .wp-caption-text{
	margin-top:0px;
}

/** general button ****/
.button{
	display:inline-block;
	padding: 0px 4px;
	border: 1px solid #999;
	background: #4399B4;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
	color: #fff;
	line-height:1.4em;
}
.button a{
	color: #fff;text-decoration: none;
}
.button a:hover{ color: #ddd; text-shadow: #333 0px 1px 1px;}

.twocol .navigation{ float: none; width: 100%}


/*** header **/
.usercontrols{
	color: #e4e4e4;
	position:absolute;
	right:30px;
}

/*********** Post*/
.post{ margin-bottom:15px; border-bottom:1px solid #999;padding-bottom: 10px; width:100%;}

.post .posthead{
	width:100%;
	border-bottom: 1px dotted #999;
	margin-bottom: 5px;
	position:relative;
}

.post .posthead h2{
	float:left;
	width:85%;
}
.post .posthead .editlink{
	display:block;
	position:absolute;
	font-size:.85em;
	right:5px;bottom:5px;
	visibility:hidden;
}
.post .posthead:hover .editlink{
	visibility: visible;
}
.post .date {
	height: 65px;
	width: 45px;
	background: url(images/calendar.gif) no-repeat;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding: 0px 2px 0 0;
	line-height: 100%;
	float: left;
	margin:.35em 10px 0 0;
}
.post .date .month,.post .date .year {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 7px;
}

.post .date .year{
 color: #666;
 padding-top:3px;
}

.post .postinfo, .post .postmetadata{
	color: #999;
	margin-bottom: 8px;
	width:100%;
	font-size:.90em;
}

.post .postinfo .commentslink{
	float:right;
	display: inline-block;
	background: transparent url('images/icons/comment.png') top left no-repeat;
	padding: 1px 0 0 18px;
	height: 1.2em;
}

.post .postmetadata{
	background: #f6f6f6;
	padding: 5px;
	width: 98%;
	border:1px solid #dddddd;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 1.4em;
}

.post img, .avatar img{
	background: transparent url('images/shadow.gif') no-repeat right bottom;
	border:solid #eee;
	border-width:1px 0 0 1px;
	padding: 4px 10px 10px 4px;
}
.post .entry{ /* to fix bug related to lenthy URLs that need multiple lines */
	width: 456px;
	overflow: hidden;
}
/** sidebar ***/
#sidebar{font-size:1.3em;}
#sidebar div {float:none;}

#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4{
	font-weight: bold;
	color: #636363;
	margin-bottom:5px;
} 
#sidebar ul li{line-height:20px;;border-top:1px dotted #999;}
#sidebar>li{
	padding: 7px;
	margin-bottom:1.2em;
	background:#f6f6f6;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #dddddd;
}


/** Comments **/
/* ------------------------------------- comment area  */
#comments {
	background: url(images/icons/comments.gif) 1px 3px no-repeat;
	padding-left: 22px;
	clear: both;
}
#respond {
	background: url(images/icons/edit.png) 2px 4px no-repeat;
	padding-left: 22px;
	margin: 20px 0px 0px;
	clear: both;
}
#respond h3{margin:0;}
.nocomments{display: none;}
/* commentform */
#commentform {
	margin-top: 10px;
}
#commentform label {
	font-weight: bold;
	color:#666;
	font-size: 100%;
	padding-left: 5px;
}
#commentform small {
	color: #999999;
	font-size: 90%;
}

#commentform textarea {
	font: 110% Arial, Helvetica, sans-serif;
	width: 400px;
	height: 140px;
	background:url(images/form-field-bg.gif) no-repeat;
	border: solid 1px #e6e6e6;
	padding: 5px 3px 3px 7px;
}

#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #999;
}

/* comment list */

.commentlist {
	list-style-type:none;
	margin: 10px 0px;
	line-height: 130%;
	padding-left:45px;
	font-family: helvetica, arial, sans-serif;
}
.commentlist div{ float:none;}
.commentlist li{
	padding: 5px 10px;
	list-style-type:none;
	
}
.commentlist ul.children {list-style-type: none;margin: .7em;}
.commentlist ul.children .even {background:#fff;}

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
}

.commentlist img.avatar {  float: left;  dmargin: 0 5px 5px -25px;  position: relative; }
.commentlist .comment-meta {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
	color:#999999;
	line-height: 1.2em;
}
.commentlist .comment-meta a{
	color: #999; text-decoration:none;
}

.commentlist .even {
	background: #F4F4F4;
}
.commentlist li ul {list-style-type:none;}
.commentlist li ul li { padding-bottom:10px; margin-bottom:10px; margin-top:13px;}
.commentlist li ul li ul li {background-color: white;}

.comment-meta {margin-bottom: 1.4em;font-size: .9em;}
.comment-meta a{color: #000;}

.reply {font-size: .9em;margin:1em 0;}
img.avatar {
  float: right;
  margin: 5px;
  }
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
	color: #999999;
}
.comment-body p{
	margin-left: .6em;
}

/** author pages **/
.authorbox{width:100%;}
.avatar img{margin:0 7px 7px 0;}
.authorinfo {float:left; clear:both;margin-bottom: 25px; width: 100%;}
.authorinfo dt{
	float: left;
	font-weight: bold;
	width:20%;
}

.authorinfo dd{	width:80%; float:left;}

.authorinfo dt, .authorinfo dd{ padding-bottom: 10px; line-height:1.5em;}


/** search widget **/
.widget_search{height:40px;}
.widget_search label{display: none;}
.widget_search input{float:left;}

form #s{
	border:1px solid #aaa;
	color: #999;
	font-size: 95%;
	width: 178px;
}
form .searchbtn{
	background: transparent url(images/icons/search-button.png) 0px -3px no-repeat;
	text-indent: -999px;
	height: 24px;
	width: 24px;
	border:none;
	cursor:pointer;
	margin-top:-1px;
}

#sidebar .widget_search div.rsslinks{float:left; margin-top:3px;}
.rsslinks a{text-decoration:none;}
.rsslinks .rssbg{
	padding-left:20px;
	background: transparent url(images/icons/rssfeed.png) top left no-repeat;
}

/** twitter **/
.twtr-doc{border:1px solid #ddd;}
.twtr-doc .twtr-hd h3{
	color: #ccc;
}
#navmenu .twtr-doc .twtr-hd h4 a{
	font-weight: bold;
	font-size:95%;
	color: #636363 !important;
}

.twtr-doc .twtr-ft span{display:none;}