/*
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, img.alignleft {
	display:inline;
	float: left;
	margin:5px 15px 0 0;
}

.alignright, img.alignright {
	display:inline;
	float: right;
	margin:5px 0 0 15px;
}


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

#branding {
	height:150px;
	background:transparent url(images/avtar.png) no-repeat 0 10px;
	padding:5px 5px 5px 150px;
}

#blog-title {
	font: 36px QlassikBoldRegular,Arial,sans-serif;
	font-weight: bold;
	position: absolute;
	top:35px;
	left:170px;
	border-bottom: 1px solid white;
}

#blog-description, .blog-description {
	font: 18px QlassikMediumRegular,Arial,sans-serif;
	font-weight: normal;
	position: absolute;
	top:85px;
	left:170px;
}

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

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

#main #content {
	width: 575px;
	background-color: #eee;
	padding: 5px 25px 20px 25px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	float: left;
	/*min-height:730px;
	_height:auto !important;
	_height:730px;*/
}

#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;
	/*min-height:730px;
	_height:auto !important;
	_height:735px;*/
}

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

#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;
	display: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 }



.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 li { padding: 0px; margin: 0px; display: inline; line-height: 16px; }

.menu {
	position: absolute;
	top:125px;
	left:160px;
	list-style: none;
	_width:700px;
}

.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: 18px;margin-right:4px; }

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

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

/* sidebar */

.sidebar ul {
	margin: 0 15px 10px 15px;
	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, .entry-content p, .entry-content li { margin-bottom: 10px;font-size:16px;}

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

.nav-previous, .nav-next { float: left; margin: 4px;display:none;}
.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:#5781FF; font-size: 26px; font-weight: bold; text-decoration: none; }
.post {  margin-bottom: 10px; }

.entry-meta, .page-link, .entry-utility { font-size: 11px; color: #666; display:none; }
.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: 26px;margin-bottom:25px;border-bottom:1px dotted #5781FF;margin-top:15px;color: #5781FF;}
.post h3 { font-size: 16px;}
.post h4 { font-size: 15px;}
.post h5 { font-size: 14px;}
.post h6 { font-size: 13px;}

.widget-title {
color:#00531F;
margin-bottom:20px;
border-bottom:1px dotted #00531F;
border-top:1px dotted #00531F;
font-size:15px;
padding-left:7px;
}

.sidebar li {
margin-bottom:20px;
}

.sidebar li li {
margin-bottom:7px;
}

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

h1.page-title, .page h1.entry-title, .post h1.entry-title { font-size: 26px;margin-bottom:25px;border-bottom:1px dotted #5781FF;margin-top:15px;color: #5781FF;}
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 }

li.page-item-59, li.page-item-67, .kjo-link {
display:none !important;
}

.cat-post-item {
list-style-type: circle;
margin:0 15px 7px 15px;
padding:0;
}

.cat-post-item a:link, .cat-post-item a:visited {
text-decoration:none;
margin:0;
}

.cat-post-item a:hover {
color:#00AD41;
}