/*
Theme Name: Architect
Theme URI: http://designcoded.com/architect/
Author: Design Coded
Author URI: http://designcoded.com/
Description: A semantic, HTML5, WordPress theme. Built off of Toolbox by Automattic.com.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready, post-formats

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Structure
-------------------------------------------------------------- */
*{margin:0; padding:0;}


body {
	background:#6b778f;
	font-family:"Droid Sans", arial, tahoma, sans-serif;
	font-size:14px;
	}

#pagewrapper{
	background:#eff0f2 url(img/bg.jpg) top left repeat-x;
}
	
#wrapper {
	width:1000px;
	margin: 0 auto;
	padding:0;
	background:url(img/container.png) top center;
	color:#333;
	overflow: hidden;
}
.wrapper{
	width:1000px;
	margin:0 auto;
}
#primary {
	float: left;
	width:580px;
	overflow: hidden;
	background:url(img/content.png) bottom right repeat-x;
}
#colophon {
	clear: both;
	display: block;
	width: 100%;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.625em;
}

/* Text elements */
p {
	margin-bottom: 1.625em;
	line-height:20px;
}
#primary ul, #primary ol {
	margin: 0 0 1.625em 2.5em;
}
#primary ul {
	list-style: square;
	line-height:22px;
}
#primary ol {
	list-style-type: decimal;
}
#primary ol ol {
	list-style: upper-alpha;
}
#primary ol ol ol {
	list-style: lower-roman;
}
#primary ol ol ol ol {
	list-style: lower-alpha;
}
#primary ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
}
dl {
	margin: 0 1.625em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 1.625em;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
blockquote {
	font-family: "Georgia", Bitstream Charter, serif;
	font-style: italic;
	font-weight: normal;
	margin: 0 3em;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}
pre {
	background: #f4f4f4;
	font: 13px "Courier 10 Pitch", Courier, monospace;
	line-height: 1.5;
	margin-bottom: 1.625em;
	overflow: auto;
	padding: 0.75em 1.625em;
}
code, kbd {
	font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #666;
	cursor: help;
}
address {
	display: block;
	margin: 0 0 1.625em;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	background: #f3f3f3;
	border: 1px solid #dcdcdc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding:6px;
}
input[type="text"]:focus,
textarea:focus{background:#fff;}
input[type="submit"], input[type="button"]{
	border: 1px solid #bbb;
	color: #777;
	text-shadow: 0 1px 1px rgba(255,255,255,0.4);
	height: 34px;
	width:auto;
	text-align: center;
	padding: 0 8px;
	line-height: 34px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	background: #eee;
	background: -moz-linear-gradient(top, #fefefe 0%, #dedede 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#dedede));
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	     -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	        box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
	cursor:pointer;
}
input[type="submit"]:hover, input[type="button"]:hover{border:1px solid #999;}
textarea {width:75%;}

/* links */

a{
	color:#e96233;
	text-decoration:none;
	}

a:hover{color:#000;}

/* Increase the size of the content area for templates without sidebars */
.full-width #content,
.image-attachment #content,
.error404 #content {
	margin: 0;
}

/* Text meant only for screen readers */
.screen-reader-text,
.assistive-text {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
}
.alignright {
	display: inline;
	float: right;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/* =Header
-------------------------------------------------------------- */

#branding{
	background:#111e41 url(img/header.jpg) center no-repeat;
  	width:100%; 
  	height:136px;
	color: #fff; 
	clear:left;
}
.logo{
	float:left;
}
#site-title{
	font:bold 34px "Maven Pro", helvetica, arial, georgia, times;
	padding:33px 0 0 14px;
	margin:0;
	letter-spacing:-2px;
	}

	
#site-title a{color: #fff; text-decoration: none;}
#site-title a:hover{color: #ebebeb; text-decoration: none;}
#site-description {
	font-size:14px;
	font-weight:normal;
	color:#fff;
	padding: 0 0 0 14px;
	margin:0;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

#topsearch{
	padding:44px 14px 0 0;
	float:right;
	font-size:11px;
}

/* =Menu
-------------------------------------------------------------- */

#access {
	width:100%;
	display:block;
	float:left;
	background:#4b6a91;
    background: -moz-linear-gradient(top, #4b6a91 0%, #435f84 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b6a91), color-stop(100%,#435f84));
	border-top:1px solid #a4b1c1;
	border-bottom:1px solid #fff;
	font-size:15px;
}
#access ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	display: block;
	line-height: 22px;
	padding:6px 14px;
	text-decoration: none;
	color: #a4b1c1;
	text-shadow:1px 1px #3b5578;
}
#access ul ul {
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
	display: none;
	float: left;
	position: absolute;
	top: 2em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul ul a {
	background: #435f83;
	line-height: 1em;
	padding: .5em .5em .5em 1em;
	width: 10em;
	height: auto;
}
#access li:hover > a,
#access ul ul :hover > a {
	color:#fff;
}
#access ul ul a:hover {
	color: #fff;
}
#access ul li:hover > ul {
	display: block;
}
#access ul li.current_page_item a{color:#fff;}
#access ul li.current_page_item a:hover{color: #a4b1c1;}


