/*  
Theme Name: Social hortis
Theme URI: http://social.hortis.ch
Version: 1.1
Author: Simon Brandhof
Description: 
*/
html, body {
    height: 100%;
}
#doc2 {
    margin:auto;
} 
body {
  background-color: #FFF;
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
}

/* ------- HEADER */
#header {
  height: 45px;
  background-color: #262626;
  background-image: url(images/logo-haut2.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-x-position: left;
  background-y-position: bottom;
}
#header h1 {
  margin: 0;
  line-height: 1;
  color: #fff;
  font-size: 197%;
  text-align: right;
  padding-top: 5px;
}
#headerRight {
  display: inline;
  float: right;
  padding: 0px 15px 0 0px;
}
#headerRight a, #headerRight a:hover{
  color: #326d9b;
  text-decoration: none;
}

#headerLinks {
  margin: 0;
  padding: 8px 0px 0 0px;
  list-style: none;
}

#headerLinks li {
  display: inline;
  float: right;
  margin: 0 0 0 8px;
  line-height: 1;
  color: #c5c5c5;
}
#headerLinks a:hover {
  color: #FFF;
}
#headerLinks a {
  margin: 0;
  color: #c5c5c5;
}

#logo {
  display: inline;
  float: left;
  padding: 3px 0 0 15px;
}
#logo a {
  display: block;
}
#logo img {
  display: block;
}
#search {
	width: 210px;
	margin-bottom: 15px;
}

/* ------------ FOOTER */
#ft {
  position: relative;
  height: 65px;
  margin: 0;
    background-color: #262626;
    color: #c5c5c5;
    padding: 5px;
}

#ft p {
  display: inline;
  float: left;
  margin: 7px 0 0 15px;
}

#ft a {
  color: #ddd;
}

#ft ul {
  display: inline;
  float: right;
  margin: 0 15px 0 0;
  list-style: none;
}

#ft li {
  display: inline;
  float: left;
  margin: 5px 0 0 0.5em;
  padding: 0 0 0 0.5em;
}

#ft li.first {
  border-left: 0 none #ddd;
}
#footer {
    clear: both;
    color: #fff;
    text-align: center;
}

#footer a {
    text-decoration: none;
    color: #a8c5e5;
}

#footer a:hover {
    text-decoration: underline;
    color: #14558E;
} 

/* ------------ CONTENT */
#content {
    padding: 10px 0px 0 10px;

}

#sidebar {
    background-color: #CAE3F2;
    padding: 10px;
    border-left: 1px solid #4b9fd5;
    border-bottom: 1px solid #4b9fd5;
	border-right: 1px solid #4b9fd5;
   color: #111;
}
#sidebar .block {
	margin-bottom: 15px;
}
#sidebar h2 {
    color: #003366;
	font-size: 122%;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: -1px;
	text-transform: uppercase;
}
#sidebar ul {
	list-style-image: url( "images/bullet-sidebar.png" );
	list-style-type: none;
    //list-style-type: circle;
    margin: 0 0 0 20px
}
#sidebar li {
    padding: 2px 0;
}
#sidebar li.selected {
    font-weight: bold;
}
#sidebar a {
    color: #262626;
}
#sidebar a:hover {
    color: #000;
}
 .icon {
	margin: 0 4px -4px 4px;
}
#frog{
	color: #fff;
	background-color: #262626;
	background-image: url(images/logo-bas2.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-x-position: center;
	background-y-position: bottom;
	height: 112px;
	padding: 0px 260px 0 0;
	text-align: right;
	border-left: 1px solid #262626;
	border-bottom: 1px solid #262626;
}
#frog h2 {
	font-weight: bold;
	font-size:122%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#frog a {
	color: #fff;
	text-decoration:none;
}
#frog a:hover {
	color: #fff;
	text-decoration:underline;
}
#frog #feeds {
	position: relative;
	text-align: right;
	top: 85px;
	right: 0px;
}

#content h2 {
  color: #003366;
	font-size: 152%;
	font-weight: bold;
	margin: 0px;
	letter-spacing: -1px;
}

#content h2 a {
	text-decoration:none;
  color: #003366;
}

#content h2 a:hover {
  color: #003366;
  text-decoration:underline;
}
#content a {
	color: #14558e;
}
#content a:hover {
	color: #394651;
}

