/*
Name: Iomesus v3
URL: http://www.iomesus.com/
Description: Main Styling
Author: Peter Hogg - peter@iomesus.com
Author URI: http://www.iomesus.com/
*/

/* Global
---------------------------------------------------*/

* { 
	margin: 0; 
	padding: 0; 
	text-decoration: none;
	border: 0;
}

body.green {
	background-color: #6C7838;
}

img {
       border: none;
}

em {
         background-color: #FFEFEF;     
         font-style: normal;
         border: 1px solid #FF9F9F;
}

ul {
	list-style: none;
    margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

li a {
	color: #737e82;
	border-bottom: 1px dotted;
}

ul.weg {
	list-style: square;
}

li.weg {
	list-style: square;
}

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

.clearfix {display: inline-block;}

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

/* Construction
---------------------------------------------------*/

body {

	font: 12px Verdana, sans-serif;
	line-height: 150%;
	color: #2c373b;
	background: #f7f5f2 url(images/bg.jpg) repeat-x top;

}

#wrap {
	margin: auto;
	width: 780px;
}

#logo {
	width:250px;
	height: 50px;
	margin: 15px 0 0 0;
	float: left;
	background: url(images/logo.gif);
}

#secondheader {
	height: 249px;
	clear: both;
	padding: 25px 0 0 0;
}

.headerimg {
	float: left;
	/*border: 10px solid #FFF;*/
}

.headerimg2 {
	border: none;
	float: right;
	margin: 140px 0 0 0;
}

#headercontent {
	width: 250px;
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	float: left;
	font: 13px Trebuchet MS, sans-serif;
	line-height: 150%;
	color: #fff;
}

#leftbar { 
	float: left;
	width: 450px;
}

#rightbar {
	float: right;
	width: 270px;
	margin-top: -10;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
}

#flickr img {
       display: block;
}

#flickr a {
 	padding: 3px;
    margin: 14px;
 	display: block;
 	float: left;
    background: #e7e9ea;
}

#flickr a:hover { 
        background: #95001E; 
}

.entry {
	clear: both;
	margin: 0 0 30px 0;
}

.entry img {
        padding: 3px;
        background: #e7e9ea;
        margin-top: 10px;
}

.entryinfo {
	margin: 10px 0 0 0;
	width: 450px;
}

.commentbtn {
	background: url(/img/comment.jpg) no-repeat;
	font: 10px Trebuchet MS, sans-serif;
	color: #737e82;
	line-height: 19px;
	width: 124px;
	height: 19px;
	float: left;
}

.commentbtn a {
	padding-left: 22px;
	color: #737e82;
}

.permalinkbtn {
	background: url(/img/permalink.jpg) no-repeat;
	font: 10px Trebuchet MS, sans-serif;
	color: #737e82;
	line-height: 20px;
	width: 69px;
	height: 19px;
	float: right;
}

.permalinkbtn a {
	padding-left: 20px;
	color: #737e82;
}

#footer {
	text-align: center;
	margin: 0 0 0 0;
	padding: 15px 0 15px 0;
	background-color: #928F73;
	clear: both;
}

.footertext {
	padding: 0 0 0 22px;
	font: 12px Trebuchet MS, sans-serif;
}

.footertext a {
	color: #FFF;
	border-bottom: 1px dotted;
}

/* Navigation
---------------------------------------------------*/


#navigation {
    float: right;
	border-left: 1px dotted #BDB198;
}

#navigation ul {
    margin: 0;
	padding: 0;
	text-indent: 0;
}

#navigation li {
	text-align: center;
	width: 70px;
	height: 69px;
	float: left;
}

#navigation li a {
	font: 10px Trebuchet MS, sans-serif;
	color: #FFF;
	display: block;
	padding: 25px 0 29px 0;
    border-bottom: none;
	border-right: 1px dotted #737e82;
}

#navigation li a:hover {
	background: url(images/navbg.gif);
}

/* Formatting
---------------------------------------------------*/

h1, h1 a {
	font: 24px Georgia, sans-serif;
	color: #737e82;
	margin: 0 0 5px 0;
}

dt {
        font: 24px Georgia, sans-serif;
        margin: 0 0 10px 0;
	color: #737e82;
}

dd {
        margin: 0 0 10px 0;
}

dd a {
        color: #737e82;
	border-bottom: 1px dotted;
}

h1 a:hover, p a:hover, .commentbtn a:hover, .permalinkbtn a:hover, .footertext a:hover, dd a:hover, li a:hover {
	color: #2c373b;
}

h2, h2 a {
	font: small-caps 14px Georgia, sans-serif;
	color: #737e82;
	margin: 20px 0 5px 0;
	/*border-bottom: 1px solid #737e82;*/
}

h3, h3 a {
	font: 12px Georgia, sans-serif;
	color: #737e82;
	padding: 5px 0 0 0;
	border-top: 1px solid #737e82;
}

p {
	margin: 10px 0 0 0;
}

p.special {
	color: #333333;
	background-color: #FFFFCC;
	padding: 5px;
	border: 1px solid #FFCC00;	
}

p a {
	color: #737e82;
	border-bottom: 1px dotted;
}

.linklist {
	padding: 14px 0 0 0;
}

.linklist ul {
	border-top: 1px dotted #000;
	width: 270px;
    margin: 0;
	padding: 0;
	text-indent: 0;
}

.linklist ul li {
	border-bottom: 1px dotted #000;
	line-height: 24px;
}

.linklist ul li a {
	display: block;
	padding-left: 24px;
	color: #737e82;
    border-bottom: none;
}

.linklist ul li a:hover {
	color:#000;
	background-color: #F2EFEA;
}

.linkcomment {
	visibility: hidden;
	color: #737e82;
}

.linklist ul li a:hover > .linkcomment {
	visibility: visible;
}

.id { background: url(/img/user_gray.png) no-repeat 0 50%; }
.fave { background: url(/img/page_world.png) no-repeat 0 50%; }

/* Shame IE dosn't support background-image:inherit */
.id a:hover{ background: #e0f69c url(/img/user_gray.png) no-repeat 0 50%; } 
.fave a:hover{ background: #e0f69c url(/img/page_world.png) no-repeat 0 50%; }

input.velden {
	border:1px solid;
    border-top-color:#737e82;
    border-left-color:#737e82;
    border-right-color:#737e82;
    border-bottom-color:#737e82;
}

textarea.velden {
	border:1px solid;
    border-top-color:#737e82;
    border-left-color:#737e82;
    border-right-color:#737e82;
    border-bottom-color:#737e82;
}