/*
Theme Name: informationarchitech
Theme URI: http://informationarchitech.com
Description: 
Version: 1.0
Author: Aaron Lozier
Author URI: http://informationarchitech.com
Tags: 

*/

*{margin:0;padding:0;}
body{
background-image:url(/wp-content/themes/informationarchitech/images/body.gif);
background-attachment: fixed;
font-size: 62.5%;
}
.center {
width:999px;
margin:0 auto 0 auto;
position: relative;
font-family: arial;
color: #3d3d3d;
text-decoration: none;
word-spacing: normal;
text-align: left;
letter-spacing: 0px;
}

.container{width:999px;
float:left;display:inline;

}
div#container_top{
margin: 15px 0 15px 0;
background-image:url(/wp-content/themes/informationarchitech/images/container_top.jpg);
background-position: top left;
background-repeat: no-repeat;
padding-top: 18px;
}
div#container_bot{
background-image:url(/wp-content/themes/informationarchitech/images/container_bot.jpg);
background-position: bottom left;
background-repeat: no-repeat;
padding-bottom: 15px;
}
div#container_mid{
background-image:url(/wp-content/themes/informationarchitech/images/container_mid.jpg);
background-position: top left;
background-repeat: repeat-y;
padding: 1px 8px 0px 1px;
}
div#header{
width:990px;
height:171px;
background-image:url(/wp-content/themes/informationarchitech/images/header.gif);
background-repeat:no-repeat;
float:left;display:inline;
padding: 16px 0 0 0; /* to make room for top bar */
}
div#header div.top_bar{
width: 712px;
height: 24px;
position: absolute;
top:16px;
left:1px;
padding: 5px 0px 0 20px;
}
div#header div.row{
float:left;display:inline;
width:100%;
}
div#header div.main_menu{
width: 754px;
height:100px;
float:left;display:inline;
font-size: 1.1em;
}
div#header div.main_menu a {
text-decoration: none;
color: #00154F;
}
div#header div.main_menu a:hover{
text-decoration: underline;
}
div#header div.logo_box{
width:190px;
padding: 5px 5px 5px 10px;
float:left;display:inline;
}
div#header div.logo_box a#logo{
display:block;float:left;display:inline;
width: 67px;
height:146px;
background-image:url(/wp-content/themes/informationarchitech/images/logo.jpg);
text-decoration:none;
float:left;display:inline;
}
div#header div.logo_box div.logo_info{
float:left;display:inline;
width: 108px;
margin-left: 10px;text-align: justify;
}
div#header span.social_links{
float:right;display:inline;
}
div#header span.social_links a img
{
border: 0px;
}
div#header span.social_links a {
text-decoration: none;
color: #4F4F4F;
}
div#header span.social_links a:hover{
text-decoration: underline;
}
div.logo_info span.information{
font-size: 1.75em;
letter-spacing: 1px;
color:#475F7F;
}
div.logo_info span.lafayette{
font-size: 1.70em;
letter-spacing: 1px;
color:#475F7F;
}
div.logo_info span.architech{
font-size: 1.9em;
letter-spacing: 3px;
color: #889FBF;
}
div.logo_info span.architech span.tech
{
color: #14304F;
}
div.logo_info span.services{
font-size: 0.9em;
line-height: 2em;

}
div#header div.logo_box a#logo span{
visibility:hidden;
}

div#body{
float:left;display:inline;
line-height: 1.4em;
font-size: 1.3em;
}
div#body p,
div#body h1 {
margin: 1em 0 1em 0;
}
div#body .left h2,
div#body .left h1{
font-size: 1.5em;
font-family: "Century Gothic", Trebuchet MS;
}
div#body .left{
width: 715px;
padding: 20px;
float:left;display:inline;
}
div#body .left ul,
div#body .left ol 
{
margin-left: 40px;
}
div#body .right{
width:185px;
padding: 0px 10px 10px 10px;
float:left;display:inline;
}
#recent_news {
width: 248px;
height: 143px;
margin: 6px 0 0 20px;
border: 1px solid #D2D9E1;
float:left;display:inline;
}
#categories {
width: 171px;
height: 143px;
margin: 6px 0 0 20px;
border: 1px solid #D2D9E1;
float:left;display:inline;
}

#recent_work {
width: 250px;
height: 145px;
margin: 6px 0 0 20px;
background-color: #EFEFEF;
float:left;display:inline;
}
#recent_work h4,
#recent_news h4,
#categories h4
 {
background-color:#889FBF;
padding: 5px;
color: #EFEFEF;
}
#recent_work ul,
#recent_news ul,
#categories ul {
margin:0;padding:0;list-style:none;
}
#recent_news ul,
#categories ul{
margin: 5px 0 0 5px;
}
#recent_work ul li {
padding: 5px;
}
#recent_work ul li img.thumbnail{
float:left;display:inline;
border: 2px solid white;
margin-right:5px;
}
#recent_work ul li span.title{
font-weight:bold;
}
div#sidebar h2 {
margin: 1em 0 1em 0;
}
#sidebar {
padding: 0;
}
#sidebar ul {
margin:0;list-style:none;
}
div.projects h2{

}
div.project{
margin: 15px 0 0 0;
border-top: 2px solid #D2D9E1;
padding: 15px 0 0 0;
}
div.project img {
display: block;
float:right;display:inline;
margin: 0 0 15px 15px;
}
div.project img,
div.project a img{
border: 2px solid #D2D9E1;
}
div#twitter_feed{
}
div#twitter_feed ul {
margin: 0;
}
div#twitter_feed ul li {
width:175px;
overflow:hidden;
background-color: #EFEFEF;
margin-bottom: 5px;
padding: 5px;
}
textarea {
width: 500px;
}