/*
Theme Name: Rin
Theme URI: http://www.brokenkode.com/rin/
Description: Nebula flavoured Rin
Version: 1.0
Author: Khaled Abou Alfa
Author URI: http://www.brokenkode.com/


Rin Credits -
Rin is an extension of the original Manji theme. The development was
done by Khaled Abou Alfa and Joshua. Originally released 30th January 2005.

Original Manji Credits -
The Manji template designed by Khaled Abou Alfa (www.brokenkode.com) 
and Root (www.atthe404.com/blog); Root is currently offline. Please go read the
FAQ on www.brokenkode.com/board for further information.

Joshua (aka Alphaoide) has been helping complete this project in the wake of
Root's disappearance.

Also a big shout out to Franchesco Anselmo & David Prince for their invaluable 
support.

Also I've got to thank the wordpress forums for all the little help in solving 
loads of questions we had when creating this theme.


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

Theme for blogging software. Initially released for Wordpress.
Copyright (C) 2004 khaled abou alfa.

This program is free software; you can redistribute it and/or modify it under 

the terms of the GNU General Public License as published by the Free Software 
Foundation, version 2 of the License.

This program is distributed in the hope that it will be useful, but WITHOUT ANY 
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A 

PARTICULAR PURPOSE. See the GNU General Public License for more details.
*/


html {
	/* In Firefox vertikalen Scrollbar erzwingen */
	overflow-y: scroll;
}

.clearleft {
	clear: left;
	height: 1px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}

.clearright {
	clear: right;
	height: 1px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}

.clear {
	clear: both;
	height: 1px;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}

/* <<<<<<<<<<<<<<<<<<<<<<<<<< Structural Layout >>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
body {
 background: #fff;
 margin:  0;
 padding: 0;
 text-align: center; /* IE hack Part 1 */ 
}


/*---------------------------- Site Navigation -------------------------------*/
#top {
 width: 750px;
 margin: 0 auto 0 auto;
 height: 8px;
 line-height: 8px;
 background: #ffffff;
}

#hnav {
 width: 750px;
 margin: 0 auto 10px auto;
 height: 23px;
 background: #d9d7da url(images/navgradient.jpg) repeat-x top;
 border-bottom: 1px solid #ccced2;
 border-left: 1px solid #f5f6f7;
 border-right: 1px solid #ccced2;
}


#header {
 float: left;
 width: 350px;
 margin: 0;
 padding: 0;
 text-align: left;
}


#hmenu {
 margin: 0;
 padding: 0;
/* text-transform:lowercase; */
 text-align: right;
 float: right;
 width: 369px;
}


#masthead {
 background: url(images/praesentationsberater.png);
 width: 750px;
 height: 101px;
 margin: 0 auto;
 padding: 0;
 border-left: 1px solid #F06620;
 border-right: 1px solid #96A0A6;
}


/*------------------------------- Main Body ----------------------------------*/
#container {
 width: 750px;
 margin: 10px auto;
 background: #f5f6f7;
 border-left: 1px solid #d5d7db;
 border-right: 1px solid #d5d7db;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: left; /* IE hack Part 2 */
 border-top: 1px solid #d5d7db;
 border-bottom: 15px solid #d5d7db;
}


#topcontentdouble {
 width: 500px;
 height: 27px;
 background: #f5f6f7 url(images/header_whole2.gif) no-repeat right top;
}


#topcontent {
 width: 730px;
 height: 27px;
 background: #f5f6f7 url(images/header_whole.gif) no-repeat top;
}


#content {
 float: right;
 width: 500px;
 background: #ffffff;
 margin: 11px 10px 10px 0;
 padding: 0;
 display: inline;
}


#bottomcontentdouble {
 width: 500px;
 height: 27px;
 background: #f5f6f7 url(images/bottom_whole2.gif) no-repeat right top;
}

#singlecontent {
 width: 730px;
 background: #ffffff;
 padding: 0;
 margin: 11px auto 10px auto;
}


.post {
 margin: 0px 10px 65px 10px;
}


.singlepost {
 margin: 24px 125px 65px 125px;
}


#bottomcontent {
 width: 730px;
 height: 27px;
 background: #f5f6f7 url(images/bottom_whole.gif) no-repeat top;
}


