/*  
Based on theme: Gone fishing
Author: Designer daily
Author URI: http://designer-daily.com
Further Amendmants: Jon Porter
Use <br style="clear: both";> to stop text wrapping after images
*/

* {
   margin:0;
   padding:0;
}

html, body {
  font-family:trebuchet ms,sans-serif,arial,helvetica;
  font-size:1em;
  background: #cccccc url(images/bg.jpg) repeat-y center; 
  margin-top: -1px;
}

#container {
width: 770px; 
margin:  auto; 
padding: 0px;
background-color: white; 
color: #333; 
border: 1px solid gray;
}

#header {
   position:relative;
   float:left;
   width:770px;
   height:150px;
   background-color: #fff;
}

#infos-header {
   width:770px;
   height:150px;
   margin:0px 0 0 0px;
   background: #fff 
}

#iframe {
margin: -55px 0 0 0;
width: 530px;
background-color:none;
border: 0;
}

table {
   border-collapse: collapse;
   text-align: left;
}

tr {
text-align: left;
}

td {
   padding: 0 0 0 6px;
   text-align: left;
}

h1 {
  font-size:1.2em;
  margin-bottom:10px;
  border-bottom:1px solid #ddd;
  color:#993300;
  text-decoration:none;
  }
h1 a:link, h1 a:visited {
   color:#993300;
   text-decoration:none;
}

h2 {
   position:relative;
   bottom:0px;
   font-size:1.2em;
   text-transform:none;
   display: block;
   color:#26466D;
   margin-bottom:10px;
}
h2 a {
   color:#26466D;
   text-decoration:none;
}

#main {
  width:770px;
  background:white;
  padding-bottom: 5px;
  position: relative;
  clear: none;
  float: left;
  }

#main-content {
  float: left;
  width:530px;
  clear: none;
  margin: 10px 0 1em 15px;
  position: relative;
  display: block;
  }
  
#main-content p {
  margin: 0 0 10px 0;
}
#main-content img {
  float: left;
  margin: 0 20px 10px 0;
}
#main-content p b {
  clear: none;
}

#description {
  left:0px;
  bottom: 0px;
  font-size:0.8em;
  font-weight:bold;
  line-height:1.5em;
  float: none;
  clear: none;
  position: relative;
  margin-bottom:20px
}

img {
   background:none;
   padding:none;
   margin:none;
   border:0px solid #ddd;
  clear: none;
}

/* ARTICLES */

.post {
   line-height:1.2em;
   margin:0 0 4.5em 0;
   text-align:left;
   padding:0;
}
.post p {
font-size:0.8em;
}

.post ul, .post ol {
   margin:0 0 10px 40px;
}

.post a:link {
   color:red;
   font-weight:bold;
   text-decoration:none;
}
.post a:hover {
   background:#EEE9E9;
}
.post a:visited {
   color:red;
   font-weight:bold;
   text-decoration:none;
}

.postmetadata {
   width:530px;
   padding:5px 0 5px 0;
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
   font-size:0.8em;
   color:#aaa;
   float: left;
}

 #linespace {
   margin:0 0 0px 0;
   font-size:0.80em;
   text-align:left;
   line-height:1.0em;
   padding:0;
   display: none;
  }
  
.postmetadata a:link {
   color:#888;
   text-decoration:none;
}

.postmetadata a:hover, .postmetadata a:visited {
   color:#000;
   background:#D1E5EF;
}



/* LIST CATEGORY POSTS */
.lcp_catlist {
  list-style-position: inside;
  list-style-type:none;
  padding-left:0;
  
}
.lcp_catlist li {
  color:#26466D;
  font-size:19px;
  font-weight:bold;
  margin-left:-40px;
}

.lcp_catlist p {
  font-size:13px;
  color:black;
  font-weight:normal;
}

.lcp_catlist hr {
  color:#ccc;
  margin-bottom:5px;
}


/* SIDEBAR */

.sidebar-wrapper {
   position:relative;
   float: right;
   width:200px;
   margin:0;
   padding:0;
   display: inline;
}

#abonnements {
   position:relative;
   float:right;
   width:210px;
   margin:0;
   padding:0;
   background-color:#B5C2CF;
   display: none;
}

#sidebar {
   position:relative;
   float:right;
   width:200px;
}

#sidebar ul {
   list-style-type:none;
   margin:0px;
}

#sidebar li {
   margin:0px;
   list-style-type:none;
   line-height:1.5em;
   border-bottom: 1px solid #ccc;
  }

#sidebar li ul li {
   margin:0px;
}

#sidebarmenu ul {
      margin:0;
}

#sidebarmenu li {
  margin:0;
  padding:0 3px 0 3px;
  list-style-type:none;
  line-height:1.5em;
  border-bottom:1px solid #ccc;
  background:#EEE9E9;
  }

