/*
Theme Name: Archi-Me
Theme URI: http://archi-me.com
Description: Customised Wordpress Theme
Author: Henderson Web Design
Author URI: http://hendersonwebdesign.com/
Tags: custom header, fixed width, two columns, widgets


	This theme was designed and built by Henderson Web design
	

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */

	* {
margin:0px;
padding:0px;
background-repeat:no-repeat;
}

html, body {
	height: 100%;
	width:100%;
}


body {
background-image:url(img/backdrop1.jpg);
background-repeat:repeat-x;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:11px;
background-color:#4687BD;
}
p {
margin-bottom:10px;
line-height:1.8em;

}
a img {
border:none;
}
a, a:link, a:visited {
text-decoration:none;


color:#0066CC;
}
a:hover {
color:#0080FF;
}
ul {
margin-left:5px;
}
li {
padding-top:1px;
padding-bottom:12px;
padding-left:20px;
list-style:none;
background-image: url(img/bullet.png);
}

h1,h2{
font-family: AvantGarde, Verdana, Helvetica, Arial, sans-serif;
padding-top:15px;
margin-bottom:25px;
font-weight:bold;
color:#B8672B;
font-size:2.8em;
}
h2 {
font-size:1.8em;
padding-top:0px;
margin-bottom:10px;
}
h3 {
font-weight:normal;
font-size:1.4em;
padding-top:0px;
margin-bottom:5px;
color:#0066CC;

}
#pageContent h2 {
color:#0066CC;
}

#wrapper {
background-image:url(img/backdrop2.png);
background-repeat:no-repeat;
background-position:  top;
width:100%;
margin:0 auto;
}
#container {
padding-top:25px;
margin: 0 auto;
width:910px;

}
#header {
padding:25px;
padding-top:90px;
padding-bottom:0px;
width:860px;
height:152px;
background-image:url(img/header_bg.png);
margin-bottom:00px;
}

#mainContainer {
width:910px;
}

#mainContainer #top, #mainContainer #bottom{
display:block;
width:910px;
height:10px;
background-image:url(img/maincontainer_top.png);

}
#mainContainer #bottom{background-image:url(img/maincontainer_bottom.png);}
#mainContainer #content {
background-image:url(img/maincontainer_slither.png);
width:910px;
background-repeat:repeat-y;
}

#mainContainer #content  #pageContent{

width: 630px;
padding-left:23px;
padding-right:23px;
}
#mainContainer #content  #sidebar{
float:right;
margin-right:16px;
margin-top:3px;
margin-bottom:3px;
width:204px;

}
#sidebar h2 { 
font-size:1.3em;
padding-bottom:3px;
margin-bottom:0px;
}


#footer {
width:880px;
height:107px;
display:block;
padding:15px;
padding-top:30px;
background-image:url(img/footer_bg.png);
}
#footer .floatRight {
text-align:right;
color:#009FC2;
padding-top:15px;
}
.floatRight {
float:right;
padding-left:10px;

}
.thumbs {
width:250px;
}


.push {
width:500px;
clear:both;
}
.pagePush {
width:910px;
height:20px;
display:block;
clear:both;
}
.moofulogo {
display:inline-block;
width: 121px;
height:91px;
background-image:url(img/moofu_logo.png);
text-indent:-999px;
overflow:hidden;
float:left;

}

.youtubelogo {
margin-left:20px;
display:inline-block;
width: 121px;
height:91px;
background-image:url(img/youtube_logo.png);
text-indent:-999px;
overflow:hidden;
float:left;
}

.twitterlogo {
margin-left:20px;
display:inline-block;
width: 207px;
height:91px;
background-image:url(img/twitter_logo.png);
text-indent:-999px;
overflow:hidden;
float:left;
}

.flickrlogo {
margin-left:20px;
display:inline-block;
width: 150px;
height:91px;
background-image:url(img/flickr_logo.png);
text-indent:-999px;
overflow:hidden;
float:left;
}

#header #logo {
display:block;
width:305px;
height:84px;
text-indent:-999px;
overflow:hidden;
background-image:url(img/archi-me_logo.png);

}

#header #menu {
width:445px;
font-family: AvantGarde, Verdana, Helvetica, Arial, sans-serif;
text-transform:uppercase;
font-size:12px;
height:20px;
padding-top:30px;
}
#header #menu ul{
padding:0px;
margin:0px;
width:445px;
height:20px;
}
#header #menu ul li{

padding:0px;
margin:0px;
height:19px;

