/*
Theme Name: peter-andrease
Theme URI: http://wordpress.com
Description: The theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. This supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: peter andrease
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
* {
	border: 0;
	outline: 0;
}
body {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #424242;
	background: url(images/main-bg.png) top repeat-x;
}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 0;
	text-indent: -3000px;
	color: #ffffff;
}
.hide-text {
	color: #ffffff;
	font-size: 1px;
	text-indent: -3000px;
}
h1 {
	font-size: 22px;
	line-height: 24px;
	color: #363636;
	font-weight: bold;
	margin-top: 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #c7c7c7;
}
h2, .sub-title {
	font-size: 18px;
	color: #363636;
	font-weight: bold;
}
.top-sub-head {
	margin-top: 30px;
}
h1 span, h2 span, .blue-text {
	color: #1a6599;
}
h3 {
	font-size: 16px;
	color: #2a88b4;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #656565;
}
p {
	font-size: 14px;
	color: #424242;
	line-height: 22px;
}
p.title-text {
	font-size: 20px;
	line-height: 30px;
	margin-top: 15px;
}
p a, h2 a, h3 a, .entry-meta a, .comment-list a {
	color: #1a6599;
	text-decoration: none;
}
p a:hover, h2 a:hover, h3 a:hover, .entry-meta a:hover, .comment-list a:hover {
	text-decoration: underline;
}
hr, .greyline {
	width: 100%;
	clear: both;
	border: none;
	margin: 25px 0 25px 0;
	height: 1px;
	line-height: 1px;
	font-size: 0;
	background: #c7c7c7;
}
.greyline-small {
	margin: 10px 0 10px 0;
}
.two-column {
	float: left;
	width: 47%;
}
.navigation {
	padding-bottom: 10px;
	text-align: right;
	border-bottom: 1px solid #dedede;
	margin-bottom: 15px;
	height: 20px;
	line-height: 20px;
}
.navigation a {
	font-weight: bold;
	color: #2a88b4;
	text-decoration: none;
}
.navigation a:hover {
	text-decoration: underline;
}
.alignleft {
	float: left;
	padding-right: 10px;
}
.alignright {
	float: left;
	padding-left: 10px;
}
#container {
	background: url(images/bg-glow.png) center top no-repeat;
	width: 100%;
	text-align: center;
}
.wrapper {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}
.content-container {
	margin: 0 auto;
	width: 980px;
	padding: 15px 15px 0 15px;
	background: #ffffff;
}
#logo {
	float: left;
	width: 30%;
	padding: 25px 0 20px 0;
}
#right-header {
	float: right;
	width: 70%;
	text-align: right;
}
.call-us {
	font-size: 16px;
	line-height: 18px;
	font-weight: 600;
	color: #ffffff;
	padding: 30px 0 20px 0;
}
.call-us a {
	color: #3fa2e7;
	text-decoration: none;
}
.call-us a:hover {
	color: #7dc2f2;
}
#right-header ul {
	list-style: none;
	padding: 0 0 20px 0;
	margin: 0;
}
#right-header ul li {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
}
#right-header ul li:before {
    content: "/";
}
#right-header ul li#menu-item-23:before {
    content: "";
}
#right-header ul li a {
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 5px;
}
#right-header ul li a:hover, #right-header ul li.current-menu-item a {
	color: #7dc2f2;
}
.home-header {
	width: 100%;
	position: relative;
}
.inner-header img, .home-header img {
	vertical-align: bottom;
}
.header-overlay {
	position: absolute;
	right: 15px;
	bottom: 0;
	background-color: rgba(0,0,0,0.7);
	padding: 20px 35px;
	width: 295px;
	color: #ffffff;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
}
.content-area {
	background: url(images/content-bg.png) right repeat-y;
	padding: 0 15px;
}
.inner-content-area {
	padding: 0 15px;
}
.left-content {
	float: left;
	width: 55%;
	padding: 40px 0 80px 0;
}
.wide-content {
	padding: 40px 0 80px 0;
}
.left-content p {
	text-align: justify;
}
.right-sidebar {
	float: right;
	width: 335px;
	padding: 50px 15px;
	background: #e5e5e5;
}
.right-sidebar p {
	margin-bottom: 0;
}
.inner-content-area .right-sidebar {
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 25px 15px;
}
.main-but {
	background: #1a6599;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	padding: 10px 18px;
	font-weight: bold;
	font-size: 15px;
	line-height: 19px;
}
.main-but:hover {
	background: #177fc8;
	text-decoration: none;
}
.project-box {
	padding: 15px 0;
	border-bottom: 5px solid #e5e5e5;
}
.project-box img {
	float: left;
	border: 10px solid #e5e5e5;
	width: 30%;
}
.project-text {
	float: right;
	width: 65%;
}
.project-text h2 {
	margin-top: 0;
}
.project-text p {
	font-size: 13px;
	line-height: 19px;
}
.project-text div {
	border-bottom: 1px solid #c7c7c7;
	padding: 4px 0;
}
.entry-content ul, .entry-content ol {
	margin: 0;
	padding: 0 0 0 25px;
	font-size: 14px;
}
.entry-content ul li, .entry-content ol li {
	padding-bottom: 10px;
}
#footer {
	background: #023d66;
	padding: 40px 0;
}
#footer .wrapper {
	text-align: center;
}
#footer .greyline {
	background: #356485;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul li {
	display: inline-block;
	border-right: 1px solid #ffffff;
	padding: 0 6px;
	margin: 2px 0;
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
}
#footer ul li a {
	color: #ffffff;
	text-decoration: none;
}
#footer ul li a:hover {
	color: #3fa2e7;
}
#footer p {
	color: #ffffff;
	font-size: 13px;
	margin: 0;
}
.sitemap li {
	list-style: none;
}
.sitemap ul {
	margin: 0;
	padding: 20px 0 0 20px;
}
.sitemap ul li ul {
	padding: 0 0 0 20px;
}
.sitemap ul li {
	line-height: 24px;
	list-style: disc;
	border-bottom: 1px solid #dedede;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.sitemap ul li ul li {
	line-height: 22px;
	list-style: circle;
	border-top: 1px solid #dedede;
	border-bottom: none;
	padding: 5px 0 0 0;
	margin: 5px 0 0 0;
}
.sitemap ul li a {
	color: #424242;
	text-decoration: none;
}
.sitemap ul li a:hover {
	color: #1a6599;
}
img.alignleft {
	float: left;
	margin: 0 20px 15px 0;
}
img.alignright {
	float: right;
	margin: 0 0 15px 20px;
}
.grey-box {
	padding: 20px;
	background: #f4f4f4;
}
/* ------------------- Contact Form --------------------- */
#contact-form label {
	float: left;
	width: 110px;
}
#contact-form label.blank-field {
	font-size: 1px;
	height: 1px;
	color: #ffffff;
}
#contact-form p {
	clear: both;
	padding: 12px 0 12px 0;
	line-height: 18px;
}
#contact-form input, #contact-form textarea, #contact-form select {
	border: 1px solid #c2c2c2;
	height: 18px;
	line-height: 18px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #434343;
	width: 300px;
	text-indent: 3px;
	float: left;
}
#contact-form select {
	width: auto;
	text-indent: 0;
}
#contact-form textarea {
	height: 80px;
	line-height: 15px;
}
#contact-form input.wpcf7-submit, #contact-form #submit {
	background: #1a6599;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 15px;
	line-height: 36px;
	height: 36px;
	border: none;
	cursor: pointer;
	width: 302px;
}
#contact-form input.wpcf7-submit:hover {
	background: #177fc8;
}
.red-text, .required {
	color: #b91919;
}
/* ---------------------------------------------- */
/* ------------------- Blog --------------------- */
#blog-content {
	float: left;
	width: 70%;
}
#blog-sidebar {
	float: right;
	width: 28%;
}
#blog-content h1 {
	border-bottom: 1px solid #dedede;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