.meta {
 border-top: 1px solid #BBBBBB;
 margin-top: 10px;
 clear: both;
 font-size: 11px;
 line-height: 18px;
}


.feedback {
 float: right;
 font-size: 11px;
 line-height: 18px;
}


.author {
 width: 160px;
 float: right;
 text-align: right;
}


.metacategory {
 width: 320px;
 float: left;
}


.author a:hover, .metacategory a:hover {
 text-decoration: underline;
}


.related {
 width: 480px;
 font-size: 11px;
/*
 line-height: 18px;
*/
 clear: both;
 margin-top: 20px;
 padding: 2px 0 0 0;
 border-top: 1px solid #bbbbbb;
}

.related a:hover {
 text-decoration: underline;
}


/*---------------------------- Page Navigation -------------------------------*/
.postnavigation {
 height: 32px;
}


.left {
 float: left;
 padding: 16px 0 0 16px;
}


.right {
 float: right;
 padding: 16px 16px 0 0;
}


.leftdouble {
 float: left;
 padding-left: 10px;
}


.rightdouble {
 float: right;
 padding-right: 10px;
}


/* ------------------------------ Sidebars -----------------------------------*/
#sidebar {
 position: relative;
 top: 0px;
 float: left;
 width: 225px;
 margin: 0;
 padding: 0 0 10px 10px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 text-align: left; /* IE hack Part 2 */
 display: inline;
}


#sidebar ul {
 position: relative;
}

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

#sidebar ul, #sidebar ul li {
 margin: 0;
 padding: 0;
 
}

#sidebar ul li ul{
 background: #fff;
 margin: 0 5px 0 0;
 padding: 6px 5px 10px 5px;
}

#sidebar h4 {
 font-family: Arial, Helvetica, sans-serif;
 background: url(images/navgradient.jpg) repeat-x top;
 height: 16px;
 font-size: 11px;
 font-weight: bold;
 margin: 10px 5px 0px 0px;
 padding: 5px 0 4px 5px;
 color: #919191;
 border-bottom: 1px solid #fff;
}


/*
The following is the fix
for 3-pixel-jog bug in IE 
*/
/* Hide from IE5-mac. Only IE-win sees this. \*/
 
* html #content {
 /*margin-right: 7px;*/
}
 
* html #sidebar {
 height: 1%;
}
/* End hide from IE5/mac */


#sidebar ul li ul li{
 margin-left: 4px;
 padding: 0;
}

#sidebar a {
 display: block;
 padding: 2px 2px 2px 14px;
 margin:0;
 width: 180px;
 background-image: url(images/icon1.gif);
 background-repeat: no-repeat;
 background-position: 0 55%;
 text-decoration: none;
}

#sidebar a:hover {
 display: block;
 padding: 2px 2px 2px 14px;
 margin:0;
 width: 180px;
 background-image: url(images/icon2.gif);
 background-repeat: no-repeat;
 background-position: 0 55%;
 color: #E96725;
 text-decoration: underline;
}

#sidebar ul li ul li.current_page_item a {
 background-image: url(images/icon2.gif);
 color: #E96725;
 text-decoration: none;
}
/*
#sidebar ul li ul li{
 margin: 4px 10px 4px 2px;
 display: block;
 background: url(images/bullet.jpg) no-repeat;
 padding: 0 0 0 16px;
}
*/
#sidebar ul li ul li.archivtyp{
 font-family: Arial, Helvetica, sans-serif;
 color: #919191;
 font-weight: bold;
 margin: 4px 0px 0px 2px;
 display: block;
 background: none;
 padding: 0;
}
/*
#sidebar ul li ul li a{
 display: block;
 height:1%; /* IE WIN */
/*
 text-decoration: none;
}

#sidebar ul li ul li a:hover {
 color: #E96725;
 text-decoration: underline;
}
#sidebar ul li ul li.current_page_item a {
 color: #E96725;
 text-decoration: none;
}
*/

#sidebar ul li ul li.info {
 margin-left: 4px;
 padding: 0;
 background: #FFFFFF;
}

