/*  
Theme Name: Ergast
Theme URI: http://www.npdemers.net/
Description: This is my style, bitches! Love it!
Version: 1.0
Author: Nicolas Demers
Author URI: http://npdemers.net/

/* BEGIN STRUCTURE*/

body {
    font-size: small;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background: #FFD;
    color: #333;
    text-align: center;
    margin: 0;
    padding: 0; 
}

#page {
    border:none;
    text-align: center;
    margin:0px auto;
    padding:0;
    width:100%;
}

#page_content {
   width:100%;
    background-image:url('theme-images/pagebodybg.jpg');
    background-position:top left;
    background-repeat:repeat-x;
   padding-top:10px;
background-color:#FFF;
}

#wpg2content {
   width:100%;
    background-image:url('theme-images/pagebodybg.jpg');
    background-position:top left;
    background-repeat:repeat-x;
   padding-top:10px;
background-color:#FFF;
}

#header {
    background-color:#E93;
    background-image:url('theme-images/headerbg.jpg');
    background-position:top left;
    background-repeat:repeat-x;
    margin: 0; 
    padding:0;
    width:100%;
}

#header_content {
    width: 800px;
    margin:0 auto;
    background-color:transparent;
    padding:0;
} 

#body_content {margin:0 auto;
        width:800px;
        background-color:#FFF;
   padding-top:1px;
   text-align: left;
}

#content {
    float: left;
    padding: 0px 0px 10px 0px;
    margin: 0 0 0 0;
    width: 590px;
        background-color:transparent;
        
}

#contentmain {
    padding: 0 0 10px 0px;
    width:800px;
    margin:0 auto;
    text-align: left;
}

#footer {
    padding-top:10px;
    margin: 0 auto;
    width: 100%;
    clear: both;
    background-color:#FFD;
    background-image:url('theme-images/pagebodybg.jpg');
    background-position:top left;
    background-repeat:repeat-x;
}

#footer_content {width:800px;
        margin:0 auto;
}

#sidebar {
    padding: 0px 0 20px 0;
    margin-left: 620px;
    width: 180px;
    font-size:smaller;
    }

/* END STRUCTURE */

/* GALLERY STRUCTURE */

.g2_column {
text-align:left;
}

div.wpg2sidebarblock-image {
   text-align:center;
   display:block;
}

#wpg2content div.photometa {width:800px;
   padding-left:0;
   padding-bottom:2px;
   font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
   margin:0 auto;
   text-align: left;
}

.gallery-photo #sidebar {width:160px;
    margin-right: 0;
    margin-left:0;
    float:right;
	padding:0;
}

.block-core-BreadCrumb {
   text-align: left;
}


.block-core-BreadCrumb span.title {
}

.block-core-Navigator {
float:right;
display:inline;
margin-bottom:0;
text-align:right;
}

.block-core-Navigator div.first, .block-core-Navigator div.prev, .block-core-Navigator .current, .block-core-Navigator div.last, .block-core-Navigator div.next {
display:block;
float:left;
height:17px;
}

.block-core-Navigator div.first {margin-right:0.5em;
width:24px}

.block-core-Navigator div.prev  {margin-right:1em;
width:16px;
}

.block-core-Navigator div.next {margin-left:1em;
width:16px;}

.block-core-Navigator div.last {margin-left:0.5em;
width:24px}

.block-core-Navigator .current {color:#864;
height:17px;}

.block-core-Navigator .current span {line-height:17px}

.photomain {
border-top:1px solid #CDF;
text-align:center;
padding:20px 0;
margin:3px auto 0 auto;
font-size:1px;}

.gallery-items {padding:0 0 0 5px;
font-size:1px;}

.gallery-album {width: 32%;
display: block;
float: left;
overflow: hidden;
padding-right:5px;
margin-bottom:10px;}

.gallery-albums {padding:0}

div.wpg2sidebargrid-image {
display:block;
padding:0px;
margin:0;
float:left;
font-size:1px;
}

.gallery-thumb img {
border:1px solid #CDF;        
background-color:#FFF;
padding:3px;
}