#blog-sidebar h3 {
    background: #a1a1a1;
    color: #ffffff;
    height: 32px;
    line-height: 32px;
    padding: 0;
    text-indent: 10px;
	margin-top: 20px;
	font-size: 14px;
	clear: both;
}
#blog-sidebar ul {
	margin: 0;
	padding: 0 0 0 20px;
}
#blog-sidebar ul li {
	border-bottom: 1px solid #dedede;
	padding-bottom: 6px;
	margin-bottom: 6px;
	line-height: 19px;
	font-size: 14px;
}
#blog-sidebar ul li a {
	color: #5c5c5c;
	text-decoration: none;
}
#blog-sidebar ul li a:hover {
	text-decoration: underline;
}
#blog-content .greyline {
	margin: 30px 0 30px 0;
}
.post-thumbnail img {
	float: left;
	margin: 10px 30px 15px 0;
}
a.post-thumbnail img {
	max-width: 200px;
	height: auto;
}
input.wpcf7-submit {
	background: url(images/misc/grey-but.png) no-repeat;
	text-align: center;
	font-size: 16px;
	width: 147px;
	height: 34px;
	line-height: 30px;
	color: #383838;
	border: none;
	cursor: pointer;
	margin: 0 auto;
	margin-top: 6px;
	text-indent: 0;
}
.ajax-loader {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.search-form label span {
	display: none;
}

input.search-field {
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-indent: 8px;
    width: 99%;
	border: 1px solid #CDCDCD;
    border-radius: 5px;
    background: #ffffff url("images/misc/search-icon.png") no-repeat right center;
}
input.search-submit {
	display: none;
}
.entry-meta {
	background: #dfdfdf;
	padding: 8px 12px 8px 12px;
	margin: 20px 0 40px 0;
	font-weight: bold;
}
.posted-in {
	float: left;
	width: 300px;
}
.comments-link {
	float: right;
	width: 200px;
	text-align: right;
}
#blog-content .float-title {
	float: left;
	width: 500px;
	margin: 0;
	padding: 0;
	border: none;
}
#blog-content h2 a, #blog-content h3 a {
	color: #5c5c5c;
	text-decoration: none;
}
#blog-content h2 a:hover, #blog-content h3 a:hover {
	text-decoration: underline;
}
small {
	font-size: 12px;
	padding-top: 5px;
}
small.float-right {
	float: right;
	width: 150px;
	text-align: right;
}
.comment-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list li {
	border-bottom: 1px dotted #cccccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.comment-respond {
	padding: 5px 30px 30px 30px;
	background: #dfdfdf;
	margin-top: 20px;
}
/* ---------------------------------------------- */
.float-right {
	float: right !important;
}
.no-padding {
	padding: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.no-padding-right {
	padding-right: 0 !important;
}
.no-padding-btm {
	padding-bottom: 0 !important;
}
.no-padding-left {
	padding-left: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-right {
	margin-right: 0 !important;
}
.no-margin-btm {
	margin-bottom: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.display-none {
	display: none !important;
}
.align-right {
	text-align: right !important;
}
.align-center {
	text-align: center !important;
}
.no-border {
	border: none !important;
}
.mobile-only {
    display: none;
}
img {
	max-width: 100%;
	height: auto;
}
@media only screen and (max-width: 1020px) {	

#contact-form label, #contact-form input, #contact-form select, #contact-form textarea, #contact-form input.wpcf7-submit {
    width: 100%;
}
.wrapper {
    padding-left: 3%;
    padding-right: 3%;
    width: 94%;
}
.content-container {
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}
.header-overlay {
	bottom: 20px;
	right: 0;
}
.content-area {
	background: none;
}
.right-sidebar, .inner-content-area .right-sidebar {
	padding: 50px 5%;
	width: 30%;
	margin-top: 40px;
}
}
@media only screen and (max-width: 680px) {	

.header-overlay {
	width: 85%;
	padding: 12px 4%;
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	background-color: rgba(0,0,0,0.5);
}
#logo {
	float: none;
	width: 100%;
	text-align: center;
	padding-bottom: 0;
}
#right-header {
	float: none;
	width: 100%;
	text-align: center;
}
.left-content {
	float: none;
	width: 100%;
	padding: 20px 0;
}
.right-sidebar, .inner-content-area .right-sidebar {
	float: none;
	width: 90%;
	padding: 20px 5%;
	margin: 0 0 20px 0;
	text-align: center;
}
#container {
	background: none;
}
.non-mobile {
    display: none;
}
.mobile-only {
    display: block;
}
#footer {
    padding: 40px 0 10px;
}
#blog-content,#blog-sidebar,#blog-content .float-title {
	float: none;
	width: 100%;
}
.two-column {
	float: none;
	width: 100%;
}
.project-box img {
	float: none;
	width: 90%;
}
.project-text {
	float: none;
	width: 100%;
}
}