/*
Theme Name: Blue with Grey
Author URI: http://ugesi.de/
Theme URI:
Description: Details oriented theme with modern and decent design. Blue and grey are main colors used in the theme. Menu is widgetized.
Author: Blue with Grey
Version: 1.0
Tags: blue, white, light, two-columns, fixed-width, editor-style
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #616161; font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
a, span, strong {font-size: 1em; cursor: pointer;}
span {color: inherit;}
a, a:visited {color: #096aa2; text-decoration: none;}
a:hover {color: #096aa2; text-decoration: underline;}
img {border: none;}
body {font-size: 0.75em; line-height: 1.3em;}

@font-face {font-family: 'PTSans'; src: url('fonts/pts55f-webfont.eot'); src: url('fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pts55f-webfont.woff') format('woff'), url('fonts/pts55f-webfont.ttf') format('truetype'), url('fonts/pts55f-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'PTSansBold'; src: url('fonts/pts75f-webfont.eot'); src: url('fonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pts75f-webfont.woff') format('woff'), url('fonts/pts75f-webfont.ttf') format('truetype'), url('fonts/pts75f-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'PTSansNarrow'; src: url('fonts/ptn77f-webfont.eot'); src: url('fonts/ptn77f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ptn77f-webfont.woff') format('woff'), url('fonts/ptn77f-webfont.ttf') format('truetype'), url('fonts/ptn77f-webfont.svg#PTSansNarrowBold') format('svg'); font-weight: normal; font-style: normal;}

/* basic text elements */
h1 {margin: 1em 0; font: normal 2.333em PTSansNarrow,sans-serif;}
h2 {margin: 1em 0; font: normal 1.417em PTSansBold,sans-serif;}
h3 {margin: 1em 0; font: normal 1.333em PTSansBold,sans-serif;}
h4 {margin: 1em 0; color: #777; font: normal 1.25em PTSansBold,sans-serif;}
p {margin: 1em 0;}
ul, ol {margin: 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}

/* basic form elements */
fieldset {border: none;}
legend {border: none; font-weight: bold;}
label {display: block; float: left; clear: left; width: 140px; margin: 5px 0; font-size: 0.917em; text-transform: uppercase;}
input, textarea, select {width: 140px; margin: 5px 0; padding: 2px; border: 1px solid #b5d2e3; background: #f2f7fa url("images/input.png") top repeat-x; color: #616161;}
	input.chk, input.radio {width: auto; border: none;}
textarea {margin-left: 140px; width: 388px; height: 100px;}
button {height: 24px; margin-left: 140px; padding: 0 10px; border: 1px solid #fff; background: #b62b2b url("images/button-bg.png") top repeat-x; color: #fff; font: normal 1.083em/24px PTSansBold,sans-serif; text-shadow: #6e1e1e 0 0 2px; cursor: pointer;}
legend {display: none;}


/* main layout
------------------------------------------- */
body {background: #d7e7f0 url("images/bg.png") top repeat-x;}
.root {background: #fff; width: 960px; margin: 0 auto 30px; background: #fff; -moz-box-shadow: 0 0 10px #aaa; -webkit-box-shadow: 0 0 10px #aaa; box-shadow: 0 0 10px #aaa;}
.header {position: relative; z-index: 20; width: 960px; height: 136px; margin: 0 auto; background: url("images/header.png") center top no-repeat;}
.header p.tagline {position: absolute; left: 65px; top: 48px; margin: 0; color: #333; font: normal 0.923em PTSans,sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.header p.logo {position: absolute; left: 20px; top: 25px; margin: 0;  font-size: 1.923em; line-height: 1em; }
.header p.logo a {color: #3f3f3f; font-family: PTSansNarrow,sans-serif; text-transform: uppercase;}
.header p.logo a:hover {color: #000; text-decoration: none;}
.header p.logo img {margin-right: 10px; vertical-align: top;}
.header form {position: absolute; right: 30px; top: 32px; padding: 0; margin: 0;}
.header form input {width: 185px; margin: 0; padding: 3px 10px; border: none; background: transparent; color: #9e9e9e; font-size: 0.917em; vertical-align: middle;}
.header form button, .widget form button {overflow: hidden; width: 22px; height: 20px; margin: 0; padding: 0; border: 1px solid #fff; border-left: none; background: url("images/search-button.png") no-repeat; text-indent: -500px; vertical-align: middle;}
.widget input {margin: 20px 0px 20px 20px;}
.widget div {padding: 0px 20px;}
ul.menu {position: absolute; left: 0; top: 87px; list-style: none; width: 960px; height: 33px; margin: 0; padding: 0; }
ul.menu li {float: left; margin: 0; padding: 0; }
ul.menu a {float: left; height: 32px; padding: 0 20px; border-right: 1px solid #3989b7; border-left: 1px solid #7ab6d8; background: url("images/mm-hover.png") 0 -50px repeat-x; color: #fff; font: normal 1.417em/33px PTSansNarrow,sans-serif; text-shadow: #26688e 0 0 2px;}
ul.menu a:hover, ul.menu li.current-menu-item a {height: 33px; background-position: 0 0; color: #c80000; text-decoration: none; text-shadow: none;}

.content {position: relative; z-index: 0; overflow: hidden; width: 962px; margin: -100px auto 40px; padding-top: 70px;}
.content>h1 {margin-top: -70px; margin-bottom: 10px; }
.main {float: left; width: 593px; padding: 0 0 0 20px;}

.sidebar {float: right; width: 296px; padding: 0 20px 0 0;}
.sidebar ul {margin: 0; padding: 0; list-style: none;}
.sidebar ul li {margin: 0; padding: 0;}
.sidebar>ul>li {margin-bottom: 20px; padding-bottom: 20px; background: #fff url("images/box-bottom.png") bottom repeat-x; -moz-box-shadow: 0 0 10px #aaa; -webkit-box-shadow: 0 0 10px #aaa; box-shadow: 0 0 10px #aaa;}
.sidebar ul li h3 {margin: 0 0 20px; padding: 0 20px; border-top: 2px solid #096aa2; border-bottom: 1px solid #5296bd; background: #e7e7e7 url("images/sidebox-header.png") top repeat-x; color: #b11b1b; font: normal 1.417em/30px PTSansNarrow,sans-serif; }

.sidebar .widget>ul {margin-top: -1px; padding: 0 20px;}
.sidebar .widget ul li {padding: 5px 0; border-top: 1px solid #cdcdcd; background-color: #fff; color: #616161;}
.sidebar .widget ul li:hover {background-color: #edf4f8;}
.sidebar .widget ul li a {padding-left: 20px; background: url("images/arrow1.gif") 0 center no-repeat; color: #04334e;}
.sidebar .widget ul ul {margin: 5px 0 -5px;}
.sidebar .widget ul ul li a {padding-left: 40px; background: url("images/arrow2.gif") 20px center no-repeat; color: #096aa2;}
.sidebar .widget ul ul ul li a {padding-left: 60px; background: url("images/arrow3.gif") 40px center no-repeat; color: #0a86cd;}
.sidebar .widget ul li a:hover {color: #c83608;}
.sidebar .widget_recent_comments ul li {padding-left: 20px; background: #fff url("images/arrow1.gif") 0 center no-repeat;}
.sidebar .widget_recent_comments ul li a {padding-left: 0; background: none;}

.footer {position: relative; height: 34px; padding: 33px 0 3px; background: url("images/footer.png") center top repeat-x;}
.footer ul.menu {left: 0; top: 0;}
.footer ul.menu a {border-right: 1px solid #7daeca; border-left: 1px solid #b6d7ea; text-shadow: #5b87a0 0 0 2px;}
.footer ul.menu a:hover, .footer ul.menu li.current-menu-item a {color: #2085be; text-shadow: none;}
.footer p {overflow: hidden; margin: 0 20px; padding: 0; color: #939393; font-size: 0.917em; line-height: 33px; }
.footer p a {padding: 0 5px;}
.footer p span {padding-right: 15px; color: #616161;}


/* overall classes & styles
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}

.post {overflow: hidden; margin: 0 0 20px; padding: 0 20px 20px; border: 1px solid #e3e3e3; border-width: 0 1px; background: #fff url("images/box-bottom.png") bottom repeat-x; -moz-box-shadow: 0 0 10px #c0c0c0; -webkit-box-shadow: 0 0 10px #c0c0c0; box-shadow: 0 0 10px #c0c0c0;}
.post h2.post-title, .post h1.post-title {margin: 0 -20px; padding: 0 20px; border-top: 2px solid #096aa2; border-bottom: 1px solid #5296bd; background: #cde3f0 url("images/post-header.png") top repeat-x; color: #05456a; font: normal 1.417em/33px PTSansBold,sans-serif; text-shadow: none;}
.post h2.post-title a { color: #05456a; font-family: PTSansBold,sans-serif;}
.post h2.post-title a:hover {color: #c80000; text-decoration: none;}
.post .postmeta {height: 30px; margin: 0 -20px; padding: 0 20px; border-bottom: 1px solid #e2e2e2; background: #f0f0f0 url("images/postmeta.png") top repeat-x; font-size: 0.917em; line-height: 30px;}
.post .postmeta span {padding: 3px 0 3px 25px; background-position: 5px center; background-repeat: no-repeat; }
.post .postmeta span.date {background-image: url("images/icon-date.png"); font-weight: bold;}
.post .postmeta span.author {background-image: url("images/icon-user.png");}
.post .postmeta span.cats {background-image: url("images/icon-categories.png");}
.post .postmeta a.comments {padding: 3px 0 3px 25px; background: url("images/icon-comment.png") 5px center no-repeat;}
.post .tags {float: left; margin-right: 30px; padding-left: 20px; background: url("images/icon-tags.png") 0 center no-repeat; color: #939393; font-size: 0.917em;}
.post .more {float: right;  font-size: 0.917em; }
.post .more a {padding: 2px 0 2px 20px; background: url("images/icon-plus.png") 0 center no-repeat; text-transform: uppercase;}

.navigation {overflow: hidden; margin: 20px 0; font-size: 1.083em;}
.navigation a {font-family: PTSansBold,sans-serif;}
.navigation a.prev {float: left;}
.navigation a.next {float: right;}
.navigation a:hover {color: #c83608; text-decoration: none;}

/* special sections and elements
------------------------------------------- */
div.comments {clear: left; margin: 20px -20px; padding: 0; border-top: 2px solid #c5d3dc; background: url("images/comments-header.png") 0 0 repeat-x;}
.comments #respond {padding: 0 0 20px; border-top: 2px solid #b11b1b; background: url("images/comments-form-header.png") 0 0 repeat-x;}
.comments h3 {height: 30px; margin-top: 0; padding-left: 50px; background-position: 20px center; background-repeat: no-repeat; color: #05456a; font: normal 1.25em/33px PTSansBold,sans-serif;}
.comments>h3 {background-image: url("images/icon-comments.png");}
.comments #respond h3 {background-image: url("images/icon-comments-add.png");}
.comments #respond form {padding: 0 20px;}
ul.commentlist {list-style: none; margin: 20px 0; padding: 0 20px;}
ul.commentlist li {overflow: hidden; margin: 20px 0; padding: 0 15px 10px; background: #e9eef2 url("images/comment-bg.png") top no-repeat;}
ul.commentlist li .avatar {float: left; margin: 0 10px 15px 28px; padding: 3px; border: 1px solid #cfdbe2; background: #fff;}
ul.commentlist li .comment-author, ul.commentlist li .comment-meta {color: #3f3f3f; font-size: 0.923em;}
ul.commentlist li p {clear: left; margin: 0.5em 0; line-height: 1.3em;}

.banner {position: relative; z-index: 0; margin-top: -16px; padding-bottom: 16px; background: url("images/banner-border.png") bottom repeat-x;}
.banner>div {background: #fff; height: 50px; }
.banner img {display: block;}

.design {padding: 10px 0 0 0; float: right; font-size: 9px;}

/*----------Wordpress styles--------------*/
.comment {
	padding-bottom:10px;
}
#comments h2 {
	font:bold 15px/20px Arial, Helvetica, sans-serif;
}
.comment .author {
	padding-bottom:5px;
}
#respond label {
	display:block;
	clear:both;
}
#respond input,
#respond textarea {
	width:320px;
	background:#f6f6f6;
	border:1px solid #d0d0d0;
	font:13px/16px Arial,Helvetica, sans-serif;
	color:#333;
}
#respond input {
	margin-bottom:5px;
}
#respond textarea {
	height:85px;
}
#respond #submit {
	width:auto;
	border:none;
	clear:both;
	float:none;
	display:block;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	background: #b62b2b url("images/button-bg.png");
}
#respond {
	padding-bottom:30px;
}

/* Comment Form */
#respond p {
	padding-bottom:12px;
}
#respond input.field {
	float:left;
	margin-right:10px;
	height:14px;
	padding:2px 3px;
}
#respond label {
	display:block;
	font-size:11px;
	line-height:20px;
} 
#respond textarea {
	width:350px;
	height:120px;
	margin-bottom:10px;
	padding:3px 5px;
}
#respond input.btn {
	width:120px;
	height:25px;
	cursor:pointer;
	font-size:12px;
}
h3#respond,
h3#comments {
	font-size:14px;
	padding-bottom:10px;
}


/* Comment Closed */
p.nocomments {	
	font-weight:bold;
	font-style:italic;
}

/* Comment List */

/*additional style*/
s {color: #000;}
.sticky {border-left: 3px solid #bababa; padding-left: 13px;}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
.wp-caption img {
	margin: 5px 5px 0;
	max-width: 591px;
	height:auto;
	padding: 0;
}
.wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
	padding: 0;
}
.bypostauthor {}
.clear {clear: both;}
img {margin: 0; max-width: 591px; height: auto;}
.gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}

#gallery-1 dl {
   padding:0;
}

#gallery-1 dl dt {
   padding: 0;
}
		
#gallery-1 dl dd {
   padding:0 0 5px 10px;
}

/*thumbnail*/
.wp-post-image {float: left; margin: 0 9px 7px 0; max-width: 591px; height: auto;}

/* Image testing */
.alignright {
float:right;
margin:0 0 10px 10px;
}
.alignleft {
float:left;
margin:0 10px 10px 0;
}
.aligncenter {
clear: both;
display: block;
margin:0 auto 10px;
}
.alignnone {
margin-bottom:10px;
margin-right: 5px;
}
.size-thumbnail {
margin-right:8px;
display:inline;
}

.sidebar ul ul {
margin:0 0 0 0.35em;
}

.sidebar ul ul ul {
margin:0 0 0 0.7em;
}



/* calender */
table#wp-calendar {
width:100%;
}

table#wp-calendar td,
table#wp-calendar th {
padding:1px;
text-align:center;
}

.content .commentlist {margin: 5px 0 5px 0px;}

.comment-body ul li {
	padding: 0 0 0 5px;
	margin:0px;
	overflow:visible;
}
.comment-body ol li {
	padding: 0 0 0 5px;
	margin:0px;
	overflow:visible;
}
.comment-body ul {margin: 5px 0 7px 25px; list-style-type:disc; clear: both;}
.comment-body ol {margin: 5px 0 7px 25px; list-style-type:decimal; clear: both;}


/*tags*/
q, blockquote {
	font-style:italic;
}
dt {
	font-weight:bold;
}

dt, dd {
	margin:0;
	padding:0;
}
dd {
	margin-bottom:1.5em;
}

dl, pre {
	font-size:1em;
	margin:1.5em 0;
	padding:0;
	line-height:1.5em;
}


big {
	position:relative;
	top:.1em;
	font-size:2em;
}

ins {
	text-decoration:none;
	background-color:#fffabf;
	background-color:#bfffc5;
}

sub, sup {line-height:1.2em;}

/*table*/
.content table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
.content tr th,
.content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
.content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
.content tr.odd td {
	background: #F2F7FC;
}

h1, h2, h3, h4, h5, h6 {clear: both;}

.gallery-item img {margin: 0 auto;}


pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

.content pre,
.content kbd,
.content tt,
.content var {
	font-size: 15px;
	line-height: 21px;
}
.content code {
	font-size: 13px;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

.attachment-post-thumbnail {padding: 10px 10px 0 0;}
.cat-title {margin-top: -5px;}