/* =Content
-------------------------------------------------------------- */

.sticky {
}
.page-title{
	margin-bottom:14px;
}
.page .entry-title{
	margin-bottom:14px;	
}
.entry-meta, .entry-utility, .entry-info, .entry-meta h2.time{
	clear: both;
	padding:0;
	margin:0 0 14px 0;
	font-size:12px;
	font-weight:normal;
	}
.single-author .entry-meta .byline {
	display: none;
}
#content nav {
	display: block;
	overflow: hidden;
}
#content nav .nav-previous {
	float: left;
	width: 50%;
}
#content nav .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}
#content #nav-above {
	display: none;
	margin-bottom:14px;
}
.paged #content #nav-above,
.single #content #nav-above {
	display: block;
}
#nav-below {
	margin: 1em 0 0;
}
.page-link {
	clear: both;
	margin: 0 0 1em;
}
.page .edit-link {
	clear: both;
	display: block;
}
#primary {
	padding:14px 21px 20px 21px;
	margin:0;
	line-height: 22px;
	overflow:hidden;
	}
	
.post{
	margin-bottom:30px;
}
	
.post h1{
	font:bold 24px "helvetica neue", helvetica, arial, georgia, times;
	color: #2C2C2C;
	padding:0;
	margin:0;
	}
	
.post h1 a{
	color: #2C2C2C;
	text-decoration: none;
	}
	
.post h1 a:hover{
	color:#e96233;
	text-decoration: none;
	}
	
.post .metadata{
	font:normal 11px "helvetica neue", helvetica, arial, georgia, times;
	color: #888;
	border-bottom:1px dotted #ccc;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
	}
	
.read-more{
	margin:14px 0;
	display:block;
}

.entry p{margin:12px 0; color:#656565;}


/* 404 page */
.error404 .widget {
	float: left;
	width: 33%;
}
.error404 .widget .widgettitle,
.error404 .widget ul {
	margin-right: 1em;
}
.error404 .widget_tag_cloud {
	clear: both;
	float: none;
	width: 100%;
}

/* Notices */
.post .notice,
.error404 #searchform {
	background: #eee;
	display: block;
	padding: 1em;
}