#sidebar ul li ul li.info a {
 display: inline;
 text-decoration: none;
 margin: 0;
 padding: 0;
 background: #FFFFFF;
}

#sidebar ul li ul li.info a:hover {
 background: #FFFFFF;
 color: #E96725;
 text-decoration: underline;
}

#sidebar ul li ul li.banner {
 text-align: center;
 margin: 0;
 padding: 0;
 background: #FFFFFF;
}

#sidebar ul li ul li.banner a, #sidebar ul li ul li.banner a:hover {
 margin: 0;
 padding: 0;
 display: inline;
 text-decoration: none;
 background: #FFFFFF;
}

#sidebar ul li ul li.sidebarsearch {
 text-align: left;
 margin: 0;
 padding: 0;
 background: #FFFFFF;
}

#sidebar #sbsearchform {
 margin: 0;
 padding: 1px 0 0 3px;
}

#sidebar #sbsearchform #search {
 vertical-align: top;
 margin: 0 6px 0 0;
 padding: 1px;
 width: 180px;
 height: 17px;
 background: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #7b7b7b;
 border: 1px solid #7b7b7b;
}

#sidebar #sbsearchform #search:hover {
 border: 1px solid #000000;
}


#sidebar #sbsearchform #search:focus {
 border: 1px solid #000000;
 color: #000000;
}

#sidebar #sbsearchform #sbsearchbutton {
 vertical-align: top;
 margin: 0;
 padding: 2px 0 0 0;
}


#sidebar ul li ul li ul {
 margin: 0;
 padding: 0 0 0 10px;
}


/* ------------------------------ Comments -----------------------------------*/
#response {
 margin: 0px 110px;
}


#commentlist {
 padding: 0px 5px 0px 5px;
 margin-left: 10px;
 margin-right: 10px;
 color: #7b7b7b;
 list-style-type: none; 
 text-align: justify;
}


#commentlist li p{
 padding: 0px;
 margin: 8px 0px 0px 0px;
}


.commentname {
 width: 260px;
 margin: 0;
 padding: 0;
 float: left;
 text-align: left;
}


.commentinfo {
 width: 220px;
 margin: 0;
 padding: 0;
 float: right;
 text-align: right;
}


.commenttext {
 clear: both;
 padding: 0px 5px 5px 5px;
 margin-top: 0px;
 margin-bottom: 20px;
 border-top: 1px solid #e4ebef;
 text-align: left;
 line-height: 16px;
 background: #f5f6f7;
}


/* ----------------------------- Comment Form ------------------------------- */
h3#postcomment {
 background: #FFFFFF url(images/comments.gif) no-repeat center top;
 margin: 40px 0px 0px 0px;
 padding: 0 0 20px 15px;
}


#commentform {
 background: #f5f6f7; 
 padding: 1px 20px;
 margin-top: 0px;
 margin-bottom: 0px;
}


#commentboxes {
 width: 200px;
 float: left;
 color: #7b7b7b;
 font-size: 11px;
}


p.instructions {
 margin: 0px 0 0 200px;
 color: #7b7b7b;
 font-size: 11px;
 text-align: left;
 padding-left: 10px;
 position: relative;
}


#button{
 padding-top: 2px;
}
#button input {
 margin: 0 5px 0 0;
 padding: 0;
}


#commentsbottom {
 background: #FFFFFF url(images/commentsdown.gif) no-repeat center top;
 margin: 0;
 padding: 0;
 height: 22px;
}


/* --------------------------- 'Sidebar' Structure -------------------------- */
#menu {
 width: 750px;
 height: 45px;
 vertical-align: middle;
 background: #F0F0F0 url(images/bottomgradient.jpg) repeat-x top;
 border-top: 1px solid #d1d4d9;
 border-right: 1px solid #d5d7db;
 border-bottom: 2px solid #d5d7db;
 border-left: 1px solid #d1d4d9;
}


#searchform {
 float: left;
 margin: 0;
 padding: 11px 0 0 20px;
}

#searchform #searchbutton {
 vertical-align: top;
 margin: 0;
 padding: 2px 0 0 0;
}

#searchform #search {
 vertical-align: top;
 margin: 0;
 padding: 1px 2px 1px 1px;
 height: 19px;
 width: 144px;
}


