/*  
Theme Name: Square360
Theme URL: http://www.square360.com
Description: Square360
Version: 1.5
Author: Brian Milea
Author URL: http://www.square360.com/
*/


/* 
////////////////////////
GLOBAL STYLES
////////////////////////
*/



body { background: #2e2b1f url(images/body_bg.gif) no-repeat 50% top fixed;  width: 100%; }

#wrapper { background: url(images/wrapper_bg.png) 10px 0 no-repeat; margin: 0 auto; padding:0 10px; width: 1006px; }
#header{ border-bottom: 1px solid #58554c; margin: 0 0 35px 0; padding: 55px 0 45px 0; }
.row { clear:both; margin: 0 0 20px 0; width: 100%;   }

#header .title { float: left; height: 37px; margin: 0 20px 0 0; width: 208px;}
#header .title a:focus, #header .title a:hover, #header .title a:active { text-decoration:none; }
#header .title span { visibility: hidden; }
#header .tag { float: left; height: 15px; margin: 10px 0 0; width: 207px;  }
#header .tag span { visibility: hidden; }

/* NAVIGATION */
#header .navigation { float: right; margin: 10px 0 0 0; width: 436px; }
#header .page_item { float: left; }

/* ICONS */
.icon, .nsmullen, .bmilea, .pdrennan, .rwu { float: left !important; height: 47px; margin: .3em 10px 0 0 !important; width: 47px; }
.nsmullen, .authorImages .page-item-17 { background: url(images/icons/nancy_icon.jpg) 0 0 no-repeat; }
.bmilea, .authorImages .page-item-18 { background: url(images/icons/brian_icon.png) 0 0 no-repeat;  }
.pdrennan, .authorImages .page-item-673 { background: url(images/icons/patrick_icon.jpg) 0 0 no-repeat;  }
.rwu, .authorImages .page-item-20 { background: url(images/icons/rainne_icon.jpg) 0 0 no-repeat; }
.admin { background: url(images/icons/admin_icon.jpg) 0 0 no-repeat; }

.imgLeft, .callouts .imgLeft { float: left; margin: 0 10px 10px 0; }

/* 
////////////////////////
HOME STYLES 
//////////////////////// 
*/
#container { float: left; margin: 0 15px 0 0; width: 550px; }
#container .mainContent { width: 500px; }

.recentWork { float: right; width: 436px; }
.currentPost { float: left; margin: 0 20px 0 0; width: 322px; }
.services { float: left; margin: 0 20px 0 0; width: 208px; }
.favorites, .contact { float: left; width: 550px; }
.contact { margin:15px 0 0; }


.recentWork li { border-top: 1px solid #3f3c30; clear: both; padding: 7px 0; position:relative; }
.recentWork .date { float: left; margin:0 .5em 0 0; width: 12%; }

.currentPost .post { background: #39362a; margin:1em 0; padding: 8px; }
.currentPost h2, .currentPost p.author { float:left; width:249px; }
.currentPost p { margin:0; }

.services li { background: url(images/list_plus_dk.gif) left center no-repeat; line-height: 1em; margin: 10px 0 0 0; padding: 0 0 0 10px; }
.services li.more { background: none; }

.services .award { margin:25px 0 0; }
.services .award li { background: none; float:left; margin:0 0 10px ; padding: 0 10px 0 0; }

.favorites .date { margin: 0 0 .5em 0; }
.favorites .img { float: left; margin: 0 20px 5px 0; width: 94px; }
.favorites .info { float: left; margin: 0 0 5px 0; width: 331px; }

.contact .address, .contact .phone{ float: left; width: 50%; }


/* 
////////////////////////
ABOUT STYLES 
//////////////////////// 
*/
.aboutSection, .clientcontent { float: left; width: 778px; }
.aboutSection h6 { border-top: 1px solid #3f3c30; clear:both; padding: 1em 0 0 0; margin: 4em 0; }
.aboutSection .bio h6 { border-top: none; clear:both; padding:0; margin: 1em 0 0; }
.aboutSection img { float: left; margin: 5px 30px 15px 0;}

.aboutSection .aboutTao { float: left; margin: 0 20px 0 0; width: 436px;  }
.aboutSection .aboutServices { float: left; width: 322px;  }

.aboutSection ul, .aboutSection ol {margin:0 0 1.5em;}
.aboutSection ul li { background: url(images/list_plus_dk.gif) left .5em no-repeat; padding: 0 0 0 10px; }
.aboutSection ol li {  padding: 0 0 0 10px; }

.postList, .contactPage { float: left; margin: 0 20px 0 0; width: 550px; }
.postList .post { background:none; margin: 0 0 2.5em 0; padding:0; }
.postList .post p { clear:both; }
.postList .post img { float: left; margin: 0 10px 10px 0; }
.postList .author { margin:0 0 1em; }
.postList .date { float: left; width: 100px; }
.postList .content { float: right; width: 436px; }

.callouts, .bio { float: right; width: 208px; }
.callouts .aboutPages li { background:none; margin: 0 0 3em 0; padding:0; }

.clientlist { float: left; margin: 20px 0 0 0; width: 32%; }

.hidden { visibility: hidden; }

/* Contact form */
input, select { background: #39362a; border:0; display:block; padding: 5px; vertical-align: middle; width: 322px; }
fieldset { margin: 0 0 15px 0;  }
label { display: block; margin:0 0 5px;  }
textarea { background: #39362a; border:0; display: block; padding: 5px; width: 500px;  }
button { background: none; border: none; cursor: pointer; margin: 0 10px 0 0; padding:0; vertical-align: middle; }

/* Awards */
.aboutSection .awardPost { float:left; width:436px; }
.aboutSection .awardImg { float:right; width:180px; }

.aboutSection .awardList ul, .aboutSection .awardList ol { margin:.5em 0 2em 1.5em; }
.aboutSection .awardList li em, .aboutSection .awardList li span { }
.aboutSection .awardList li p { clear:both; }

.aboutSection .awardList ol li { float:left; list-style:none; padding:0; width:25%; }
.aboutSection .awardList ul li, .aboutSection .awardPost ul li { background:none; margin:0 0 5px; padding:0; }

.aboutSection .awardList img { margin:0 10px 0 0; }

.aboutSection .awardPost ul li{ padding-left:0; margin:0; }

/*
.aboutSection .awardList ul { margin:0 0 .5em 1.5em; }
.aboutSection .awardList ol {  margin:0 0 .5em 1.5em; }
.aboutSection .awardList li em, .aboutSection .awardList li span { float:left; width:35%; }
.aboutSection .awardList {  margin:1em 0 3em; }
.aboutSection .awardTxt { float:left; width:75%;}
.aboutSection .awardImg { float:right; text-align:right; width:20%;}
.aboutSection .awardList img { float:none; margin:0 4px 2px 0; }
*/

/* About subnav */
.aboutMenu { float: right; width: 208px; }
.menulist { margin: 0 0 2.5em 0; }
.menulist li { border-top: 1px solid #3f3c30;  padding: 7px 0;  position:relative; }

.authorlist  li { margin:0 0 .25em 0; }
ul.authorImages li { line-height:47px; margin:0 0 1em 0; min-height:47px; padding: 0 0 0 55px; } 

/* About personal info bar */
.aboutSection .bio div { margin:0 0 2em; }

/* 
////////////////////////
WORK STYLES 
//////////////////////// 
*/

.workSection { clear: both; }
.workSection .post { margin: 0 0 2.5em 0; }
.workSection .date { float: left; margin:0 10px 0 0;  width: 100px; }
.workSection .content { float: left;  width: 320px; }
.workSection .slideshow { float: right; width: 550px; }

.keywords ul, .awards ul { margin:0 0 .5em; }
.keywords li, li.keywords, .awards li, li.awards { background:none; float:left; margin:0 7px 0 0; }
.clientsList, .keywordList, .yearList { margin:0 0 1em; }

.taglist h6 { margin:1.5em 0 0; }

/* 
////////////////////////
FOOTER STYLES
//////////////////////// 
*/
#footer{ clear: both; padding: 10px 0 0 0; }
#footer .footernav { float: left; margin:.5em 0 0; width: 655px; }
#footer .footernav li { border-right: 1px solid #3f3c30; display: block; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; line-height: 1em; position:relative; }



/* 
////////////////////////
CLEARS
//////////////////////// 
*/
#wrapper:after, 
#header:after,
.post:after, 
.contactBlk:after,
.favorites ul li:after, 
.currentPost .post:after, 
.keywords ul:after,
.awards ul:after,
.aboutSection .awardList:after, .aboutSection .awardList li:after, .aboutSection .awardList ol:after,
.clientsList:after, .keywordList:after, .yearList:after, 
.contact:after, 
.authorlist ul li:after, 
.aboutBlock:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden; width: 100%; }