/* Image Attachments */
.image-attachment div.entry-meta {
	float: left;
}
.image-attachment nav {
	float: right;
	margin: 0 0 1em 0;
}
.image-attachment .entry-content {
	clear: both;
}
.image-attachment .entry-content .entry-attachment {
	background: #eee;
	margin: 0 0 1em;
	padding: 1em;
	text-align: center;
}
.image-attachment .entry-content .attachment {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/* Aside Posts */
.format-aside .entry-header {
	display: none;
}
.single .format-aside .entry-header {
	display: block;
}
.format-aside .entry-content,
.format-aside .entry-summary {
	padding-top: 1em;
}
.single .format-aside .entry-content,
.single .format-aside .entry-summary {
	padding-top: 0;
}

/* Gallery Posts */
.format-gallery .gallery-thumb {
	float: left;
	margin: 0 1em 0 0;
}

/* Image Posts */
.format-image .entry-header {
	display: none;
}
.single .format-image .entry-header {
	display: block;
}
.format-image .entry-content,
.format-image .entry-summary {
	padding-top: 1em;
}
.single .format-image .entry-content,
.single .format-image .entry-summary {
	padding-top: 0;
}


/* =Images
-------------------------------------------------------------- */

a img {
	border: none;
}
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft {
	margin-right: 1em;
}
img.alignright {
	margin-left: 1em;
}
.wp-caption {
	padding: .5em;
	text-align: center;
}
.wp-caption img {
	margin: .25em;
}
.wp-caption .wp-caption-text {
	margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
	margin: 0;
}

.postimage{
    background: #fcfcfc;
    padding: 1px;
    border: 1px solid #c8c8c2;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1);
    box-shadow: 0 0 3px rgba(0,0,0,0.1);
	display:block;
	margin-bottom:14px;
}

.postimage:hover{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

/* =Forms
-------------------------------------------------------------- */

#searchform label {
	display: none;
}
#searchform input#s {
	width: 60%;
}
input[type=text],
input#s {
	margin: 0 1em 0 0;
	width: 60%;
}
textarea {
	width: 80%;
}

/* Class for labelling required form items */
.required {
	color: #cc0033;
}


/* =Comments
-------------------------------------------------------------- */


#comments {
	word-wrap: break-word;
	margin-top:40px;
}
#comments-title {
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.025em;
	margin: 0 0 8px 0;
	padding: 2px;
}
#comments ol {
	list-style: none;
	margin-left: 0;
}
#comments ul {
	list-style: none;
	margin-left: 0.425em;
}
#comments li {
	position: relative;
}
#comments li.pingback {
	background: #eee;
	margin: 0 0 1.7em;
	padding: 0.85em;
}
#comments li.pingback + li.pingback {
	margin-top: -1.65em;
}
#comments li.pingback p {
	font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
	margin: 0;
}
#comments ul li {
	border-bottom: none;
	margin: 14px 0 0 0.85em;
}
#comments .comment-author {
	margin: 0 0 0.85em 66px;
}
#comments .comment-author cite {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
}
#comments .comment-meta,
#comments .comment-meta a {
	color: #888;
	font: 12px "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
#comments .comment-meta a:hover {
	color: #df0000;
}
#comments .gravreply {
	padding:0;
	position: absolute;
	top: 14px;
	left: 0;
	width:50px;
	height:175px;
}
.comment-reply-link{
	position:absolute;
	top:45px;
	width:42px;
	height:20px;
	text-align:center;
	font-size:11px;
	background:url(images/reply.png) top left no-repeat;
	color:#6D6D6D;
	line-height:22px;
	}
#comments .avatar {
	position: absolute;
	top: 0;
	left: 0;
}
#comments .comment-body {
	margin-left: 66px;
}
#respond input[type=text] {
	float: left;
	margin: 0 10px 0 0;
}
#respond textarea{
	width:95%;
}
#respond .comment-form-comment {
	margin: 0;
}
#respond .comment-form-comment label {
	display: none;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}

.comment{
	border-bottom:1px solid #e3e3e3;
	padding:14px 0;
	}

#respond{margin-bottom:40px;}

.bypostauthor{}

/* =Widgets
-------------------------------------------------------------- */
/* left sidebar */

#left {
	width:188px;
	float:left;
	margin:0;
	padding:0 0 45px 0;
	background:#f4f3f8 url(img/left.png) bottom left no-repeat;
	}

/* right sidebar */