#topimage {
 margin: 2px 0 0 0; 
 cursor: pointer;
 width: 60px;
 height: 40px;
 background: url(images/topbutton.gif) no-repeat top;
 float: right;
 padding-right: 9px;
 padding-top: 3px;
}


#topimage a{
 display:block;
 height:100%;
 overflow:hidden;
 text-decoration:none;
}


/* ------------------------------- Credits ---------------------------------- */
#footer {
 margin: 0 auto 10px auto;
 width: 752px;
 font-size: 10px;
}


#footer p {
 margin-top: 0;
}


.clearer {
 clear: both;
 line-height: 0px;
 margin: 0;
 padding: 0;
}


/*------------------------------ H Menu Styling ----------------------------- */
#hlinks {
 display: inline;
 list-style-type: none;
 vertical-align: middle;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 line-height: 23px;
 font-weight: normal;
}
/*hnav*/
#hmenu ul li{
 display: inline;
}

#hmenu ul li a {
 color: #919191;
 text-decoration: none;
 padding-left: 11px;
 padding-right: 5px;
}


#hmenu ul li a:hover {
 color: #000;
}



/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<< Typography >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* ------------------------------- General ---------------------------------- */
a {
 color: #005D93;
 text-decoration: none;
}

a:hover {
 color: #005D93;
 text-decoration: underline;
}

a:visited {
 color: #005D93;
 text-decoration: none;
}


#hlinks a {
 border: 0;
 text-decoration: none;
}

.post p, .singlepost p {
 margin: 10px 0 0 0;
}

.post table, .singlepost table {
 margin: 10px 0 0 0;
}

.post blockquote, .singlepost blockquote {
 background: #F5F6F7;
 font-family: "Courier New", Courier, monospace;
 margin: 10px 0 0 0;
 padding: 5px 34px !important;
 padding: 5px 39px;
}

.post blockquote p, .singlepost blockquote p {
 margin: 0;
 padding: 0;
}

.post ul, .post ol, .singlepost ul, .singlepost ol {
 margin: 10px 0 0 34px !important;
 margin: 10px 0 0 39px;
 padding: 0;
 list-style-position: outside;
}

.post ul li, .post ol li, .singlepost ul li, .singlepost ol li {
 margin: 0;
 padding: 0;
}

sup {
 line-height: 0px;
 position: relative;
 top: 0.2em;
 text-decoration: none;
}

.reg {
 font-size: 0.8em;
 position: relative;
 top: -0.3em;
 text-decoration: none;
}

code {
 font-family: "Courier New", Courier, monospace;
 font-size: 12px;
}

p img, div img {
 padding-top: 5px !important;
 padding-bottom: 5px !important;
 max-width: 100% !important;
 border: 0;
}

a img {
 border: none !important;
}

img.centered, img.middle, img.aligncenter {
 text-align: center;
 margin-left: auto !important;
 margin-right: auto !important;
 max-width: 100% !important;
 border: 0px;
}

img.alignright, img.right {
 margin-left: 16px !important;
 max-width: 66% !important;
 border: 0px;
}

img.alignleft, img.left {
 margin-right: 16px !important;
 max-width: 66% !important;
 border: 0px;
}

.alignleft {
 float: left !important;
}

.centered, .middle, .aligncenter {
 text-align: center;
}

.alignright {
 float: right !important;
}
	

h1 a {
 margin: 0;
 padding: 0;
 text-decoration: none;
 color: #6f6f6f;
}


h3 {
 color: #005D93;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin: 40px 0 0 15px;
 padding: 24px 0 0 0;
}

/*
.singlepost h2{
 margin-top: 0px;
}
*/

h4 {
 text-align: left;
 color: #005D93;
 margin: 0;
 padding: 0;
 font-size: 11px;
 line-height: 14px;
 font-weight: bold;
}

table, tr, td {
 margin: 0;
 padding: 0;
}

.noscript {
color: #005D93;
display: inline;
}


/* ------------------------------Site Navigation ---------------------------- */
#blogtitle {
 margin: 5px 0 0 5px;
 padding: 0;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 11px;
}


