/*	v0.2		Yamin Tengono (Yamin.Tengono@arup.com)	*/

/** RESET **/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold}
q:before, q:after{content:''}
strong{font-weight:bold}
em{font-style:italic}
a img{border:none}

/** LAYOUT **/
.alignCenter{display:block; margin:0 auto;}
.alignLeft{float:left;}
.alignRight{float:right;}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/** SITE **/
html, body{height:100%; background-color:#000; background:url(http://fieldsofactivity.com/wp-content/background-images/background.jpg) fixed center no-repeat;}
body, table{font-size:12px; font-family:Helvetica,Arial,sans-serif; color:#000;}
#site-wrap{width:960px; height:100%; margin-top:0px; text-align:left;}
#site-content{width:940px; margin-left:10px;}
#site-gap{height:5px;}

/** TYPOGRAPHY **/
p {font-size:12px; line-height:1.2; margin-top:5px; margin-bottom:5px; text-align:left; color:#000;}
h2{font-size:20px; font-weight:bold; line-height:1.1;}
h3{font-size:14px; font-weight:bold; line-height:1.1;}
h4{font-size:12px; font-weight:bold; line-height:1.1;}
a, a:visited, a:hover {color:#FFF; text-decoration:none;}
.sg-content p{line-height:1.8; margin-bottom:20px;}
.sg-content p a{color:#000; text-decoration:underline;}
#footer p{font-size:10px; color:#FFF;}

/** HEADER **/
#hdrTop{float:left; width:940px; margin-top:0px;}
#aruplogo{clear:both; margin-top:0px;}
#hdrBtm{float:left; width:940px; margin-top:30px;}
#site-title{float:left; width:520px;}
#site-desc{float:right; width:410px;}

/** CONTENT **/
#content{float:left; width:940px; margin-top:30px;}

/** FOOTER **/
#footer{width:960px; margin-top:20px; padding-bottom:0px; border-top:1px solid #C9C9C9;}

/** SIDEBARS **/
#sbar-sm-green{width:166px; padding-bottom:10px; margin-bottom:10px; background:url(http://fieldsofactivity.com/wp-content/background-images/green_trans.png) repeat;}
#sbar-lg-green{width:200px; padding-bottom:10px; margin-bottom:10px; background:url(http://fieldsofactivity.com/wp-content/background-images/green_trans.png) repeat;}
#sbar-lg-blue{width:200px; padding-bottom:10px;  margin-bottom:10px; background:url(http://fieldsofactivity.com/wp-content/background-images/blue_trans.png) repeat;}

#sbar-sm-green h3,
#sbar-lg-green h3,
#sbar-lg-blue h3{padding:5px; color:#FFF; background-color:#000;}

#sbar-sm-green li,
#sbar-lg-green li,
#sbar-lg-blue li{padding:5px;}

/** FRONT **/
#frTop{float:left; width:940px;}
#frTop-left{float:left; width:520px;}
#frTop-right{float:right; width:420px;}

#frBtm{float:left; width:940px; margin-top:40px;}
#frBtm-left{float:left; width:520px;}
#frBtm-left1{float:left; width:166px;}
#frBtm-left2{float:right; width:343px;}
#frBtm-left3{float:left; width:166px;}
#frBtm-left4{float:right; width:166px;}
#frBtm-right{float:right; width:410px;}
#frBtm-right1{float:left; width:200px;}
#frBtm-right2{float:right; width:200px;}

.featured-wrap{width:520px; float:left}
.featured-post{position:relative; width:520px; height:320px;}
.featured-title{position:absolute; bottom:0; background:#000; display:block; width:100%; z-index:101;}
.featured-title h2{padding:5px 5px 15px;}

.latest-wrap{width:200px; margin-left:10px; float:left;}
.latest-post{position:relative; width:200px; height:155px; margin-bottom:10px}
.latest-title{position:absolute; bottom:0; background:#000; display:block; width:100%; z-index:101;}
.latest-title h4{padding-left:5px; padding-right:5px; padding-top:5px; padding-bottom:10px;}

/** SINGLE POST **/
#sg-left{float:left; width:520px;}
#sg-right{float:right; width:410px;}
#sg-right-c1{float:left; width:200px;}
#sg-right-c2{float:right; width:200px;}

.sg-wrap{width:520px; padding-bottom:10px;}
.sg-title{padding:10px 10px 20px; background-color:#000; color:#FFF;}
.sg-content{margin-top:-5px; padding:5px 10px 10px; background-color:#FFF;}

.sg-details{width:520px; margin-top:10px; background:url(http://fieldsofactivity.com/wp-content/background-images/blue_trans.png) repeat;}
.sg-details-title{padding:5px 10px 5px; background-color:#000; color:#FFF;}
.sg-details-content{padding:5px 10px 10px;}
.sg-details-content a {text-decoration:underline;}
.sg-details-categories{float:left;}
.sg-details-tags{float:right;}
.sg-details-date{float:left;}
.sg-details-author{float:right;}

.sg-comments{width:520px; margin-top:10px;}
#comment-have h3{margin-bottom:0px; padding:5px 10px 5px; background-color:#000; color:#FFF;}
#comment-list{padding:5px 5px 5px; margin-bottom:10px; background:url(http://fieldsofactivity.com/wp-content/background-images/blue_trans.png) repeat;}
#comment-wrap{padding:5px 5px;}

.comment-reply{padding:5px 10px 5px; margin-bottom:0px; background-color:#000; color:#FFF;}
#comment-body{width:500px; margin-top:-5px; padding:5px 10px 10px; background:url(http://fieldsofactivity.com/wp-content/background-images/blue_trans.png) repeat;}
#comment-author,
#comment-email,
#comment-url,
#comment-area{width:495px; margin-bottom:5px;}
#comment-submit{border:0; background-color:#AFAFAF; color:#383838;}

/** ARCHIVES **/
/* Use single post positioning and sidebar */
#ar-left{float:left; width:520px;}
/*#ar-left h2{background-color:#000; color:#FFF; padding:5px 10px 5px;}*/

.ar-post{margin-top:20px;}
.ar-post h3{background-color:#000; color:#FFF; padding:5px 10px 5px;}

.ar-post-content{background-color:#FFF; padding:5px 10px 5px;}
.ar-post-content p{line-height:1.8; margin-bottom:20px;}
.ar-post-content p a{color:#000; text-decoration:underline;}

.ar-post-meta{width:520px; background:url(http://fieldsofactivity.com/wp-content/background-images/blue_trans.png) repeat;}
.ar-post-meta-title{padding-left:10px; padding-right:10px; background-color:#000; color:#FFF;}
.ar-post-meta-content{padding:5px 10px 10px;}
.ar-post-meta-content a {text-decoration:underline;}
.ar-post-meta-categories{float:left;}
.ar-post-meta-tags{float:right;}
.ar-post-meta-date{float:left;}
.ar-post-meta-author{float:right;}

/** CONTRIBUTORS **/
/* Use single post positioning and sidebar */
#contrib-left{float:left; width:520px;}
/*#contrib-left h2{background-color:#000; color:#FFF; padding:5px 10px 5px;}*/