.gallery-thumb a:hover img {
        border-color: #000;
        margin: 0;
background-color:#FF8;
}

.gallery-photo img.gallery-photo {border:1px solid #555;
   margin-left:auto;
   margin-right:auto;
   display:block;
}


/* END GALLERY STRUCTURE */


.entry {
        clear:left;
}

.entry p {margin:1em 0}

.archivepost .entry p {margin:0.75em 0}

.post, .archivepost {
    margin: 0 0 10px;
}

.archivepost {
margin-top:10px;
border-top:1px solid #CDF;
}

/* BEGIN LINKS */

a {
text-decoration:none;
    }

a:link {color:#C63;
}

a:visited {
    color:#975;
}

a.twitter_title_link:visited {color:#C20}

.entry a:link, #caption a:link, p.gallery-desc a:link {
border-bottom:1px dotted #C63;
}

.entry a:visited, #caption a:visited, p.gallery-desc a:visited {
border-bottom:1px dotted #975;
}

.entry a:hover {
background-color:#FF8;
color:#000;
    }

p.postmeta a:link, #footer a:link {
border-bottom:1px dotted #C63;
}

p.postmeta a:visited, #footer a:visited {
color:#C63;
border-bottom:1px dotted #C63;
}

p.postmeta a:hover, #footer a:hover, ul.archcats li a:hover, ul.blogarchive li a:hover, h2.extracts a:hover  {
background-color:#FF8;
color:#000;
}

.entry .navigation a:link, .entry .navigation a:visited, .entry .picture a:link, .entry .picture a:visited, .entry .inlinefloatleft a:link, .entry .inlinefloatleft a:visited {
color:#C63;
border:none;}

.entry .navigation a:hover {
color:#000;
background-color:#FF8;
}

.block-core-Navigator a:link, .block-core-Navigator a:visited {
color:#A52;}

.block-core-Navigator a:hover {
color:#000;
background-color:#FF8;
}
h1 a {display:block;
background-image:url('theme-images/h1bg.jpg');
background-repeat:no-repeat;
background-position:left top;
height:60px;
}

.entry h2 a {
        padding:3px 0 3px 0;
        margin-bottom:0;
text-decoration:none;

}

.entry h2 a:hover {
}

h4 a:hover {color:#000;
background-color:#FF8;
}

.entry a.footnote {vertical-align:super;
    font-size:smaller;
    border:none;
}

.block-core-BreadCrumb a, .block-core-BreadCrumb a:link, .block-core-BreadCrumb a:visited {
color:#A52;
}       
        
.block-core-BreadCrumb a:hover {
background-color:#FF8;
color:#000;
}

div.wpg2sidebarblock-image a {margin:0 auto;
display:block;}

div.wpg2sidebargrid-image a {
display:inline;
margin:0px;
padding:0px;}

#sidebar ul li ul li a {display:block;
   padding:1px;}

#sidebar ul li ul li.twitter-item a {display:inline;
}

#sidebar ul li ul li a:link, #sidebar ul li ul li a:visited {
   color:#A52;
}

#sidebar ul li ul li a:hover {
background-color:#FF8;
color:#000;
}

.block-core-Navigator .prev a, 
.block-core-Navigator .next a, 
.block-core-Navigator .first a, 
.block-core-Navigator .last a {display:block;
background-position:top center;
background-repeat:no-repeat;
height:17px;
background-color:#FFF;
text-indent:-9000em;
}

.block-core-Navigator .first a {
background-image:url('theme-images/photofirst.jpg');
width:24px;
}

.block-core-Navigator .prev a {
background-image:url('theme-images/photoprev.jpg');
width:16px;
}

.block-core-Navigator .next a {
background-image:url('theme-images/photonext.jpg');
width:16px;
}

.block-core-Navigator .last a {
background-image:url('theme-images/photolast.jpg');
width:24px;
}

.block-core-Navigator .first a span, .block-core-Navigator .prev a span, .block-core-Navigator .next a span, .block-core-Navigator .last a span {display:none}