#blogtitle a{
 color: #919191;
 font-weight: bold;
}


#blogtitle a:hover{
 color: #000;
 font-weight: bold;
 text-decoration: none;
}


/* -------------------------------- Main Body ------------------------------- */
.post, .singlepost{
 color: #3f3f3f;
 text-align: left;
}

.post h3 a:hover, .post a:hover p, .singlepost h3 a:hover {
 text-decoration: underline;
}

.post h3, .singlepost h3 {
 color: #005D93;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 border: 0px;
 margin: 24px 0 0 0;
 padding: 0px;
}

.post a p, .singlepost a p {
 margin: 5px 0 0 0;
}


.posted {
 color: #555555;
}


.pagetitle, .title, .title a, .title a:visited  {
 text-align: left;
 font-weight: normal;
 height: 20px;
 color: #005D93;
 margin: 0px;
 text-decoration: none;
 font-size: 18px;
}


.title a:hover {
 color: #333333;
}


.storycontent {
 padding: 0px 0px 5px 0px;
 font: 12px Verdana, Arial, Helvetica, sans-serif;
 line-height: 18px;
}

.pagecontent {
 border-bottom: 1px solid #FFFFFF;
 padding: 0px 0px 5px 0px;
 font: 12px Verdana, Arial, Helvetica, sans-serif;
 line-height: 18px;
}

.storycontent a, .pagecontent a, .commenttext a {
 border-bottom: 1px solid #d5d7db;
 text-decoration: none;
}

.storycontent a:hover, .pagecontent a:hover, .commenttext a:hover {
 color: #E96725;
 border-bottom: 1px solid #E96725;
 text-decoration: none;
}

.storycontent a.bildlink, .pagecontent a.bildlink, .commenttext a.bildlink {
 border: 0px;
}

td {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
}

/*
.singlepost p {
 margin: 5px 0 0 0;
}
*/

.singlepages p {
 color: #3f3f3f;
 text-align: left;
 margin: 0px 105px 80px 105px;
 line-height: 20px;
 font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.old-post {
	background-color: #FBD9DD;
	border: 1px solid #D78B93;
	margin: 0 0 10px 0 !important;
	padding: 1em 1em 1.2em 1em;
}


/* ----------------------------- Page Navigation ---------------------------- */
.left a, .right a, .leftdouble a, .rightdouble a {
 color: #005D93;
 border-bottom: 1px solid #d5d7db;
 text-decoration: none;
 font-size: 11px;
}

.left a:hover, .right a:hover, .leftdouble a:hover, .rightdouble a:hover {
 color: #E96725;
 border-bottom: 1px solid #E96725;
 text-decoration: none;
 font-size: 11px;
}


/* -------------------------------- Comments ------------------------------- */
.commentauthor {
 font-size: 11px;
 line-height: 18px;
 text-align: left;
 padding: 0;
 margin: 0;
}


.commentdate {
 font-size: 11px;
 line-height: 18px;
 text-align: right;
 padding: 0;
 margin: 0;
}

.commentauthor a:hover, .commentdate a:hover {
 text-decoration: underline;
}


#nocomment, #commentsclosed {
 text-align: center;
 color: #7b7b7b;
 font-size: 11px;
}


/* ------------------------------ Comments Form ----------------------------- */
#comment  {
 width: 465px;
}


#comment, #author, #url, #email, #trackback, #press {
 background: #e7e9ed;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 color: #7b7b7b;
 padding: 1px 2px 1px 1px;
}

#comment, #author, #url, #email, #trackback {
 border: 1px solid #d5d7db;
}


#comment:hover, #author:hover, #url:hover, #email:hover, #trackback:hover {
 border: 1px solid #7b7b7b;
}


#comment:focus, #author:focus, #url:focus, #email:focus, #trackback:focus {
 background: #FFFFFF;
 border: 1px solid #000000;
 color: #000000;
 padding: 1px 2px 1px 1px;
}


#commentboxes p {
 margin: 0;
 padding-bottom: 11px;
}

/*
h2#comments{
 margin-bottom:40px;
}
*/

.feeds {
 text-align: right;
 font-size: 11px;
}

.feeds a, .feeds a:visited {
 text-decoration: none;
}

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


