/* 
    Theme Name: iACTw
	Theme URI: http://www.justtheweb.com/
	Description: A custom theme developed for iACTw.
	Version: 1.0
	Author: Just The Web
	Author URI: http://www.justtheweb.com/
*/
/* CSS Document */

/* Reset - YUI 2 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,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 {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { 
	border:0;
}
 
/* General */
  
.clear { clear: both; }

.hidden	{
	display: none;
}

.margin {
	text-align: center;
}

.fix	{
	clear: both;
}

p {
	color: #333;
        font-size: 0.95em;
        padding: 5px 0px;
}

a {
        color: #93A83B;
        text-decoration: none;
}

/* Structure */

body	{
	font-family: Helvetica, Arial, sans-serif;
}       

* {
	text-rendering: optimizeLegibility;
}

.container	{
	width: 960px;
	margin: 0 auto;
}

#header	{
	background: url("includes/images/header-color-bg.png") repeat-y center top;
	width: 100%;
}

#header .logo	{
	z-index: -1;
	float: left;
}

#header .container	{
	height: 175px;
}

#header .search	{
	float: right;
        margin-top: 90px;
}

#header .search .button {
        text-indent: -9999px;
        background: transparent url("includes/images/search.png") no-repeat;
        border: none;
        cursor: pointer;
        width: 25px;
        height: 25px;
}

#header .search input {
        border: 1px solid #93A83B;
        height: 20px;
        padding-left: 5px;
        color: #666666;
}                       

#header #bgwrap { 
	background: url("includes/images/header-bg.png") no-repeat top right; 
	margin: auto;
	width: 1206px;                                                 
}

#menu-header-navigation ul a:hover {
        text-decoration: underline;
}

#menu-header-navigation ul a:hover {
        text-decoration: none;
}

#menu-header-navigation {
	float: right;
	margin-top: -40px;
    padding-left: 150px;
}

#menu-header-navigation li  {
    float: left;
    padding: 5px;
}

#menu-header-navigation li a    {
    color: #fff;
    text-decoration: none;
    font-size: 17px;
}

#menu-header-navigation ul {
    position: absolute;
    z-index: 500;
    top: 171px; 
    background: #72726F;
    padding: 5px;
    border: 1px solid #AAAAA9;
}

#menu-header-navigation ul li {
    float: none;
}

#menu-header-navigation ul ul {
    position: absolute;
    top: 0;
    left: 100%;
}

#menu-header-navigation ul li:hover {
    background-color: #BABABA;
}

#menu-header-navigation ul a {
    display: block;
}

#menu-header-navigation li:hover ul, #menu-header-navigation ul li:hover ul, #menu-header-navigation ul ul li:hover ul {
    display: block;
}

#menu-header-navigation ul, #menu-header-navigation ul li:hover ul, #menu-header-navigation ul li:hover ul ul {
    display: none;
}

#subHeader	{
	height: 170px;
	width: 100%;
	background: #5c5a57 url("includes/images/featurebox-bg.png") center;
}

#subHeader .featured	{
	float: left;
	height: 150px;
	margin-top: 30px;
    width: 560px;
}

#subHeader .featured p {
	color: #DAD8D8;
	font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif;
	font-size: 22px;  
	font-weight: 300;
}

#subHeader .buttons	{
	width: 245px;
	height: 145px;
	float: right;
	padding-right: 32px;
}

#subHeader .buttons p {
	color: #CCCCCC;
	font-size: 12px;
}

#subHeader .buttons .challenge	{
	float: right;
}

/* The reason for #content is because .container is used elsewhere such as the header */
#content .container	{
	background: #fff url("includes/images/psuedo-columns.png") repeat-y;
	padding-top: 25px;
        padding-bottom: 25px;
}

#frontPage .container	{
	background: #fff url("includes/images/psuedo-columns.png") repeat-y;
	padding-top: 25px;
}

.thumb	{
        float: left;
        padding: 0px 5px 5px 0px;
}

.sliderthumb {
   width: 100px;
   height: 100px;
}

.leftCol	{
	float: left;
	padding-right: 15px;
	width: 645px;
}

.rightCol	{
	width: 300px;
	float: right;
	text-align: center;
}

h1	{
	font-size: 24px;
} 

h2	{
	font-size: 20px;
	color: #93A83B;
} 
h2.single-cat-title { font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif; font-size: 26px; font-weight: 300; text-transform: uppercase; }


h3	{
	font-size: 18px;
} 

h4      {
        font-size: 16px;
}
                
/** ImgTeaser **/
/* Rollover css from http://www.sohtanaka.com/web-design/css-on-hover-image-captions/ */