.block-core-Navigator .first a:hover, 
.block-core-Navigator .prev a:hover, 
.block-core-Navigator .next a:hover, 
.block-core-Navigator .last a:hover {
background-position:bottom center;
}

/* BEGIN HEADERS */

h1, h2, h3, h4 {font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    }

h1 {font-size:x-large;
        margin:2px 0 5px 0;
        width:380px;
        float:left;
        padding-top:0;
   	    text-indent:-9000em;
}

h2 {font-size:x-large;
    margin:0;
    letter-spacing:2px;
        padding-top:3px;
    padding-bottom:3px;
    font-weight:lighter;
    color:#C20;
}

#content h2.extracts {
font-size:large;
}

#sidebar h2.widgettitle {
   font-size:small;
   color:#C20;
   margin-top:0;
   margin-bottom:5px;
   padding:2px 3px 2px 0;
   border-bottom:2px solid #46C;
   font-weight:bolder;
}

#wpg2content h2 {padding: 0;
font-size:large;
margin:0 auto 10px auto;
width:800px;
color:#555;
}

div.wpg2sidebarblock-image h4 {margin-top:0}

h3 {font-weight:lighter;
     color:#A20;
     font-size:large;
}

h3.archmonth {
margin-bottom:0;
margin-top:0.75em;
font-size:medium;

}

.g2_column h3 {
padding:0}

h4 {
     color:#A20;
  font-weight:lighter;
}

.gallery-album h4 {margin-top:0;
margin-bottom:0;
font-size:medium;
font-weight:lighter;}

h4.label {display:inline;
color:red;}

/* END HEADERS */


div.wpg2sidebarblock-image img.giThumbnail {padding:2px;
border:1px solid #333;
background-color:#BBB;
}

div.wpg2sidebarblock-image a:hover img {border-color:#000;}

div.wpg2sidebargrid-image img {border:1px solid #555;
margin:2px 4px 6px 4px;
}

div.wpg2sidebargrid-image a:hover img {border-color:#000;
background-color:#FF8;
margin:0 2px 4px 2px;
padding:2px;}



#wpg2content div.photometa div.date {
color:#864;
float:left;
width:48%;
font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
display:block;
font-size:small;
}

p.gallery-desc {padding:0;
clear:both;}

div#caption {width:800px;
margin:0;
padding:0;}

div#caption p {}

.gallery-thumb {padding:0 5px 5px 0;
float:left;}

div.gallery-photo {
  padding:0;
}

/* BEGIN COMMENTS */

h2#respond, h2#comments, h2#captcha {
   margin-top:0.1em;
   margin-bottom:0.5em;
   font-size:large;
   font-weight:normal;
}

.commentlist span.author, span.subject {
   font-weight:bold;
}

#commentform input, #commentform textarea {

    }

.commentlist li {
    }

.commentlist li.alt {
   background-color:#eee;
}

.commentlist li.althighlighted, .commentlist li.standardhighlighted {
   border:1px solid #CCF;
   background-color:#FFD;
    
}
.commentlist cite, .commentlist cite a {
    }

.commentlist p {

    }

#commentform p {

    }

.commentmetadata {

    }

/* END COMMENTS */

/* BEGIN MISC */

p.postmeta, p.albummeta, p.pagemeta, p.excerptlink {font-size:small;
        margin:0;
        display:block;
        color:#864;
font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

p.excerptlink {margin-top:0.25em;}

.alt {
    margin: 0;
    padding: 10px;
}


small {
    }

#headerimg .description {
        font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-style:italic;
    }

code {

    }

acronym, abbr, span.caps
{

    }

strong.search-excerpt {
  color:#533;
  background-color:#ddc;
}



.post hr {
    display: block;
}

.smallattachment {
    text-align: center;
    float: left;
    width: 128px;
    margin: 5px 5px 5px 0px;
}

.attachment {
    text-align: center;
    margin: 5px 0px;
}

#footer p {
    margin: 0;
    padding:0.5em;
    }

#footer p.copy {
   width:530px;
   text-align:left;
   float:left;
   padding-left:0;
}

#footer p.verif {
   width:150px;
   text-align:right;
   float:right;
   padding-right:0;
}

