
/****
.container      {  }

a               { color: #00487D; }
a:hover         { color: #7B0F0F; }
****/

/*-----------------------------------------------------------------------------
    Header
    Add a graphic logo, using the following CSS
-----------------------------------------------------------------------------*/


/****
#header {
    background: url('../images/logo.gif') 50px 17px no-repeat;
    height: 89px;
}

#header h1       { display: none;  }
#header .description { display: none; }
****/

/*-----------------------------------------------------------------------------
    Navigation Colors
    Customize the navbar with this CSS
-----------------------------------------------------------------------------*/

/****
#nav, #subnav   { background: #668040; }

#nav li.current_page_item a,
#nav li a:hover     { background: #F2FFDF; color: #FFF;}

#nav li a,
#subnav li a    { color: #F2FFDF; }

#nav li.current_page_item a,
#subnav li.current_page_item a,
#subnav li a:hover  { color: #F2FFDF; }
****/

body { font-family:"lucida grande","lucida sans",helvetica,tahoma,verdana,arial,sans-serif; }
a:link, a:visited, h2 a:hover, h2 a:active { color:#3E4967; }
#maincontent h2, a:hover, a:active, h2 a:link, h2 a:visited { color:#0181BD; }
/*  http://www.smashingmagazine.com/2008/06/12/block-quotes-and-pull-quotes-examples-and-good-practices/#comment-229006
    Take into consideration mobile phone whose browsers has no support for :before, and :after */
/*q:before { content: '\201C'; }
q:after { content: '\201D'; }
q q:before { content: '\2018'; }
q q:after { content: '\2019'; }*/
h1, h2, h3, h4, h5, h6 { font-family:georgia,"times new roman",times,serif; }
.entry h1, .entry h2, .entry h3,
.entry h4, .entry h5, .entry h6 {
    font-family:"lucida grande","lucida sans",helvetica,tahoma,verdana,arial,sans-serif;
}
.entry p { font-size:1.083em; }
h1, h2 { font-weight:bold; }
ul ul { margin-bottom:1px; }
tt {
    font-family:Monaco,monospace,serif;
    color:#536f33;
}
sub, sup { font-size:0.75em; }
sub { vertical-align:sub; }
sup { vertical-align:super; }
blockquote ul { margin-left:2.5em; }
blockquote ol { margin-left:4em; }

/*object, embed {
    display:block;
    margin:0 auto;
}*/

.container { width:960px; }
.container .container {
    border:0;
    margin:0;
    padding:0;
    width:auto;
}

#page {
    border-right:0;
    border-left:0;
    background:none; 
}
#nav, #subnav { line-height:1em; }
#maincontent { border-right:1px dotted #ececec; }
#maincontent .content { padding-right:31px; }

#sidebar ul { padding-right:0; }
#sidebar ul li { overflow:hidden; }
#sidebar div.tweets {
    padding-left:25px; 
    font-family:georgia,"times new roman",times,serif;
    background:url('../images/quote.png') 0 0 no-repeat;
}

.post { margin-bottom:50px; }

img { max-width:100%; }
.gallery img { border:0 !important; }
p img.wp-smiley { margin:0; }
* html img.scale { width:expression(this.width > 530 ? 530: true); }