#right{
	width:188px;
	float:right;
	margin:0 0 20px 0;
	padding: 0;
	background:#fff url(img/right.png) top left repeat-x;
	}
	
.widget {
	display: block;
	font-size:11px;
}
.widget-title{
	font:bold 14px "helvetica neue", helvetica, arial, georgia, times;
	color: #555;
	margin: 0;
	padding:6px 14px;
	text-shadow:1px 1px #fff;
	text-align:left;
}
.widget-title a{
	color: #555;
}
.widget p{padding:0 14px;}
.widget li{
	list-style-type: none;
	background:url(img/li.png) bottom no-repeat;
	padding:0 1px 3px 0;
}
.widget ul ul li{background:none;}
.widget li a{
	color:#8a8b8f;
	display:block;
	padding:2px 10px 2px 14px;
	margin:0;
	}
.widget li a:hover{
	color:#e96233;
	text-decoration:none;
	background:#ededf3;
	}
	
.widget aside a{
	padding:2px 10px 2px 14px;
	background:url(img/li.png) bottom no-repeat;
	display:block;
}
.widget aside a:hover{
	color:#e96233;
	text-decoration:none;
	background:#ededf3;
}	
#recentcomments .url{
	padding:2px 0 2px 14px !important;
	}

.widget-area .widget_search {
	overflow: hidden;
}
.widget-area .widget_search input {
	float: left;
}
/* Calendar Widget */

.widget_calendar #wp-calendar {
	color: #555;
	width: 85%;
	text-align: center;
	margin:0 auto;
	padding:0;
}
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
	text-align: center;
}
.widget_calendar #wp-calendar caption {
	padding: 0 0 6px 0;
	margin:0;
	text-align:left !important;
	font:bold 14px "helvetica neue", helvetica, arial, georgia, times;
	color: #555;
	margin: 0;
	text-shadow:1px 1px #fff !important;
}
.widget_calendar #wp-calendar th {
	background: #f4f4f4;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
}

/* Twitter */
.tweets{margin-bottom:14px;}
.tweets li{padding:4px 14px 0; line-height:19px;}
.tweets li a{padding:2px 0 8px 0px; display:block;}
.tweets li a:hover{background:none; color:#333;}

/* tag cloud */
.tagcloud{padding:0 14px;}

/* =Search
-------------------------------------------------------------- */

#searchform{
	padding:0;
	margin:0;
	}


#searchform input#s {
	background:#101d41 url(img/search.png) left center no-repeat;
	background-position:14px 8px;
	float: right;
	font-size: 12px;
	height: 22px;
	padding: 3px 36px;
	width: 16%; 
	-webkit-transition-duration: 400ms; 
	-webkit-transition-property: width, background; 
	-webkit-transition-timing-function: ease; 
	-moz-transition-duration: 400ms; 
	-moz-transition-property: width, background; 
	-moz-transition-timing-function: ease; 
	-moz-border-radius: 22px;
	-khtml-border-radius: 22px;
	-webkit-border-radius: 22px;
	border-radius: 22px;
	border:1px solid #182c62;
	-moz-box-shadow:none;	
	-webkit-box-shadow:none;
	box-shadow:none;
	color:#aaa;
	outline-width: 0;
}
#searchform input#s:focus {
	background-color: #f9f9f9;
	width: 90%;
	color:#999; 
}



/* =Footer
-------------------------------------------------------------- */

#colophon {
	background:#828fa2;
    background: -moz-linear-gradient(top, #828fa2 0%, #6b778f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828fa2), color-stop(100%,#6b778f));
	clear: both;
	width: 100%;
	font-size:12px;
	overflow:hidden;
	text-shadow:1px 1px #525c6f;
	padding:12px 0;
	color: #fff; 
	text-align:center; 
	word-spacing:1px;
}

#colophon a{color: #fff;text-decoration: none; border-bottom:1px dotted #eee;}
#colophon a:hover{text-decoration: none; border-bottom:none;}