/* END MISC */

/* BEGIN IMAGES */

p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    display: inline;
border:1px solid #CDF;
    padding:2px;  }

img.alignleft {
border:1px solid #CDF;
    padding:2px;
    display: inline;
    }

.alignright {
    margin: 0 0 2px 7px;
    float: right;
    }

.alignleft {
    float: left;
    margin: 0 7px 2px 0;
    }

/* BEGIN NAVIGATION */

.navigation {
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
        clear:both;
        padding:2px 2px 10px 2px;
font-family: "Century Gothic", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

.navigation .navleft {
    float: left;
        display:block;
        width:275px;
        text-align:right;
        padding:0 5px 0 0;
}

.navigation .navright {
    float: right;
        display:block;
        width:275px;
        padding:0 0 0 5px;
        text-align:left;
}

/* END NAVIGATION */

div.picture {text-align:center;
  clear:both;
}

div.landscape {
  width:500px;
    margin:3px auto; 
}

div.portrait {
  width:375px;
    margin:3px auto; 
}

div.picture img, div.inlinefloatleft img {
}

div.picture p.caption {
  margin:0;
  padding:0.5em;
  background-color:#DDD;     
}

img.thumb {border:1px solid #CDF;        
background-color:#FFF;
    margin:0px;
    padding:2px;
}

a:hover img.thumb, .entry .inline a:hover img, .entry .inlinefloatleft a:hover img {border:1px solid #000;        
background-color:#FF8;
}

/* End Images */

/* Begin Lists

    Special stylized non-IE bullets
    Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
    margin-left: 0px;
        padding-left:15px;
    list-style:disc url(theme-images/bullet.jpg) outside;
        } 

html>body .entry li,  {
    margin: 0;
    }

.entry ul li:before, #sidebar ul ul li:before {
    }

ul.archcats {
        padding:0;
        background-color:#555;
        margin-bottom:5px;
        margin-top:0.25em;
        clear:both;
}

ul.archcats li {
        width:24%;
        list-style:none none inside;
        margin-right:5px;
        padding:0;
        float:left;
        text-align:right;
}

ul.archcats li a {float:left}

ul.blogarchive {
margin-left: 0px;
        padding-left:0px;
margin-top:0.25em;
    }

ul.blogarchive li {
        list-style:none inside;
        
}

ul.blogarchive li span.blogarchdate {
color:#335;
}


html>body ul.latest404 {
    margin-left: 0px;
    padding-left:15px;
    list-style:disc url(theme-images/bullet.jpg) outside;
        } 


html>body ul.404latest li  {
    margin: 0;
    }

.entry ol {
    margin:0.3em 0 1em 3em;
        padding:0;
    list-style-type:decimal;
}

.entry ol li {
    margin: 0;
    padding: 0;
    }

#sidebar ul, #sidebar ul ol {
    margin: 0;
    padding: 0;
    }

#sidebar ul li {
    list-style-type: none;
    list-style-image: none;
        margin-bottom:0.5em;
    }

#sidebar ul li ul {
}

#sidebar ul li ul li {
   margin-bottom:0.3em;
list-style:none;
}

#sidebar ul li#meta ul li {
}

#sidebar ul p, #sidebar ul select {
    }

ol li {
    list-style: decimal outside;
    }

ul.topmenu {
margin:0 0 5px 0;
    padding:0;
    display:block;
    list-style:none;
float:right;
width:338px;

}

ul.topmenu li {
    display:block;
    height:34px;
    padding:0;
    margin-left:15px;
    text-indent:-9000em;
    float:right;
background-color:#E93;
}

ul.topmenu li a {display:block;
background-position:top center;
background-repeat:no-repeat;
height:34px;
background-color:#E93;
}

ul.topmenu li a:link, ul.topmenu li a:visited {
background-color:#E93;
}  

ul.topmenu li a:hover, ul.topmenu li.active a  {
   color:#FFF;
background-position:bottom center;
}

ul.topmenu li#about a {width:42px;
background-image:url('theme-images/aboutbg.jpg');
}

ul.topmenu li#archives a {width:55px;
background-image:url('theme-images/archivebg.jpg');
}

ul.topmenu li#galleries a {width:58px;
background-image:url('theme-images/gallerybg.jpg');
}

ul.topmenu li#history a {width:47px;
background-image:url('theme-images/historybg.jpg');
}

ul.topmenu li#contact a {width:51px;
background-image:url('theme-images/contactbg.jpg');
} 



#footer ul li {
   display:inline;
}

#footer ul li.home {
   
}
div.block-core-PeerList ol {padding:0;font-size:1px;}

div.block-core-PeerList ol li {list-style:none;
display:inline;
margin:0 2px 2px 0;
float:left;}

div.block-core-PeerList ol li img {padding:1px;
border:1px solid #ddd;
margin:0}

div.block-core-PeerList ol li a img {border-color:#aaf;
background-color:#ccf;}

div.block-core-PeerList ol li a:hover img {border-color:red;
background-color:#f66;
}

/* End Entry Lists */



/* BEGIN SEARCH FORM */

#searchform {
    margin: 5px 0;
        width:320px;
float:right;
display:block;
background-color:transparent;
text-align:right;
}