#inputbox, #trackbackbox {
 clear: both;
 color: #7b7b7b;
 font-size: 11px;
}

#inputbox a, #trackbackbox a {
 color: #7b7b7b;
}


#inputbox a:hover, #trackbackbox a:hover {
 color: #FFFFFF;
}


p.box {
 margin: 0;
 padding-bottom: 10px;
}


p.pages {
 margin: 0;
 padding: 0 40px 40px 40px;
/* padding-top: 0;*/
 text-align: center;
}


p.pages a {
 color: #005D93;
}


/* -------------------------------- Credits --------------------------------- */
p.credits {
 padding: 10px 0 0 0;
 text-align: center;
 margin: 0;
 color: #9e9e9e;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
}
p.credits a {
 color: #005D93;
 text-decoration: none;
}
p.credits a:hover {
 color: #005D93;
 text-decoration: underline;
}
p.credits a:visited {
 color: #005D93;
}


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


/* --------------- Search/Archives/Categories Results Pages ------------------*/
.searchresult {
 padding: 15px 0 0 0;
 margin:0;
}
.searchresult a, .searchresult a:visited {
 color: #005D93;
}
.searchresult a:hover {
 text-decoration: underline;
}

.searchexcerpt {
 padding:0;
 margin:0;
}
.searchexcerpt a, .searchexcerpt a:visited {
 color: #005D93;
}
.searchexcerpt a:hover {
 text-decoration: underline;
}


.searchinfo {
 font-size: 11px;
 line-height: 18px;
 padding: 5px 0 2px 0;
 color: #000000;
 margin: 0 ;
}

.searchrelated {
 font-size: 11px;
/*
 line-height: 18px;
*/
 padding: 5px 0 2px 0;
 color: #000000;
 margin: 0 ;
}

.searchinfo a:hover, .searchrelated a:hover {
 text-decoration: underline;
}


.searchdetails {
 font-size: 11px;
 line-height: 18px;
 padding: 0 0 2px 0;
 color: #000000;
 margin: 0;
}


/*--------------------------- 'Comment Edit' Buttons ------------------------ */
#ed_toolbar {
 background: #d5d7db; 
 border: 1px solid #d5d7db;
 padding-left: 5px;
}


#ed_bold {
 background: url(images/bold.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
}


#ed_italic {
 background: url(images/italic.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 5px;
}


#ed_link {
 background: url(images/link.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 5px;
}


#ed_close{
 background: url(images/close.gif) no-repeat top;
 height: 22px;
 width: 22px;
 border: 0px none;
 margin-left: 25px;
}

/* 
This piece of code is for clearing
the floats without structural markup
Don't modify it
*/
.clearfix:after {
 content: "."; 
 display: block;
 height: 0px;
 line-height: 0px; 
 clear: both;
 visibility: hidden;
}

.clearfix {
/* display: inline-table;*/
 display: inline;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}
.clearfix {
 display: block;
}
/* End hide from IE-mac */

/* WP-ContactForm CSS */
.contactform {
        width: 480px;
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
}
.contactleft {
        width: 120px;
        text-align: left;
        clear: both;
        float: left;
        display: inline;
        padding: 0 4px 0 0;
        margin: 5px 0 0 0;
}
.contactright {
        width: 336px;
        text-align: left;
        float: right;
        display: inline;
        padding: 0 4px 0 0;
        margin: 5px 0 0 0;
}
#wpcf_your_name, #wpcf_email, #wpcf_msg {
        background: #eeeeee;
        font-family: "Courier New", Courier, monospace;
        font-size: 12px;
        color: #7b7b7b;
        border: 1px solid #d5d7db;
}
#wpcf_your_name.contacterror, #wpcf_email.contacterror, #wpcf_msg.contacterror {
        border: 1px solid #ff0000;
}
#wpcf_your_name:hover, #wpcf_email:hover, #wpcf_msg:hover {
        border: 1px solid #7b7b7b;
}
#wpcf_your_name:focus, #wpcf_email:focus, #wpcf_msg:focus {
        background: #FFFFFF;
        border: 1px solid #000000;
        color: #7b7b7b;
}
/* WP-ContactForm CSS */