/*   
Theme Name:Hamabama
Theme URI:http://www.hamabama.ch
Description:just hamabama 
Author:gyselroth
Author URI:http://www.gyselroth.com
Version:1
Tags:two-columns, fixed-width, white, green, fresh
*/

/*       ###############################
         BASIC TAGS
         ############################### */

* {
	margin:0;
	padding:0;
}
body {
	font-family: "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666;
	background:url(img/bg_hamabama.png) top center no-repeat #F1F6E0;
	margin:0 0 40px
}
h1, h2, h3, h4, h5, h6 {
	margin:10px 0 0 0;
}
p {
	margin:0px 0px 10px 0px;
}
a {
	outline:none;
	text-decoration:none;
	color:#8a8a8a;
}
a:hover {
	color:#9FC332;
}
a img {
	border:none;
}
/*       ###############################
         BASIC LAYOUT
         ############################### */

div#outline {
	width:880px;
	margin:0 auto;
}
div#blog-line img {
	padding:25px 0 65px 0;
	margin:0;
}
div#blog-line h1 {
	display:none;
	font-size:0;
}
div#content {
	background:#fff;
	clear:both;
	z-index:1;
	width:800px;
	padding:20px 40px 0 40px;
}
div#left {
	width:540px;
	float:left;
	padding:0 20px 10px 0;
}
div#right {
	width:200px;
	float:right;
	padding:0 0 30px 20px;
}
div.headline {
	padding:8px 0 0 0;
}
div.excerpt {
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:solid 2px #A0C332;
}
div.single_post_content {
	margin:0 0 30px 0;
	padding:0 0 15px 0;
	border-bottom:solid 2px #A0C332;
}
div.tag {
	float:right;
}
div.tag a {
	color:#fff !important;
	font: bold small-caps 135% "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	/*padding:0 4px 0 4px;*/
}
div.tagleft {
	float:right;
	width:10px;
	height:35px;
	background:url(img/tagleft.jpg) no-repeat;
}
div.tagmiddle {
	float:right;
}
/* IE 7 */
* + html div.tagmiddle {
	width:100px;
}
/* IE 6 */
* html div.tagmiddle {
	width:100px;
}
div.tagtext {
	display:block;
	height:19px;
	background:url(img/tagmiddle.jpg) repeat;
	padding: 1px 3px 0 2px;
}
/* IE */
div.tagtext {
	height /*\**/:18px\9;
	padding /*\**/: 2px 3px 0 2px\9;
}
/* IE 7 */
* + html div.tagtext {
	height:17px;
	padding: 3px 3px 0 2px;
}
/* IE 6 */
* html div.tagtext {
	height:17px;
	padding: 3px 3px 0 2px;
}
div.tagbottom {
	display:block;
	height:15px;
	background:url(img/tagbottom.jpg) repeat-x;
}
div.tagright {
	float:right;
	width:10px;
	height:35px;
	background:url(img/tagright.jpg) no-repeat;
}
div.single_content {
	clear:both;
	margin:0 0 50px 0px;
}
/*       ###############################
         NAVIGATION
         ############################### */

div#nav {
	position:relative;
	width:880px;
	height:47px;
	background-color:#FFF;
}
div#nav ul {
	float:left;
	list-style:none;
	width:100%;
	height:35px;
	background:url(img/nav.png);
	background-repeat: repeat-x;
}
/* IE 6 */
* html div#nav ul {
	background-color:#FFF;
	background-image:url(img/nav.jpg);
}
div#nav li {
	float:left;
}
div#nav li a {
	display:block;
	width:86px;
	height:47px;
	margin:0;
	padding:10px 0 0 0;
	text-align:center;
	color:#f5f5f5;
	text-decoration:none;
	font:bold 12px "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
div#nav li a:hover {
	background:url(img/menu_rollover.jpg);
	background-repeat:no-repeat;
}
.current_page_item {
	background:url(img/menu_rollover.jpg);
	background-repeat:no-repeat;
}

/*       ###############################
         TEXT
         ############################### */

div#left {
	font-size:100%;
}
div#left p {
	line-height:150%;
	padding:3px 0 0 0;
}
div#left p.line {
	display:block;
	clear:both;
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	border-top: 1px dotted #9FC332;
}
span.green {
	color:#9FC332;
	font-weight:bold;
}
span.grey {
	color:#666;
	font-weight:bold;
	text-decoration:underline;
}
span.subtitle {
	color:#9FC332;
	font:bold 12px "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
div#left a {
	color:#9FC332;
}
div#left a.grey {
	text-decoration:underline;
	color:#666;
}
div#left a:hover {
	color:#9FC332;
	text-decoration:underline;
}
div#left h1 {
	float:left;
	font:bold 18px "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	padding:0;
}
div#left h1.title {
	float:none;
	padding:0 0 16px 0;
}
div#left h1.title2 {
	float:none;
	margin:25px 0 0 0;
	padding:30px 0 16px 0;
	border-top: 2px solid #9FC332;
}
div#left h1 a {
	color:#666;
	display:block;
}
div#left h1 a:hover {
	color:#9FC332;
	text-decoration:none;
}
div#left h2 {
	font:bold 150% "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	margin:0 0 10px 0;
	color:#9FC332;
}
div#left h2.archive-title {
	margin:10px 0 15px 0;
	font:bold 25px "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#9FC332;
}
div#left ul, ol {
	margin:0 0 20px 20px;
}
div#left h3 {
	margin:0;
	font:bold 100% "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color:#9FC332;
}
div.excerpt p, div.single_content p {
	padding:10px 0 0 0;
}
div.excerpt, div.single_content {
	font-size:120%;
	line-height:140%;
}
p.previous-posts {
	margin:0 0 25px 0;
	float:right;
	font:bold 10px "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#699D07;
}
p.next-posts {
	margin:0 0 25px 0;
	float:left;
	font:bold 10px "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color:#699D07;
}
p.post_info {
	clear:left;
	font-size:11px;
	color:#9FC332;
	margin:0 0 15px 0;
	width:100%;
}
/*      ##################################
           COMMENTS
        ################################## */