#searchform #q {
    width: 252px;
    padding: 2px;
        color:#FFF;
        border:1px solid #FFC;
         margin-right:5px;
        background-color:#EA4;
vertical-align:middle;
font-size:12px;
    }
#searchform #searchsubmit {
    padding: 1px;
    border:none;
    background-image:url('theme-images/searchbg.jpg');
background-position:top center;
background-repeat:no-repeat;
height:25px;
width:45px;
text-indent:-9000em;
vertical-align:middle;}

#search404 {
}

#search404 #q {
    width: 252px;
    padding: 2px;
        border:1px solid #CDF;
         margin-right:5px;
        background-color:#FFD;
vertical-align:middle;
font-size:12px;
    }
#search404 #searchsubmit {
    padding: 2px;
    border:none;
    vertical-align:middle;
    background-color:#FFD;
border:1px solid #CDF;
color:#678;
        
}


.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:left;
    }

select {
    width: 130px;
    }

/* End Form Elements */



/* Begin Comments*/
.commentlist {
    padding: 0;
    text-align: justify;
    }

.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }

.commentlist p {
    margin: 10px 5px 10px 0;
    }

#commentform {}

.g2_column #commentform {
width:620px;}

.g2_column .commentlist {
width:620px;}



#commentform p {
    margin: 5px 0;
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 0px 1px 0;
        border:1px solid #aaa;
    }

#commentform textarea {
    width: 556px;
    padding: 2px;
        border:1px solid #aaa;
    }

#commentform #submit {
    margin: 0;
    float: left;
    }

#commentform .gbMarkupBar input {
width:8%;
font-size:smaller;
background-color:#ddd}




.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */



#sidebar form {
    margin: 0;
    }
/* End Sidebar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
    cursor: help;
    }

acronym, abbr {
    border-bottom: 1px dashed #999;
    }

blockquote {
    margin: 1em 15px 1em 15px;
    padding:5px 10px;
    border: 1px solid #CDF;
    background-color:#FFD;
    color:#666;
    }

.entry blockquote p {margin:0.25em 0;}

blockquote cite {
    margin: 5px 0 0;
    display: block;
    }

.center {
    text-align: center;
    }

hr.commenthr {
    display: block;
    background-color:#FFF;
    border-bottom:1px solid #CDF;
    border-top:1px solid #CDF;
    border-left:none;
    border-right:none;
    height:3px;
    margin:0;
    width:100%;
    }

a img {
    border: none;
    }



span.listterm {    
    font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
    font-weight:bolder;
}

blockquote.poem p {
    text-indent:-1em;
    padding-left:1em;
    margin:0;
}

/* WPG2 alignment classes */

.g2image_normal {
   margin: 4px;
}

.g2image_float_left {
   float: left;
   clear: left;
   margin: 4px;
}

.g2image_float_right {
   float: right;
   clear: right;
   margin: 4px;
}

.g2image_centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

/* End Various Tags & Classes*/


