/*
	Theme Name: WhiteOpen
	Theme URI: 
	Description: A simple 2 column white theme with some blue elements.
	Author: Michel Billard
	Author URI: http://crossbrowser.net
*/
/*
Colors:
  Blue: #0077CC
  Darker blue: #0068B2
  Shades of gray: #333, #555, #888, #aaa
*/

/*****************
* GENERAL
******************/

* {margin:0;padding:0;}

a img {border:none;}

body {font-family:Helvetica,Arial,sans-serif;background-color:#fff;}

#Main {width:960px;margin:10px auto 0 auto;}

.horizontal-line {margin-top:0.5em;line-height:0;height:1px;border-top:solid 1px #ddd;}

/*****************
* ROUNDED CORNERS
******************/

.rounded
{
    position: relative;
}

.rounded .rounded-corner
{
    position: absolute;
    background-image: url('images/sprites.png');
    background-repeat: no-repeat;
    overflow: hidden;
}

.rounded-large .rounded-corner
{
    height: 11px;
    width: 11px;
}

.rounded-small .rounded-corner
{
    height: 6px;
    width: 6px;
}

.rounded-corner-top-left { top: 0; left: 0; }
.rounded-corner-top-right { top: 0; right: 0; }
.rounded-corner-bottom-left { bottom: 0; left: 0; }
.rounded-corner-bottom-right { bottom: 0; right: 0; }

.large-rounded-corner-top-left { /* no change */ }
.large-rounded-corner-top-right { background-position: -11px 0; }
.large-rounded-corner-bottom-left { background-position: 0 -11px; }
.large-rounded-corner-bottom-right { background-position: -11px -11px; }

.small-rounded-corner-top-left { background-position: -22px 0; }
.small-rounded-corner-top-right { background-position: -28px 0; }
.small-rounded-corner-bottom-left { background-position: -22px -6px; }
.small-rounded-corner-bottom-right { background-position: -28px -6px; }

/*****************
* HEADER
******************/

#TopLine {background-color:#555;height:5px;}

/*#Header {padding:5px;padding-bottom:10px;border-bottom:solid 1px #ddd;}*/
#Header {padding:5px;}

h2.blog-title {font-size:1.8em;}
h2.blog-title a {color:#0068B2;text-decoration:none;}
h2.blog-title a:hover {color:#0077cc;}
h3.blog-description {color:#888;font-size:14px;font-weight:normal;}

/*****************
* PAGES LISTING
******************/

#Pages {float:right;}
#Pages ul {list-style:none;text-align:right;}
#Pages li {display:inline;margin-left:0.5em;}
#Pages a {color:#aaa;font-size:1em;font-weight:bold;text-decoration:none;text-transform:uppercase;}
#Pages li.current_page_item a {color:#555;}
#Pages li a:hover {color:#0077cc;}

/*****************
* SEARCH
******************/

#Search {position:relative;margin-bottom:1em;}
#Search .search-input-box {padding:2px;width:168px;padding-right:24px;}
#Search .submit {position:absolute;right:6px;top:4px;}

/*****************
* MIDDLE
******************/

#Middle {margin-top:10px;}

/*****************
* SIDEBAR
******************/

#Sidebar {float:right;width:200px;}

#Sidebar ul {list-style:none;}
#Sidebar a {display:block;text-decoration:none;}

/* SECTIONS */
#Sidebar .widget, #Sidebar .subscribe-section {margin-bottom:20px;}
#Sidebar .widget h2 {color:#555;font-weight:bold;font-family:Trebuchet MS, Helvetica, sans-serif;font-size:1em;text-transform:lowercase;}

#Sidebar .widget h2 + ul li {line-height:1em;padding:0.3em 0;}
#Sidebar .widget h2 + ul li + li {border-top:solid 1px #eee;}

#Sidebar .widget a {color:#555;font-size:0.8em;}
#Sidebar .widget a:hover {color:#0077cc;}

/*****************
* CONTENT
******************/

#Content {margin-right:250px;}

#Content .entry {background-color:#fff;}
#Content .entry + .entry {margin-top:50px;}

#Content .entry .entry-meta {background-color:#555;padding:5px 10px;color:#fff;font-size:14px;font-weight:bold;margin-bottom:5px;}
#Content .entry .entry-meta .comments-count {float:right;}
#Content .entry .entry-meta .comments-count a {color:#fff;text-decoration:none;}
#Content .entry .entry-meta .comments-count a:hover {text-decoration:underline;}

#Content .entry .entry-title {font-size:2em;font-weight:normal;margin-bottom:0.5em;padding:5px;}
#Content .entry .entry-title a {color:#333;text-decoration:none;}
#Content .entry .entry-title a:hover {text-decoration:underline;}

/* Entry body */
#Content .entry .entry-body {font-family:Georgia, serif;text-align:left;padding:5px;line-height:1.4em;}
#Content .entry .entry-body p + *,#Content .entry .entry-body pre + *,#Content .entry .entry-body blockquote + *,#Content .entry .entry-body ul + *,#Content .entry .entry-body ol + *, #Content .entry .entry-body div + * {margin-top:1em;}
#Content .entry .entry-body h3, #Content .entry .entry-body h4, #Content .entry .entry-body h5 {color:#0068B2;font-family:Tahoma, Geneva, sans-serif;padding-bottom:0;}
#Content .entry .entry-body h3 {font-size:1.2em;letter-spacing:1px;border-bottom:solid 1px #ddd;margin-top:2em;margin-bottom:0.5em;}
#Content .entry .entry-body h3:first-child {margin-top:0em;}
#Content .entry .entry-body h4 {font-size:1em;margin-top:1em;}
#Content .entry .entry-body h5 {font-family:Tahoma;letter-spacing:1px;font-size:0.8em;text-transform:uppercase;}
#Content .entry .entry-body ul,#Content .entry .entry-body ol {margin-left:25px;}
#Content .entry .entry-body .alignleft {float:left;}
#Content .entry .entry-body .alignright {float:right;}
#Content .entry .entry-body .aligncenter {margin-left:auto;margin-right:auto;}

/* Captions */
/*#Content .entry .entry-body .wp-caption {padding:3px;border:solid 1px #7FB3D8;background-color:#F2F7FB;}
#Content .entry .entry-body .wp-caption img {border:solid 1px #B0D0E7;}
#Content .entry .entry-body .wp-caption-text {line-height:1.4em;font-size:0.7em;font-family:Georgia, serif;text-align:left;font-style:italic;color:#000;border:solid 1px #f00;}*/
.wp-caption {border:solid 1px #7FB3D8;text-align:center;background-color:#F2F7FB;padding-top:4px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.wp-caption img {border:solid 1px #B0D0E7;}
.wp-caption .wp-caption-text {margin:0 6px 4px 6px;line-height:1.4em;font-size:0.7em;font-family:Georgia, serif;text-align:left;font-style:italic;color:#000;}

/* Links */
#Content .entry-body a, #Comments a {color:#008CF0;text-decoration:none;}
#Content .entry-body a:link, #Comments a:link {}
#Content .entry-body a:hover, #Comments a:hover {text-decoration:underline;}
#Content .entry-body a:visited, #Comments a:visited {color:#D65900;}
#Content .entry-body a:visited:hover, #Comments a:visited:hover {}

/* Special blocks */
#Content .entry blockquote {margin:auto 20px auto 20px;padding:0px 10px;border-left:solid 5px #aaaaaa;font-family:Georgia,serif;}
#Content .entry pre {margin:auto 20px 10px 20px;padding:5px 10px;background-color:#fafafa;border:solid 1px #aaaaaa;overflow:auto;padding-bottom:24px!ie7;font-family:DejaVu Sans Mono,Consolas,Courier New,Courier,monospace;font-size:12px;}

/* ARCHIVE */
#Content .archive-title {color:#0068B2;font-size:1.5em;font-weight:bold;font-variant:small-caps;margin-bottom:20px;margin-top:15px;text-align:center;}

/* NO POSTS */
#Content .no-posts {text-align:center;margin-top:100px;}

/*****************
* COMMENTS
******************/

#Comments {margin-top:10px;padding:5px;border-top:solid 1px #ddd;}

#Comments .comments-title {font-size:20px;font-weight:bold;color:#555;}

#Comments .comments-title + div.comment {margin-top:10px;}

#Comments .comment {}
#Comments .comment + .comment {margin-top:20px;}

#Comments .comment-meta {font-size:80%;color:#aaa}
#Comments .comment-author {font-weight:bold;color:#000;}

#Comments .speech-bubble {position:absolute;top:-7px;left:15px;width:11px;height:7px;background-image:url(images/sprites.png);}
#Comments .comment-standard .speech-bubble {background-position:0px -22px;}
#Comments .comment-alt .speech-bubble {background-position:-11px -22px;}
#Comments .comment-byAuthor .speech-bubble {background-position:-22px -22px;}

#Comments .comment-text {position:relative;color:#555;font-size:90%;line-height:1.2em;padding:10px;border:solid 1px;margin-top:10px;}
#Comments .comment-text p + p {margin-top: 10px;}

#Comments .comment-standard .comment-text {border-color:#aaa;background-color:#FAFAFA;}
#Comments .comment-alt .comment-text {border-color:#555;background-color:#F7F7F7;}
#Comments .comment-byAuthor .comment-text {border-color:#0077cc;background-color:#EEFAFF;}

#Comments form input, #Comments form textarea {margin-top:5px;margin-bottom:5px;padding:5px;}
#Comments .commentforminput input, #Comments form textarea {color:#555;}
#Comments .commentforminput {position:relative;}
#Comments .commentforminput input {font-weight:bold;margin-right:10px;padding-left:26px;}
#Comments .commentforminput .commentforminput-icon {width:16px;height:16px;background-image:url(images/sprites.png);position:absolute;top:12px;left:5px;}
#Comments .commentforminput-author .commentforminput-icon {background-position:-66px 0px;}
#Comments .commentforminput-email .commentforminput-icon {background-position:-82px 0px;}
#Comments .commentforminput-website .commentforminput-icon {background-position:-34px -16px;}
#Comments #CommentsForm .input-description {font-size:80%;color:#888;}


/*****************
* NAVIGATION
******************/

.navigation {padding-bottom:32px;margin-top:16px;}
.navigation a {color:#0077cc;text-decoration:none;font-size:14px;font-weight:bold;}
.navigation a:hover div {text-decoration:underline;}
.navigation .alignleft {float:left;text-align:left;}
.navigation .alignright {float:right;text-align:right;}

/*****************
* FOOTER
******************/

#Footer {clear:both;font-family:Tahoma, Geneva, sans-serif;font-size:0.8em;font-weight:bold;text-align:center;color:#888;padding:10px;}