div.wp-caption {
    border:1px solid #ddd;
    margin:10px;
    padding:3px;
    background-color:#f3f3f3;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
p.wp-caption-text {
    margin-top:0.4em;
    font-size:0.92em;
    text-align:center;
    color:#666;
}

ol.footnotes { margin-top:1.5em; }
sup.footnote {
    font-family:georgia,"times new roman",times,serif;
    color:#999;
}
a.footnote-link {
    color:#27d;
    text-decoration:none;
}

.commentlist .comment-author img.avatar {
    float:right;
    border:1px solid #eee;
    margin:0 0 10px 10px;
}
.commentlist li.comment {
    margin-bottom:1em;
    background:#f7f7f7;
}
.commentlist li.even { background:#eee; }
.commentlist li.thread-even { background:#d6dfe7; }
.commentlist li.thread-odd { background:#ededdd; }
.commentlist li.depth-2 { border-bottom:1px solid #ddd; }
.commentlist li.even .comment-author img.avatar { border-color:#ddd; }
.commentlist li.comment textarea#comment { width:100%; }
.commentlist li.comment #respond { margin-top:1em; }
.commentlist li.comment #respond h2 { font-size:1.5em; }
.commentlist li.comment ul.children { margin:1.875em 0 0; }
.commentlist li.comment ul.children li.comment { margin-bottom:0; }
.commentlist .comment-meta {
    margin-bottom:1em;
    line-height:1em;
}
.commentlist .comment-meta a { text-decoration:none; }
.commentlist .comment-meta, .commentlist .reply { font-size:.9em; }

.ad {
    padding:0;
    background:#f7f7f7;
}
.post .ad { padding:5px; }

del { color:#bbb; }
del a { color:#999; }

.hilite {
    padding:0 1px;
    background:#FFC;
}

.update, ins.title, span.title { font-weight:bold; }
ins.title { text-decoration:none; }
span#lightbox-overlay-text-about { display:none; }

.borderless { border:0 !important; }

.reset-margin   { margin:0 !important; } 
.reset-padding  { padding:0 !important; } 
.reset          { margin:0 !important; padding:0 !important; }

.align-justify  { text-align:justify !important; } 
.align-left     { text-align:left !important; } 
.align-center   { text-align:center !important; } 
.align-right    { text-align:right !important; }

.valign-top     { vertical-align:top !important; }
.valign-middle  { vertical-align:middle !important; }
.nofill         { background:none !important; }

td.half, .prevnext .alignleft, .prevnext .alignright { width:50%; }
table.wide { width:100%; }
table.borderless th, table.borderless td { border:0; }

p.flickr-post img { margin:0 0 0.25em; }
span.flickr-post-cite {
    font-size:0.83em;
    color:#666;
}

#sidebar ul li ul li.delicious-item { margin-bottom:2px; }

.cbw_subcontent table, .cbw_subcontent th, .cbw_subcontent td { border:0; }

/* For Lifestream plugin */
table.lifestream, table.lifestream th, table.lifestream td { border:0; }
.lifestream_text li { background:none; }
h2.lifestream_date { margin-top:20px; }
/*table.lifestream .lifestream_feed_twitter td { padding:10px 0; }
table.lifestream .lifestream_feed_twitter td.lifestream_icon { padding:10px 0.5em; }
.lifestream_feed_twitter .lifestream_label {
    font-family:georgia,serif;
    font-size:1.17em;
}*/

/* TODO add to reset.css */
pre {
    white-space: pre-wrap;       /* CSS-3                  */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999    */
    white-space: -pre-wrap;      /* Opera 4-6              */
    white-space: -o-pre-wrap;    /* Opera 7                */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* TODO add to grid.css */
.container  { display: inline-block; }
.container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .container { height: 1%; }
.container { display: block; }
/* End hide from IE-mac */


/* For WP-PageNavi plugin */
.wp-pagenavi { margin-bottom:1em; }
.wp-pagenavi a, .wp-pagenavi a:link {
    padding: 2px 4px 2px 4px;
    margin: 2px;
    text-decoration: none;
    /*color: #0066cc;*/
    color: #0181BD;
    background-color: #eee;  
}
.wp-pagenavi a:visited {
    padding: 2px 4px;
    margin: 2px;
    text-decoration: none;
    /*color: #0066cc;*/
    color: #0181BD;
    background-color: #eee;  
}
.wp-pagenavi a:hover {  
    /*color: #000000;*/
    color: #06c;
    background-color: #ccc;
}
.wp-pagenavi a:active {
    padding: 2px 4px 2px 4px;
    margin: 2px;
    text-decoration: none;
    /*color: #0066cc;*/
    color: #0181BD;
    background-color: #FFFFFF;  
}
.wp-pagenavi span.pages {
    padding: 2px 4px;
    margin: 2px;
    color: #000000;
    background-color: #FFFFFF;
}
.wp-pagenavi span.current {
    padding: 2px 4px;
    margin: 2px;
    font-weight: bold;
    color: #000000;
    background-color: #FFFFFF;
}
.wp-pagenavi span.extend {
    padding: 2px 4px 2px 4px;
    margin: 2px;    
    color: #000000;
    background-color: #FFFFFF;
}

/* For FB, Soundcloud, and Cleaner Gallery plugins */
.gallery .gallery-item { margin-bottom:5px !important; }
.fb-like { display:block; }
.gallery, .wp-soundcloud, .fb-like,
    .dd_post_share, .video-js { margin-bottom:1.5em !important; }


/* For Smart Archives Reloaded plugin */
#smart-archives-fancy {}
.year-list a, .month-list a { text-decoration:none; }
.year-list a.current, .month-list a.current {
    /*color:#668040;*/
    color: #0181BD;
}
.month-list a.current, .year-list a:hover,
    .month-list a:hover { text-decoration:underline; }
.year-list li, .month-list li { background:none; }
span.month-archive-link { font-size:50%; }


/* Success, info, notice and error/alert boxes
-------------------------------------------------------------- */

.error,
.alert, 
.notice,
.success, 
.info   { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error, .alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info   { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a, .alert a { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }
.info a { color: #205791; }