#content .meta, #content .meta  a, #content .meta  a:hover {
color: #666666;
letter-spacing: 0px;
padding-bottom: 0px;
text-align: left;
}
#content .tags {
float: right;
color: #666;
text-align: left;
}
#content .tags  a, #content .tags  a:hover{
	color: #666666;
}
.postcontent {
	margin: 15px 0 20px 0;
	text-align: justify;
        color: #111;
}
.postcontent  p {
	margin: 7px 0;
}
.postcontent  strong {
	font-weight: bold;
}
.postcontent ul , .postcontent ol{
	margin-top: 0px;
	margin-left: 25px;
	margin-bottom: 0px;
	padding-left: 0px;
}
.postcontent ul li {
	list-style-image: url( "images/bullet.gif" );
	list-style-type: none;
}
.postcontent ol li {
	list-style-type: decimal;
	type: 1;
}

.more-link, .more-link:hover {
	color: #111;
}

.comments {
    float: left;
    width: 100%;
} 
#commentlist {
    width: 100%;
}

#commentlist li {
    border: 1px dashed #666;
    background-color: #eee;
    padding: 10px;
    margin: 0px;
    margin-bottom: 10px;
color: #111;
}

#commentlist p {
    margin: 0px;
    padding: 0px;
    padding-bottom: 10px;
}

.comment-cite {
    text-transform: uppercase;
    line-height: 12px;
    color: #666;
    padding-bottom: 0px;
    letter-spacing: 0px;
    text-align: left;
    width: 100%;
} 

.navigation {
    color: #111;
    padding-bottom: 0px;
    letter-spacing: 0px;
	margin-bottom: 10px;
    text-align: left;
    width: 100%;
}
.navigation  a, .navigation  a:hover {
    color: #111;
}

.alignright {
    float: right;
}
.alignleft{
    float: left;
}
hr 
{

border-top-width: 0pt;

border-right-width: 0pt;

border-bottom-width: 0pt;

border-left-width: 0pt;

border-top-style: none;

border-right-style: none;

border-bottom-style: none;

border-left-style: none;

border-top-color: -moz-use-text-color;

border-right-color: -moz-use-text-color;

border-bottom-color: -moz-use-text-color;

border-left-color: -moz-use-text-color;

height: 1px;

color: #ffffff;

}

hr.hr1
{
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #999999;
background-color: #ffffff;
width: 100%;
padding-top: 5px;
padding-bottom: 0px;
}
ul.tags {
list-style-type: none;
margin:0;
text-indent:0;
}
ul.tags li {
display:inline;
padding:0 8px;
margin: 0;
}
ul.tags a {
	text-decoration: none;
}
ul.tags a:hover{
	text-decoration: underline;
}

#desc {
	padding: 5px 10px;
	color: #003366;
	font-size: 116%;
}
#desc a, #desc a:hover{
	color: #003366;
}

#photostream {
    float: left;
    padding-left: 16px;
    margin-bottom: 2px;
}

#photostream img {
    float: left;
    border: 1px solid #333;
    margin-top: 5px;
    margin-bottom: 5px;
} 
* Flickr */

.flickr-album {
    vertical-align: top;
    width: 450px;
    padding: 0;
    padding-right: 20px;
    padding-top: 10px;
}

.flickr-thumbnail {
    float: left;
    padding-right: 20px;
    background-color: #fff;
    border: 1px solid #a9a9a9;
    margin: 6px 6px 6px 6px;
    padding: 4px;
    margin-top: 10px;
}

.flickr-title {
    margin-top: 0px;
    float: left;
    width: 320px;
    padding-top: 12px;
    line-height: 135%;
    font-family: arial,verdana,sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    letter-spacing: -1px;
    text-transform: uppercase;
    border-bottom: 1px dashed #666;
}

.flickr-title a {
    color: #333 !important;
    text-decoration: none;
}

.flickr-title a:hover {
    color: #14558E !important;
}

.flickr-meta {
    float: left;
    clear: none;
    width: 320px;
    padding-top: 2px;
    font-size: 10px;
    color: #999;
}

.flickr-description {
    float: left;
    clear: none;
    width: 320px;
    padding-top: 8px;
    font-size: 11px;
}

.flickr-photo {
    max-width: 100%;
    width: expression( this.width > 450 ? "450" : this.width );
    padding-top: 8px;
} 
blockquote, blockquote p {
	text-indent: 0px;
	margin-bottom: 7px;
	color: #14558E;
}



blockquote {

	border-left: 30px solid #ddd;

}



blockquote p {

	padding-left: 12px;

	padding-right: 12px;

}
.clear {

	clear: both;

	font-size: 1px; 

	height: 1px; 

	line-height: 1px;

	margin: 0;

	padding: 0;

	overflow: hidden;

}