div#comments_box {
	margin: 0 0 20px 0;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
div#comments_box ul {
	margin:0 !important;
}
div#respond {
	padding:10px 0;
	border-bottom:2px solid #9FC332;
}
ul.children {
	margin:0 !important;
}
li.comment, li.pingback {
	padding:10px 15px 10px 15px;
	border-bottom:1px solid #ccc;
	list-style: none;
}
li.depth-2, li-depth-3 {
	margin: 0 0 10px 0;
}
li em {
	margin:0 0 0 5px;
}
ul.children li.comment {
	border: 1px solid #ccc;
}
.comment-details {
	margin: 0 0 0 5px;
	font:normal 130% "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px dotted #ccc;
}
.comment-details a {
	font-style:normal;
}
.comment-text {
	margin:0 0 0 5px;
}
.comment-author-admin {
	background: #f9fbc1;
}
.bypostauthor {
	background: #F3F3F3;
}
.comment-reply {
	text-align:right;
	margin:0 5px 10px 0;
	font: italic 100% "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
h2#comment-header {
	margin:0 0 10px 0 !important;
}
/*      ##################################
           FORMS
        ################################## */

label {
	display:block;
	margin:0 0 5px 0;
}
.text {
	width:350px;
	margin:0 0 15px 0;
	padding:5px;
	background:url(img/bg-form-text.gif) repeat-x left top #fff;
	border:1px solid #ccc;
}
textarea {
	width:450px;
	height:150px;
	margin:0;
	padding:5px;
	background:url(img/bg-form-text.gif) repeat-x left top #fff;
	border:1px solid #ccc;
	-moz-border-radius:5px;
}
.submit {
	width:auto;
	padding:5px 10px;
	margin:5px 0 25px 0;
	color:#fff;
	background:#9FC332;
	border:1px solid #9FC332;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}
input {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	margin:0 5px 0 0;
}
div#left textarea {
}
/*       ###############################
         WIDGETS
         ############################### */

div#right {
	text-align:left;
	font-size:12px;
	color:#699D07;
}
.widget {
	padding:0 0 2px 0; /*background:url(img/widget_bg.gif) repeat;*/
	background-color:#F1F6E0;
}
div.widget h4 a {
	display:block;
	font:bold 12px "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background:url(img/widget_header1.jpg) repeat-x;
	padding:10px 10px 10px 10px;
}
div.widget h4 a:hover {
	text-decoration:underline;
	color:#FFF;
}
div.widget a {
	color:#699D07;
}
div.widget a:hover {
	text-decoration:underline;
}
.textwidget, .textwidget a {
	font: normal 12px "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	line-height:145%;
	color:#699D07;
}
.textwidget {
	margin: 10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}
div#tag_cloud-3 div {
	margin: 10px 10px 10px 10px;
	padding:0 0 10px 10px;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}
div#upm_poll_box {
	margin: 10px 10px 10px 10px;
	padding:0 10px 1px 10px;
	background-color:#FFF;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}
p.upm_poll_form_question {
	font:bold 100% "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	padding:0 0 5px 0;
	border-bottom: 1px dotted #9FC332;
}
li.upm_poll_form_list {
	margin:3px 0 3px 0;
	padding:0;
}
li.upm_poll_form_list input {
	display:inline;
}
li.upm_poll_form_list label {
	display:inline;
}
input#upm_poll_form_submit {
	width:auto;
	background:#699D07;
	margin:5px 0 0 0;
	padding:5px;
	border:none;
	color:#FFF;
}
div.upm_poll_footer {
	border-top: 1px dotted #9FC332;
	padding:5px 0 0 0;
	margin:3px 0 0 0;
}
div#archives {
	min-height:130px;
}
/*      ##################################
           SEARCHFORM
        ################################## */
		
div#searchform {
	margin:0;
	padding:10px 10px 7px 10px;
}
div#searchform form {
	margin:0;
	padding:0;
}
input#search {
	width:70%;
	padding:5px;
	background:url(img/bg-form-text.gif) repeat-x left top;
	border:1px solid #ccc;
}
#search-submit {
	width:auto;
	background:#699D07;
	margin:0;
	padding:5px;
	border:none;
}
p.not-found {
	margin:0 0 12px 0;
	font: normal 12px "Lucida Grande", Lucida, "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
/*       ###############################
         IMAGES
         ############################### */
		 
div.excerpt img.aligncenter, div.single_content img.aligncenter, img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:auto;
	margin:0 0 10px 0;
}
div.excerpt img.alignright, img.alignright {
	float:right;
	margin:0 0 10px 20px;
	width:45%;
	height:auto;
}
div.excerpt img.alignleft, img.alignleft {
	float:left;
	margin:0 20px 10px 0;
	width:45%;
	height:auto;
}
img.alignleft_contact {
	float:left;
	margin:0 50px 30px 0;
	border:1px solid #ccc;
}
div#left h3 img {
	margin:0 5px 0 0;
	vertical-align:middle;
}
/*      ##################################
           WORDPRESS CSS
        ################################## */

.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	margin:10px;
}
.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}
.wp-caption p.wp-caption-text {
	font-size:110%;
	line-height:17px;
	padding:0 4px 5px;
	margin:0;
}
/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix {
	display:inline-block;
}
html[xmlns] .clearfix {
	display:block;
}
* html .clearfix {
	height:1%;
}
.clear {
	clear:both;
}
.space {
	display:block;
	clear:both;
	height:10px;
}