float:left;

}
#header #menu ul li a, #header #menu ul li b {
padding:0px;
display:block;
height:19px !important;
background-image:url(img/menu.png);
background-repeat:no-repeat;
text-indent:-999px;
overflow:hidden;
}
#header #menu ul li#home a 			{width:41px; background-position:0px 0px;}
#header #menu ul li#eval a 			{width:112px; background-position:-41px 0px;}
#header #menu ul li#services a 	{width:65px; background-position:-153px 0px;}
#header #menu ul li#examples a 	{width:71px; background-position:-218px 0px;}
#header #menu ul li#news a 		{width:44px; background-position:-289px 0px;}
#header #menu ul li#contact a 		{width:62px; background-position:-333px 0px;}

#header #menu ul li#home a:hover, #header #menu ul li#home b 					{width:41px; background-position:0px -21px;}
#header #menu ul li#eval a:hover, #header #menu ul li#eval b 						{width:112px; background-position:-41px -21px;}
#header #menu ul li#services a:hover, #header #menu ul li#services b 	 	{width:65px; background-position:-153px -21px;}
#header #menu ul li#examples a:hover, #header #menu ul li#examples b  	{width:71px; background-position:-218px -21px;}
#header #menu ul li#news a:hover, #header #menu ul li#news b  			{width:44px; background-position:-289px -21px;}
#header #menu ul li#contact a:hover, #header #menu ul li#contact b  			{width:62px; background-position:-333px -21px;}


#header #menu ul li#news_active a 		{width:44px; background-position:-289px -21px;}
#header #menu ul li#news_active a:hover 		{width:44px; background-position:-289px 0px;}

.row {
padding-bottom:5px;
}
.row .label {
padding-bottom:5px;

}
.row input, .row textarea, .row select {
width:300px;
padding:2px;

}
.errorbox {
width: 290px;
padding:5px;
border:1px #dedede solid;
}
.error {
width:306px;
text-align:right;
padding-top:2px;
padding-bottom:5px;
color:#B8672B;

}
.youtubeContainer {
width:480px;
height:385px;
clear:both;
margin: 0 auto;

}
.submit {
width:300px;
text-align:right;
}
button, a.button {
color:#000;
cursor:pointer;
font-size:12px;
display:inline-block;
width:124px;
padding-left:15px;
padding-bottom:5px;
height:35px;
border:none;
background:none;
background-image:url(img/button_bg.png);
background-repeat:no-repeat;
}
a.button { padding-top:10px;
padding-left:21px;
margin-bottom:10px;
width:102px;
height:20px;
}
button:hover, a.button:hover{
background-position: 0 -35px;
}

#map_canvas {margin-top:10px;}

.exampleContainer {
padding:5px;
margin-top:5px;
margin-bottom:5px;
border:1px #dedede solid;
}
.exampleContainer img{
float:left;
padding-right:5px;

}

.exampleContainer  p {
margin-bottom:0px;
}
.firstThumb {
display:inline-block;

padding-bottom:15px;

}
.galleryContainer a{ 
display:inline-block;
padding-right:3px;
padding-bottom:5px;

}

.news {
width:204px;
}
.news .item {
width:204px;
margin-bottom:10px;
display:inline-block;
}
.news .item a.title {
font-size:1.3em;
display:inline-block;
color: #000000;
padding-bottom:3px;
}
.news .item a.title:hover {
color:#0066CC;
}

.news .item p {
line-height:1.4em;
margin-bottom:5px;
}
.news .item .button {

display:inline-block;
}
.exampleContainer .push {
clear:both;
width:600px;
display:inline-block;
}

.wordpress_info {
text-align:center;
display:block;
width:910px;
height:30px;
margin:0 auto;
color:#fff;
padding-bottom:10px;
}
.wordpress_info a {
color:#fff;
text-decoration:underline;
}

.wordpress_info a:hover {
color:#ccc;

}
#sidebar ul {
width:200px;
margin :0px;
padding:0px;
padding-bottom:5px;
}

#sidebar ul li{ 
margin :0px;
padding:0px;
background:none;
padding-bottom:3px;
}

textarea#comment {
width:630px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:1.1em;
}
#sidebar #searchform {
padding-bottom:10px;
}
#sidebar #searchform input#s{ 
padding:2px;
width:133px;
}
#sidebar #searchform label{
display:none;


}
.navigation {
font-size:1.3em;
width:630px;
padding-top:10px;
height:30px;
}

.navigation .alignleft {
float:left;
}
.navigation .alignright {
float:right;
}
.post .postmetadata {
color:#666;
padding-top:10px;
clear:both;
display:inline-block;
width:640px;
text-align:center;
padding-bottom:20px;
border-bottom:1px #B8672B solid;
margin-bottom:20px;
}
#sidebar ul.children {

margin:0px;
margin-top:3px;
}
#sidebar ul.children {
background-image: url(img/bullet.png);
margin-left: 15px;
padding-left:20px;
}