#sidebarmenu li ul li {
   margin:0;
}

#sidebarmenu a, #sidebar a:visited {
  color:#993300;
  padding:0 0 2px;
}

#sidebarmenu a:hover {
  color:#fff;
  text-decoration:none;
}

#sidebar p {
   font-size:0.8em;
   margin:3px 3px 0 3px;
   padding:0;
   font-weight:bold;
   display: normal;
}

#sidebar a, #sidebar a:visited {
  font-size:0.8em;
  font-weight:bold;
  color:#993300;
  text-decoration:none;
  padding:0 0 2px;

}

#sidebar a:hover {
   background:#3865A0;
   color:#fff;         
}

#picdiv {
  background:lightgrey;
  position: relative;
  float: right;
  margin:0;
  border-top: 2px solid #EEE9E9;
  border-bottom: 2px solid #EEE9E9;
}

#picdiv a, #picdiv a:visited {

  border-style: none;
  text-decoration:none;
}

#picdiv a:hover {
   background:#26466D;
   color:#000;
}

/* Footer */

#footer {
   background: white;
   position: relative;
   float: left;
   width:770px;
   height:4em;
   border-top: 1px solid #ddd;
}

.footertext {
   font-size:0.7em;
   line-height:1.5em;
   color:#aaa;
   margin:3px 15px 3px 15px;
  
}

/* PHOTO GALLERY */

div.meta img {
    margin-right:5px;
}
div.meta {
    font-size:0.8em;
}
div.meta a {
  color:red;
}
div#photo {
    position:relative;
    margin:10px;
}

div#context {
    position:relative;
    height:120px;
    width:100%;
}
div#context div.prev, div#context div.next {
    position:absolute;
    font-size:0.7em;
    text-align:center;
    color:black;
  
}
div#context div.prev {
    left:30px;
  text-align:left;
}
div#context div.next {
    right:20px;
  
}
div#context div.nomore {
    top:20px;
    width:100px;
  
}
div#context div.info {
    position:absolute;
    top:20px;
    left:50%;
    width:280px;
    margin-left:-145px;
    text-align:center;
}

div.comment {
    clear:both;
    min-height:50px;
    margin-bottom:1em;
}
div.comment p {
    margin:0 0 1em 0;
    padding:0;
}
div.comment img {
    margin-right:5px;
    margin-bottom:5px;
}


/*

Album

*/

div#photos {
    padding:10px;
    clear:both;
    margin:15px 0 0 15px; /* Main Album Thumbnails */
}
div#highlight {
    position:relative;
    margin:15px 0 0 15px;
}
div#highlight img {
    float:left;
    margin:0 15px 0 15px ; /* Main Album Larger Thumbnail */
}


/* Albums-index */

div.albums {
    clear:both;
    padding-top:10px;
}
div.album {
    background:#ccc;
    padding:10px 10px 10px 10px;
    margin:0 0 15px 15px;
    position:relative;
    min-height:95px;
    clear:both;
}
div.album img.highlight {
    float:left;
    border:3px solid #ccc;
    position:relative;
    margin-right:10px;
}

div.album p {
    font-size:0.8em;
}

div.albums-small div.album {
    clear: none;
    width:90px;
    height:115px;
    float:left;
    background: none;
}
div.albums-small div.album img.highlight {
    float: none;
    margin:0;
}
div.albums-small div.album p { /* others albums text */
    font-size:0.8em;
    color:#26466D;
    font-weight:bold;
}

div.group {
    min-height:60px;
}

div#highlight {
    position:relative;
    margin:0 0 40px 0;
}



div#highlight img.highlight {
    float:left;
    margin:0 10px 0px 0 ;
    border:3px solid #888;
}
div#highlight p {
    font-size:0.8em;
    font-weight:bold;
  
}
div#highlight p.meta { /* xx photos/view slideshow */
}
div#highlight p.meta a { /* xx photos/view slideshow */
    color:red;
}

div#highlight div.photos {
    clear:both;
    padding:10px 0;
  background:none;
}
div#highlight div.photos img {
    margin:0 10px 10px 0;
}

div#photoalbum-nav {
  color:#26466D;
  font-size:0.8em;
  margin-bottom:10px; 
}
div#photoalbum-nav a {
 color:black;
 font-weight:bold;
 
}

/*

Paging

*/
.navigation {
  font-size:0.8em;
  font-weight:bold;
}
.navigation a {
  color:#993300;
}

Tags

div.tags {
    padding-top:10px;
    clear:both;
}
div#cloud {
    line-height:200%;
}

div.flickr-meta-links {
  clear:both;
  margin:10px 0 0 0;
}
div.flickr-meta-links a{
  color:red;
  font-size:0.8em;
  font-weight:bold;
}