.imgteaser {
	margin: 0;
	overflow: hidden;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a .desc {	
	display: none; 
}

.imgteaser a:hover .desc{
	display: block;
	font-size: 1.0em;
	background: #111;
	filter:alpha(opacity=75);
	opacity:.75;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 5px;
        padding: 10px;
	margin: 0 0 -1px 0px;
	width: 120px;
	border-top: 1px solid #999;
}

/** Sections **/

.section	{
	clear: both;    
	margin-bottom: 5px;
	padding: 5px;
	padding-left: 0px;
}          
.section.half { padding: 5px 0px; width: 50%; } 

.section h2 { margin-bottom: 10px; text-transform: uppercase; } 
.section h2 a { }
.section h2 a:hover, .section h2 a:active { color: #69782A; text-decoration: underline; }

.section h3	{
	font-size: 18px;
	color: #000;
	font-weight: bold;
}


.section .excerpt	{ 
	border-bottom: 1px solid #ddd;
	font-size: 14px;    
	margin-bottom: 5px;
	padding: 10px 0px 15px;    
}              

.section .excerpt .thumb { border: 1px solid #ccc; margin-right: 15px; padding: 5px; }
.section .excerpt h3 a, .section .excerpt h3 a:link, .section .excerpt h3 a:visited { color: #999; font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif; font-size: 19px; font-weight: 300; text-transform: uppercase; }
.section .excerpt h3 a:hover, .section .excerpt h3 a:active { color: #666; text-decoration: underline; } 
.section .excerpt a.readMore, .section .excerpt a.readMore:link, .section .excerpt a.readMore:visited { color: #93A83B; font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif; font-size: 19px; font-weight: 300; }
.section .excerpt a.readMore:hover, .section .excerpt a.readMore:active { color: #69782A; text-decoration: underline; }
                      
.section .imgteaser_box { border: 1px solid #e0e0e0; display: block; float: left; height: 120px; margin: 0px 5px 5px 0px; padding: 5px; width: 140px; }
.section .imgteaser .thumb { float: none; height: 120px; padding: 0px; width: 140px; }
                  
.section#contribute { border-top: 1px solid #ddd; padding-top: 12px; }
.section#articles { border-bottom: 1px solid #ddd; margin-bottom: 10px; padding-bottom: 12px; } 
.section#articles .imgteaser_box { margin-right: 7px; }

.section h3 a	{     
	color: #000;
	text-decoration: none;
}

.section .excerpt a.readMore{
	text-decoration: none;
	color: #93A83B;
	float: right;
	margin-right: 15px;
}

#projects	{
	width: 50%;
	float: left;
	clear: both;
}

#ethicalShopping	{
	width: 50%;
	float: right;
	clear: none;
}

/** Page Nav Links **/                             
            
.post_nav { margin: 10px 0px 0px; }
.post_nav a:hover, .post_nav a:active { color: #69782A; text-decoration: underline; }
.post_nav.left { float: left; }
.post_nav.right { float: right; }            
    
/** Post Styling **/

.hentry { font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; }

h2.entry-title { border-bottom: 1px solid #ccc; color: #888; font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif; font-size: 26px; font-weight: 300; margin-bottom: 10px; padding-bottom: 5px; }

.entry-meta { color: #aaa; font-size: 13px; margin: 10px 0px 8px; text-align: left; } 
                                                                                                        
.entry-content { color: #222; line-height: 18px; }
.entry-content p, .entry-content h3, .entry-content img { padding-bottom: 10px; padding-right: 10px; }
.entry-content strong { font-weight: bold; }
.entry-content em { font-style: italic; }
.entry-content iframe { }
.entry-content img { border: 1px solid #ddd; padding: 5px; margin: 5px; }
.entry-content img.full { clear: both; display: block; margin: auto; }
.entry-content ul, .entry-content ol { padding-left: 40px;  }
.entry-content li { list-style: square outside; color: #555; margin-bottom: 6px; padding-left: 10px; }        

.entry-content a {
   text-decoration: underline;
}
         
.entry-content h2 { line-height: 25px; }

.entry-content .intro, .entry-content h2 { color: #93A83B; font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif; font-size: 19px; font-weight: 300; line-height: 27px; margin-bottom: 5px; }

.entry-content .thumb { border: 1px solid #ddd; float: left; margin: 5px 10px 5px 0px; padding: 5px; } 
                                                                                  
                                
/** Share Links **/

.social_bookmark { background: #D4E3C1; border: 1px solid #93A83B; line-height: normal; margin-bottom: 10px; padding: 15px 0px; } 
.social_bookmark em { color: #93A83B; display: block; font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif; font-size: 19px; font-style: normal; font-weight: 300; margin-bottom: -5px; } 
.social_bookmark a.social_img, .social_bookmark a.social_img:link, .social_bookmark a.social_img:visited { -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #fff; border-radius: 4px; display: inline-block; margin-right: 10px; padding: 5px; }
.social_bookmark a.social_img img { padding: 0px; }

/** Comments **/
  
li.comment { border: 1px solid #ddd; margin-bottom: 10px; padding: 15px 10px; }

.comment-author .avatar { float: right; } 
.comment-author cite { color: #888; font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif; font-size: 22px; font-weight: 300; margin-bottom: 12px; }
.comment-author cite a, .comment-author cite a:link, .comment-author cite a:visited { color: #888; text-decoration: none; }
.comment-author cite a:hover, .comment-author cite a:active { color: #444; text-decoration: underline; }                 
                                                                                                                                               
.comment-meta a, .comment-meta a:link, .comment-meta a:visited { color: #888; font-size: 12px; font-style: italic; }
                                             
.comment-body { font-size: 14px; line-height: 17px; width: 82%; } 

.trackbacklist li a { background: url('includes/images/trackback.png') no-repeat left center; font-size: 12px; padding-left: 22px; }
.trackbacklist li { border-bottom: 1px solid #ccc; padding-bottom: 5px; margin-bottom: 5px; }

#comments {
         color: #93A83B;
         font-size: 16px;
         font-weight: bold;
         padding: 5px 0px;
}

.comment-meta {
         font-size: 0.8em;
         font-style: italic;
}

.reply a, #searchsubmit {
         background: #93A83B;
         border: 1px solid #CCC;
         color: white;
         cursor: pointer;
         padding: 5px;
}

.comment-body {

}
.nocomments {
    display: none;
}

#respond { border: 1px solid #ddd; margin-bottom: 10px; padding: 15px; }
#respond h3 { color: #888; font-family: 'Helvetica Neue', Helvetica, Verdana, Arial, sans-serif; font-size: 26px; font-weight: 300; margin-bottom: 10px; }
#respond input { font-family: 'Helvetica Neue', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 14px; font-weight: 300; padding: 5px; width: 200px; }
#respond textarea { padding: 7px; font-size: 14px; }                  

#respond input[type="submit"] {
        background: #93A83B;
        border: 1px solid #CCC;
        color: white;
        padding: 5px;
        cursor: pointer;
}          
#respond input[type="submit"]:hover {
	background: #666;
}

.item_image {
        float: left;
}

.item_image a {
        display: block !important;
}

#footer	{ background: #D1D1D1; font-size: 12px; min-height: 80px; width: 100%; }
#footer ul { color: #7F7C7C; float: left; padding: 15px 1.5%; width: 17%; }
#footer ul h3 { font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif; font-size: 19px; font-weight: 300; padding-bottom: 5px; }

#footer ul a, #footer ul a:link, #footer ul a:visited { color: #7F7C7C; }
#footer ul a:hover, #footer ul a:active { color: #555; text-decoration: underline; }
#footer ul a strong { color: #444; font-weight: bold; }                                                                         

#footer li { font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, sans-serif; font-size: 11px; padding-bottom: 5px; }
#footer p { color: #7F7C7C; }                                         

#footer .twitter_box { float: right; padding: 15px; width: 290px; }        
#footer .twitter_box h3 { font-family: 'Helvetica Neue', Helvetica, Verdana, sans-serif; color: #7F7C7C; font-size: 19px; font-weight: 300; padding-bottom: 5px; }                   
#footer .twitter_box h3 a, #footer .twitter_box h3 a:link, #footer .twitter_box h3 a:visited { color: #0084B4; text-decoration: none; }
#footer .twitter_box h3 a:hover, #footer .twitter_box h3 a:active { text-decoration: underline; }
#footer .twitter_box ul { padding: 5px 0px; width: 100%; }          
#footer .twitter_box a { text-decoration: underline; }
#footer .twitter_box li { border-bottom: 1px solid #bbb; font-size: 12px; margin-bottom: 10px; padding-bottom: 10px;  }                                            

#ads .bottomad { display: inline; width: 140px; }

#copyright { background: #9F9F9F; font-size: 12px; padding: 10px 0px; width: 100%; }
#copyright .left { color: #eee; float: left; line-height: 18px; padding: 6px 0px; }                                 
#copyright .left a, #copyright .left a:link, #copyright .left a:visited { color: #eee; text-decoration: underline; }
#copyright .right { float: right; }                                 

#copyright a.jtw, #copyright a.jtw:link, #copyright a.jtw:visited { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #ccc url('includes/images/jtw-trans.png') no-repeat 8px center; border-radius: 4px; color: #000; display: block; font-size: 11px; padding: 10px 10px 10px 50px; }
#copyright a.jtw:hover, #copyright a.jtw:active { background-color: #ddd; }
#copyright a.jtw span { display: block; font-size: 12px; font-weight: bold; }
                                                                                             
img.alignleft { float: left; margin: 0px 10px 10px 0px !important; }
img.alignright { float: right; }                 

/* Hack for floated lists */

.entry-content ul, .entry-content ol {
	zoom: 1; /* hasLayout for IE<= 6 */ 
	overflow: auto; /* shrink the list to sit beside floats in compliant browsers */ 
	margin: 0; padding: 0; /* zero the defaults so only one or other is used per you margin request below */
}                                                                                                  
.entry-content li { margin-left: 2em; /* must stay, want it */  }