/*
Theme Name: Silent Blue
Theme URI: http://seenchris.com/projects/slientblue
Description: A search engine optimized simple and clean theme for WordPress. Supports widgets and has an included font-face.
Author: Cristi Habliuc
Author URI: http://seenchris.com/
Version: 1.2
Tags: blue, light, two-columns, right-sidebar, fixed-width, sticky-post, microformats, translation-ready
    Silent Blue Wordpress Theme
    Copyright (C) 2009 Cristi Habliuc

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.

*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');


/* body */
body {
	color: #333;
}

img.bg-image {
	width: 100%;
	z-index: -2;
	top: 0;
	left: 0;
	position:fixed;
}

/* layout */

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}


#masthead {
	width: 800px;
	margin: 0 auto;
}

#branding {
	/*background-color: #555;*/
	padding: 5px;
}

#blog-title {
	font: 36px QlassikBoldRegular,Arial,sans-serif;
	font-weight: bold;
}

#blog-description {
	font: 18px QlassikMediumRegular,Arial,sans-serif;
	font-weight: normal;
}

#blog-title a { color: white; text-decoration: none; }

#main {
	width: 800px;
	margin: 5px auto;
}

#main #content {
	width: 605px;
	background-color: #eee;
	padding: 5px 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	float: left;
}

#main .sidebar {
	width: 167px;
	padding: 0px;
	padding-top: 0px;
	float: right;
	margin-top: 0px;
	margin-left: 5px;
}

#main .sidebar .inner {
	background-color: #eee;
	padding: 10px 0px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	margin-left: 0px;
}

/* header */
#branding {
	color: #eee;
}

#blog-title { float: left; }
#header #search-form { 
	float: right; 
	background: url(./images/search.png) no-repeat top right;
	margin: 2px -5px 0px 0px; 
	padding: 5px 0px 0px 12px;
	width: 208px;
	height: 28px;
	border: none;
}
#header #searchform label { display: none; }	/* hide the search for: text */
#header #searchform #s { border: none; background: transparent; width: 155px; }
#header #searchsubmit { margin-left: 3px; border: none; background: transparent; width: 45px; color: transparent; cursor: pointer }

.skip-link a { color: #004; text-decoration: none }
.skip-link a:hover, .skip-link a:active { color: #fff; }

h1.no-gd { font-size: 13px; font-weight: bold; color: #fff };
div.no-gd { font-size: 11px; font-weight: normal; color: #fff; font-family: serif };

/* search bar */



/* main navigation - bubbles */
.menu{
	float: left;
}
.menu ul {
	margin: 0px;
}
.menu li{
	float: left;
	height: 34px;
}
.menu li a{
	color: #ccc;
	display: block;
	height: 34px;
	text-align: center;
}
.menu li.active a, .menu li a:hover, .menu li.current_page_item a{
	color: #000;
	text-decoration: none;
	height:34px;
}
.menu  { list-style: none; margin-top: 10px; padding: 0px;}
.menu li { padding: 0px; margin: 0px; display: inline; line-height: 16px; }

.menu li a { padding: 0px 0px 0px 12px; background: url(./images/menuleft.png) no-repeat left top; float: left;}
.menu li a span { padding: 4px 9px 9px 0px; display: block; background: url(./images/menuright.png) no-repeat right top; float: right; }
.menu li a span { float: none; }
.menu li a:hover span { }
.menu li a:hover , li.current_page_item a{ background-position: 0% -34px; text-decoration: none;}
.menu li a:hover span , li.current_page_item a span{ background-position: 100% -34px; }
.menu ul li a { color: #fff; text-decoration: none; font-size: 13px; }

.menu li ul { display: none ;} /* show only first level page links */

#rss-feed-icon { margin-top: 2px; float: right; }
#rss-feed-icon a { color: #fff; text-decoration: none; }
#rss-feed-icon img { vertical-align: middle; margin-top: -2px; }

/* sidebar */

.sidebar ul {
	margin: 10px;
	margin-top: 0px;
	padding-top: 0px;
	list-style-type: none;
}
.sidebar ul ul {
	margin: auto;
	list-style-type: auto;
}
.sidebar .widget_search #searchform #searchsubmit { margin-top: 5px; }

.sidebar .page_item ul { display: none } /* don't show subpages */

.sidebar li table { width: 100%; }
.sidebar li h2 { font-weight: bold; font-size: 14px; margin: 5px; color: #0052A3 }
.sidebar li a { margin-left: 10px; color: #5781FF }

.cat-item ul { padding: 0px 0px 0px 10px; }

/* content */
#main { width: 800px; }

.sticky {
	border: 1px solid #aaa;
	margin-top: 5px;
	padding: 0px 10px 10px 10px;
	background-color: #ddd;
}

.post p { margin-bottom: 4px;}

.post blockquote, .comment-content blockquote { border-left: 1px solid #777; margin-left: 10px; padding-left: 10px; }

.nav-previous, .nav-next { float: left; margin: 4px;}
.nav-previous a, .nav-next a { color: #5781FF; }
#nav-above { margin-bottom: 10px; display: none; }	/* hide the above navigation */
#nav-below { margin-top: 10px; } 

.entry-title, .entry-title a { color: #333; font-size: 17px; font-weight: bold; text-decoration: none; }
.post {  margin-bottom: 10px; }

.entry-meta, .page-link, .entry-utility { font-size: 11px; color: #666 }
.entry-meta a, .page-link a, .entry-utility a { color: #5781FF; }

.entry-content { margin-top: 3px; }
.entry-content a { color: #992727; }

.entry-content img { padding: 3px; border: 1px solid #777 }
.wp-caption { background-color: #E3E4FA; border: 1px solid #aaa; padding-top: 5px; }

table { border: 1px solid #aaa }
table td { border: 1px solid #aaa; background-color: #eee; padding: 2px; }
table th { border: 1px solid #aaa; background-color: #ddd; padding: 2px; }

.post h2, .post h3, .post h4, .post h5, .post h6 { font-weight: bold; margin-top: 6px; margin-bottom: 3px; }
.post h2 { font-size: 17px;}
.post h3 { font-size: 16px;}
.post h4 { font-size: 15px;}
.post h5 { font-size: 14px;}
.post h6 { font-size: 13px;}

#footer { margin: 0 auto; width: 800px; padding: 10px 5px; color: #ccc }
#footer a { color: #5781FF }

h1.page-title, .page h1.entry-title { font-weight: bold; font-size: 18px; border-bottom:1px dotted #666666; }
h1.page-title .vcard a { color: #5781FF }

h3 { font-weight: bold; color: #333; font-size: 13px; }

#commentform #login { font-size: 11px; } 
#commentform #login a { color: #5781FF; }
#commentform #comment { width: 100% }
#form-allowed-tags { font-size: 11px; color: #555 }
#commentform { margin-bottom: 10px; } 

.comment-author { font-size: 15px; vertical-align: middle; }
.comment-author a { color: #5781FF; text-decoration: none; }
.comment-author img { vertical-align: middle; }
.comment-meta { font-size: 11px; color: #555; margin-bottom: 3px; }
.comment-meta a { color: #5781FF; }

.comments .comment { padding: 5px; margin: 5px 0px; }
.comments .odd { background-color: #ddd; }
.comments .even { background-color: #ccc; }

#container a { color: #5781FF }