/*
Theme Name: Other Words
Theme URI: http://otherwords.org/
Description: Bold opinions for newspapers and new media. 
Version: 1.0
Author: Adam Chew
Author URI: http://adamchew.com/
*/

/* ---------- Adam's hacks ----------- */
body {
	margin:0;
	padding: 0;
	font-size: 80%; 
	font-family: Arial, Helvetica, sans-serif;
	background: #EDEBD5;
	color: #333;
	text-align: center;
	line-height:1.4em;
}
	
#backgroundholder {
background: url(../images/background.gif) repeat-x #EDEBD5;
background-image: url(../images/background.gif);
background-repeat: repeat-x;
background-attachment: initial;
background-position-x: 50%;
background-position-y: 0px;
-webkit-background-clip: initial;
-webkit-background-origin: initial;
background-color: #EDEBD5;
min-width: 980px;
}

#page {
	background-color:#FFF;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 980px;
	background-image:url(../images/bg-middle.jpg);
	background-repeat:repeat-y;
	}

#header {
	background: #EDEBD5 url(../images/bg-header.jpg) no-repeat top center;
	margin: 0;
	padding: 0;
	height: 215px;
	width: 980px;
	position:relative;
	}
	
#topleft {
	position:absolute;
	top:7px;
	left:28px;
	height:129px;
	width:215px;
}
#logo {
	float:left;
}

#description {
position: relative;
width: 85px;
height: 112px;
background: #FFF url(../images/description.gif) no-repeat;
margin: 0;
padding: 0 0 0 5px;
float:right;
}
#description li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}
#description a {
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
cursor: pointer;
}
#minuteman {left: 0px; top: 19px; width: 85px; height: 37px;}
#ips {left: 0px; top: 74px; width: 85px; height: 37px;}

#minuteman a {height: 37px;}
#ips a {height: 37px;}

#minuteman a:hover, #ips a:hover {background: url(../images/description.gif); background-repeat:no-repeat;}
#minuteman a:hover {background-position:0px -131px; }
#ips a:hover {background-position:0px -186px;}

div.error {
	margin:30px 50px;
	padding:10px;
	background-color:#EBEBD2;
}

/* ================================================================ 

The original version of this stylesheet and the associated (x)html

is available at http://www.cssplay.co.uk/menus/image-dropdown-v2.html

Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.

This stylesheet and the associated (x)html may be modified in any 

way to fit your requirements.

=================================================================== */

#menuHolder {width:634px; height:25px; position:absolute; top:148px; left:65px;}
#menuHolder ul {padding:0; margin:0; list-style:none; width:634px; margin:0 auto;}
#menuHolder table {border-collapse:collapse; margin:-1px -10px;}
#menuHolder ul ul {position:absolute; left:-9999px; z-index:500;}
#menuHolder ul li a b {position:absolute; left:-9999px;}

#menuHolder ul li {float:left; padding:0;}
#menuHolder ul li a {display:block; height:25px; outline:0 none;}

#menuHolder ul li#home {background:url(../images/btn_home.gif) top right no-repeat; height:25px; width:71px;}
#menuHolder ul li#home a:hover {background:url(../images/btn_home.gif) bottom right no-repeat; height:25px; width:71px;}
#menuHolder ul li:hover#home > a {background:url(../images/btn_home.gif) bottom right no-repeat; height:25px; width:71px;}

#menuHolder ul li#about {background:url(../images/btn_about.gif) top right no-repeat; height:25px; width:95px;}
#menuHolder ul li#about a:hover {background:url(../images/btn_about.gif) bottom right no-repeat; height:25px; width:95px;}
#menuHolder ul li:hover#about > a {background:url(../images/btn_about.gif) bottom right no-repeat; height:25px; width:95px;}

#menuHolder ul li#archive {background:url(../images/btn_archive.gif) top right no-repeat; height:25px; width:83px;}
#menuHolder ul li#archive a:hover {background:url(../images/btn_archive.gif) bottom right no-repeat; height:25px; width:83px;}
#menuHolder ul li:hover#archive > a {background:url(../images/btn_archive.gif) bottom right no-repeat; height:25px; width:83px;}

#menuHolder ul li#syndicate {background:url(../images/btn_syndicate.gif) top right no-repeat; height:25px; width:98px;}
#menuHolder ul li#syndicate a:hover {background:url(../images/btn_syndicate.gif) bottom right no-repeat; height:25px; width:98px;}
#menuHolder ul li:hover#syndicate > a {background:url(../images/btn_syndicate.gif) bottom right no-repeat; height:25px; width:98px;}

#menuHolder ul li#partners {background:url(../images/btn_partners.gif) top right no-repeat; height:25px; width:88px;}
#menuHolder ul li#partners a:hover {background:url(../images/btn_partners.gif) bottom right no-repeat; height:25px; width:88px;}
#menuHolder ul li:hover#partners > a {background:url(../images/btn_partners.gif) bottom right no-repeat; height:25px; width:88px;}

#menuHolder ul li#submissions {background:url(../images/btn_submissions.gif) top right no-repeat; height:25px; width:121px;}
#menuHolder ul li#submissions a:hover {background:url(../images/btn_submissions.gif) bottom right no-repeat; height:25px; width:121px;}
#menuHolder ul li:hover#submissions > a {background:url(../images/btn_submissions.gif) bottom right no-repeat; height:25px; width:121px;}

#menuHolder ul li#donate {background:url(../images/btn_donate.gif) top right no-repeat; height:25px; width:78px;}
#menuHolder ul li#donate a:hover {background:url(../images/btn_donate.gif) bottom right no-repeat; height:25px; width:78px;}
#menuHolder ul li:hover#donate > a {background:url(../images/btn_donate.gif) bottom right no-repeat; height:25px; width:78px;}

#menuHolder ul li:hover {position:relative;}
#menuHolder ul li a:hover {border:0; position:relative;}

#menuHolder ul a:hover ul {left:-5px; top:23px; padding:0; border:1px solid #CCC; border-top:0;}
#menuHolder ul li:hover ul {left:-5px; top:23px; padding:0; border:1px solid #CCC; border-top:0;}
#menuHolder ul :hover ul li {padding:0; float:left; height:23px;}

#menuHolder ul :hover ul#subAbout {width:150px; height:105px; background: url(../images/menu_about.gif) no-repeat 0px center;}
#menuHolder ul :hover ul#subAbout li a {display:block; height:26px; width:150px;}

#menuHolder ul :hover ul#subArchive {width:170px; height:80px; background: url(../images/menu_archive.gif) no-repeat 0px center;}
#menuHolder ul :hover ul#subArchive li a {display:block; height:26px; width:170px;}

#menuHolder ul li:hover ul#subAbout li a:hover {background:url(../images/menu_asterisk.gif) no-repeat 7px 8px;}
#menuHolder ul li a:hover ul#subAbout li a:hover {background:url(../images/menu_asterisk.gif) no-repeat 7px 8px;}

#menuHolder ul li:hover ul#subArchive li a:hover {background:url(../images/menu_asterisk.gif) no-repeat 7px 8px;}
#menuHolder ul li a:hover ul#subArchive li a:hover {background:url(../images/menu_asterisk.gif) no-repeat 7px 8px;}

/* ----- end menu ------ */

#categories-container {
	position:absolute;
	width: 712px;
	height:24px;
	top:184px;
	left:1px;
}
#categories {
	list-style:none;
	margin:0;
}
#categories li {
	float:left;
}
#categories a {
  display: block;
  text-indent: -10000px;
  position: absolute;
  outline: none;
}
#categories a:hover {
  background-position: left bottom;
}
#categories .cat-peace-security {
	background:url(../images/btn_peace-security.gif) top right no-repeat;
	height:24px;
	width:129px;
	left:20px;
}
#categories .cat-env-health {
	background:url(../images/btn_environment-health.gif) top right no-repeat;
	height:24px;
	width:158px;
	left:149px;
}
#categories .cat-econ-bus {
	background:url(../images/btn_economy-business.gif) top right no-repeat;
	height:24px;
	width:150px;
	left:307px;
}
#categories .cat-rights-dem {
	background:url(../images/btn_rights-democracy.gif) top right no-repeat;
	height:24px;
	width:149px;
	left:457px;
}
#categories .cat-food-farm {
	background:url(../images/btn_food-farming.gif) top right no-repeat;
	height:24px;
	width:122px;
	left:606px;
}

#tools-container {
	position:absolute;
	width: 223px;
	height:24px;
	top:184px;
	left:732px;
}
#tools {
	list-style:none;
	margin:0;
}
#tools li {
	float:left;
}
#tools a {
  display: block;
  text-indent: -10000px;
  position: absolute;
  outline: none;
}
#tools a:hover {
  background-position: left bottom;
}
#tools .rss {
	background:url(../images/btn_rss.gif) top right no-repeat;
	height:24px;
	width:65px;
	left:0;
}
#tools .share {
	background:url(../images/btn_share.gif) top right no-repeat;
	height:24px;
	width:57px;
	left:65px;
}
#tools .print {
	background:url(../images/btn_print.gif) top right no-repeat;
	height:24px;
	width:58px;
	left:122px;
}
#tools .text-plus {
	background:url(../images/btn_text-plus.gif) top right no-repeat;
	height:24px;
	width:16px;
	left:180px;
}
#tools .text-minus {
	background:url(../images/btn_text-minus.gif) top right no-repeat;
	height:24px;
	width:16px;
	left:196px;
}
#tools .text-equal {
	background:url(../images/btn_text-equal.gif) top right no-repeat;
	height:24px;
	width:16px;
	left:212px;
}

#newsletter {
	padding:50px 0 0 0;
	position:absolute;
	top:0;
	left:803px;
	width:150px;
	height:117px;
	text-align: center;
}

#newsletter-field {
	padding:0;
	text-align:left; 
	float:left;
	vertical-align:top;
	margin:0;
	height:18px
}
#newsletter-go {
	padding:0 0 0 5px;
	text-align:right; 
	float:right;
	vertical-align:top;
}

#search {
	position:absolute;
	left:792px;
	top:142px;
	width:172px;
	height:20px;
	text-align: center;
	margin:0;
}

#form-container {
	clear:both;
	padding:4px;
	vertical-align:top;
	margin:0;
	height:18px;
}

input.emailbox {
	background-color:#FFF;
	border: #999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	height: 17px;
	width: 136px;
	padding:1px 0 0 4px;
	text-align:left;
}
input.zipbox {
	background-color:#FFF;
	border:#999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	height: 17px;
	width: 98px;
	padding:1px 0 0 4px;
	text-align:left;
}
input.searchbox {
	background-color:#FFF;
	border:#999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	height: 17px;
	width: 92px;
	padding:1px 0 0 4px;
	text-align:left;
}
input.perpage {
	background-color:#FFF;
	border:#999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	height: 17px;
	width: 30px;
	padding:1px 0 0 4px;
	text-align:right;
	margin:0 5px 0 0;
	float:left;
	vertical-align:middle;
}
input.signup {
	background-color:#FFF;
	border: #999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	height: 17px;
	width: 200px;
	padding:1px 0 0 4px;
	text-align:left;
}
input {
	background:url(../images/bg-input.gif) top left;
}

select.signup {
	background:url("../images/bg-input.gif") repeat scroll left top transparent;
	border:#999 solid 1px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#999;
	height:20px;
	width:206px;
	padding:1px 0 0 4px;
}

#container ul {
	margin:10px;
	padding:0;
}
#container li {
	margin:10px;
	padding:0;
}
#leader {
	margin:10px 21px 10px 21px;
	border-bottom:#CCC dotted 2px;
}
#leader h1 {
	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:400;
	text-align:center;
	color:#333;
	margin:0;
	padding:0 0 10px 0;
}

#contributors-left {
	/*float:left;*/
	display:inline-block;
	width:145px;
	vertical-align:top;
	border:#FFF solid 1px;
}
#contributors-middle {
	margin: 0 156px;
	vertical-align:top;
	border:#FFF solid 1px;
}
#contributors-right {
	float:right;
	width:146px;
	vertical-align:top;
	border:#FFF solid 1px;
}
.contributors-nav {
	text-align: justify;
	color:#FFF;
}
.contributors-nav a {
	text-decoration:none;
}
.contributors-nav a:hover {
	text-decoration: underline;
}

#sidebar-box {
	padding: 5px 10px 25px 10px; /* padding keeps the content of the div away from the edges */
	border:#CCC solid 1px;
	margin:0 0 20px 0;
	overflow: hidden;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 10px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	display:block;
}
.clearleft { 
	clear:left;
}
.clearright { 
	clear:right;
}
#container img, #container img a {
	border:#999 solid 1px;
	padding:2px;
}

#cartoons {
	padding:0 10px;
}
#cartoons img {
	max-width:653px;
}
#cartoons .cartoon-main {
	width:660px;
}
#cartoons .cartoon-main .author {
	font-size:0.9em;
}
#cartoons .cartoon-main h2 {
	font-size:1.5em;
}
#cartoons ul {
	padding:0;
	margin:0;
}
#cartoons-3column-container {
	list-style-type: none;
	width: 684px;
}
#cartoons-3column-container ul li {
	margin:0;
	padding:0;
}
#cartoons-3column-container li {
	margin:0 12px 20px 0;
	padding:0;
}
.cartoons-entry p {
	font-size:.85em;
	line-height:1.3em;
}
.cartoons-entry .fltlft {
	width:50%;
	margin:0;
	padding:0;
}
.cartoons-entry .fltrt {
	width:50%;
	text-align:right;
	margin:0;
	padding:0;
}
.cartoons-entry img {
	max-width:206px;
	
}
#container li.cartoons-entry {
	display:inline-block;
	width:212px;
	position:relative;
	margin:10px 5px 10px 0;
	vertical-align: top;
}


#article {
	padding:0 40px;
}
#article .bio {
	color:#666;
	padding:10px 0 20px 0;
	font-size:0.9em;
	margin:20px 0 10px 0;
	border-top:#CCC dotted 2px;
}
#article .bio a {
	color:#369;
	text-decoration:none;
	font-weight:bold;
}
#article .bio a:hover {
	color: #036;
	text-decoration:underline;
	font-weight:bold;
}
#article h3 {
	font-size:1.5em;
	line-height:1.4em;
	margin:2px 0 10px 0;
	padding-top:2px;
}
#article h2 {
	font-size:1.8em;
	line-height:1.4em;
	margin:9px 0 2px 0;
	padding-top:5px;
	color:#333;
}	
#article .author {
	font-size:0.9em !important;
	margin:0;
}
#article img {
	max-width:500px;
	
}
.date {
	color: #333;
	font-size:0.8em;
	margin: 5px 0;
}
.tags {
	font-size:0.9em;
	padding-top:5px;
	clear:left;
}

.caption {
	padding:4px 5px 10px 5px;
	font-weight:bold;
	font-size:0.9em;
	width:306px;
}

.list-plus {
	background:url(../images/list-plus.gif) 0 .4em no-repeat;
	/*list-style:url(../images/list-plus.gif) outside !important;*/
	padding:0 0 0 8px !important;
}
.list-minus {
	background:url(../images/list-minus.gif) 0 .4em no-repeat;
	/*list-style:url(../images/list-plus.gif) outside !important;*/
	padding:0 0 0 8px !important;
}


/* ------------ Begin three column layout ----------------- */
.thrColFix #container { 
	width: 938px;  
	margin: 0 auto; 
	text-align: left;
	padding: 0 21px 0 21px;
} 
.thrColFix #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 227px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.thrColFix #sidebar1-wide {
	float: left; /* since this element is floated, a width must be given */
	width: 464px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.thrColFix #sidebar1-med {
	float: left; /* since this element is floated, a width must be given */
	width: 345px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.thrColFix #sidebar2 {
	float: right; /* since this element is floated, a width must be given */
	width: 227px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.thrColFix #sidebar2-skinny {
	float: right; /* since this element is floated, a width must be given */
	width: 164px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
}
.thrColFix #sidebar1 h1, .thrColFix #sidebar2 h1 {
	background:url(../images/titletab-orange-227px.gif) no-repeat;
	width:227px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color:#EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.thrColFix #sidebar1-wide h1 {
	background:url(../images/titletab-orange-464px.gif) no-repeat;
	width:464px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color:#EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.thrColFix #sidebar1-med h1 {
	background:url(../images/titletab-orange-345px.gif) no-repeat;
	width:345px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color:#EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.thrColFix #sidebar2-skinny h1 {
	background:url(../images/titletab-orange-165px.gif) no-repeat;
	width:164px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color:#EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.thrColFix #sidebar2-skinny ul, .thrColFix #sidebar2-skinny li, .thrColFix #sidebar2 ul, .thrColFix #sidebar2 li  {
	list-style:none;
	padding:0 0 0 5px;
	margin:5px 0 5px 0;
}
.thrColFix #sidebar2-skinny li a, .thrColFix #sidebar2 li a {
	text-decoration:none;
}
.thrColFix #sidebar2-skinny li a:hover, .thrColFix #sidebar2 li a:hover {
	text-decoration: underline;
}
.thrColFix #mainContent {
	margin: 0 237px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}
.thrColFix #mainContent-med {
	margin: 0 237px 0 356px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}
.thrColFix #mainContent h1 {
	background:url(../images/titletab-orange-464px.gif) no-repeat;
	width:464px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color: #EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.thrColFix #mainContent-med h1 {
	background:url(../images/titletab-orange-345px.gif) no-repeat;
	width:345px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color: #EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.thrColFix #mainContent-skinny {
	margin: 0 174px 0 474px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}
.thrColFix #mainContent-skinny h1 {
	background:url(../images/titletab-orange-290px.gif) no-repeat;
	width:290px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color: #EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.thrColFix #mainContent img {
	max-width:458px;
	
}

/* ------------ End three column layout ----------------- */

/* ------------ Begin two column layout ----------------- */
.twoColFixRt #container { 
	width: 938px;  
	margin: 0 auto; 
	text-align: left;
	padding: 0 21px 0 21px;
}
.twoColFixRt #sidebar1 {
	float: right;
	width: 227px;
}
.twoColFixRt #sidebar1-skinny {
	float: right;
	width: 164px;
}
.twoColFixRt #sidebar1 ul, .twoColFixRt #sidebar1 li, .twoColFixRt #sidebar1-skinny ul, .twoColFixRt #sidebar1-skinny li {
	list-style:none;
	padding:0 0 0 5px;
	margin:5px 0 5px 0;
}
.twoColFixRt #sidebar1 li a, .twoColFixRt #sidebar1-skinny li a {
	text-decoration:none;
}
.twoColFixRt #sidebar1 li a:hover, .twoColFixRt #sidebar1-skinny li a:hover {
	text-decoration: underline;
}
.twoColFixRt #mainContent { 
	margin: 0 237px 0 0; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
} 
.twoColFixRt #mainContent-wide { 
	margin: 0 174px 0 0;
}
.twoColFixRt #sidebar1 h1 {
	background:url(../images/titletab-orange-227px.gif) no-repeat;
	width:227px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color:#EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.twoColFixRt #sidebar1-skinny h1 {
	background:url(../images/titletab-orange-164px.gif) no-repeat;
	width:164px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color:#EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.twoColFixRt #sidebar1 .peace-security {
	background:url(../images/titletab-blue-227px.gif) no-repeat;
}
.twoColFixRt #sidebar1 .env-health {
	background:url(../images/titletab-green-227px.gif) no-repeat;
}
.twoColFixRt #sidebar1 .econ-bus {
	background:url(../images/titletab-steel-227px.gif) no-repeat;
}
.twoColFixRt #sidebar1 .rights-dem {
	background:url(../images/titletab-red-227px.gif) no-repeat;
}
.twoColFixRt #sidebar1 .food-farm {
	background:url(../images/titletab-brown-227px.gif) no-repeat;
}
.twoColFixRt #mainContent h1 {
	background:url(../images/titletab-orange-701px.gif) no-repeat;
	width:701px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color: #EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
	height:18px;
}
.twoColFixRt #mainContent-wide h1 {
	background:url(../images/titletab-orange-764px.gif) no-repeat;
	width:764px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color: #EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
	height:18px;
}
.twoColFixRt #mainContent .peace-security {
	background:url(../images/titletab-blue-701px.gif) no-repeat;
}
.twoColFixRt #mainContent .env-health {
	background:url(../images/titletab-green-701px.gif) no-repeat;
}
.twoColFixRt #mainContent .econ-bus {
	background:url(../images/titletab-steel-701px.gif) no-repeat;
}
.twoColFixRt #mainContent .rights-dem {
	background:url(../images/titletab-red-701px.gif) no-repeat;
}
.twoColFixRt #mainContent .food-farm {
	background:url(../images/titletab-brown-701px.gif) no-repeat;
}
.twoColFixRt #mainContent h1 .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0 50px 0 10px;
	text-transform: none;
}
.twoColFixRt #mainContent h1 .fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin: 0 10px 0 50px;
	text-transform: none;
}
/* ------------ End two column layout ----------------- */

/* ------------ Begin one column layout ----------------- */
.oneColFix #container { 
	width: 938px;  
	margin: 0 auto; 
	text-align: left;
	padding: 0 21px 0 21px;
}
.oneColFix #mainContent {
	margin: 0; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}
.oneColFix #mainContent h1 {
	background:url(../images/titletab-orange-938px.gif) no-repeat;
	width:938px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color: #EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}
.oneColFix .right-col { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 10px;
	width:444px;
}
.oneColFix .left-col { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
	width:444px;
}
/* ------------ End one column layout ----------------- */


/* ------------ Begin 4 column layout ----------------- */
.fourColFix #container { 
	width: 938px;  
	margin: 0 auto; 
	text-align: left;
	padding: 0 21px 0 21px;
}
.fourColFix #right-main {
	float: right;
	width: 464px;
}
.fourColFix #left-main {
	float: left;
	width: 464px;
}
.fourColFix #right-col {
	float: right;
	width: 227px;
}
.fourColFix #left-col {
	float: left;
	width: 227px;
}
.fourColFix #right-col ul, .fourColFix #right-col li, .fourColFix #left-col ul, .fourColFix #left-col li {
	list-style:none;
	padding:0 0 0 5px;
	margin:5px 0 5px 0;
}
.fourColFix #right-col li a, .fourColFix #left-col li a {
	text-decoration:none;
}
.fourColFix #right-col li a:hover, .fourColFix #left-col li a:hover {
	text-decoration: underline;
}

.fourColFix #right-col h1, .fourColFix #left-col h1 {
	background:url(../images/titletab-orange-227px.gif) no-repeat;
	width:227px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.3em;
	font-size:13px;
	font-weight:600;
	color:#EBEBD2;
	text-align:center;
	padding:7px 0 6px 0;
	margin:0;
}

.fourColFix #right-col .peace-security, .fourColFix #left-col .peace-security {
	background:url(../images/titletab-blue-227px.gif) no-repeat;
}
.fourColFix #right-col .env-health, .fourColFix #left-col .env-health {
	background:url(../images/titletab-green-227px.gif) no-repeat;
}
.fourColFix #right-col .econ-bus, .fourColFix #left-col .econ-bus {
	background:url(../images/titletab-steel-227px.gif) no-repeat;
}
.fourColFix #right-col .rights-dem, .fourColFix #left-col .rights-dem {
	background:url(../images/titletab-red-227px.gif) no-repeat;
}
.fourColFix #right-col .food-farm, .fourColFix #left-col .food-farm {
	background:url(../images/titletab-brown-227px.gif) no-repeat;
}


/* ------------ End 4 column layout ----------------- */

/* Begin Typography & Colors */

/* Note: EDL changed P margin as per ESG */
p {
	margin:10px 0 10px 0;
}
.author {
	color:#036;
	font-size:0.8em;
	font-weight:bold;
	margin:5px 0 5px 0;
	text-decoration:none;
}
.author a {
	color:#036;
	text-decoration:none;
}
.author a:hover {
	color: #369;
	text-decoration:none;
}

.more {
	font-weight:bold;
}

.morenav {
	font-weight:bold;
	padding:10px 0 20px 0;
}
.morenav-bottom {
	font-weight:bold;
	padding:10px 0 20px 0;
	margin-right:175px;
}
.morenav-bottom-701 {
	font-weight:bold;
	padding:10px 0 20px 0;
	margin-right:237px;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike {
	color: #777;
	}


/* End Typography & Colors */



/* Begin Structure */

.entry {
	border-bottom:#CCC dotted 2px;
	padding:0 0 10px 0;
	margin:0 0 15px 0;
}

.clear {
	clear: both;
}

div.wrapper {
width: 100%;
overflow: hidden;
}



/* End Structure */



/*	Begin */

h1, h2, h3, h4, h5, h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:600;
	text-align:left !important;
}
h2, h3, h4, h5, h6 {
	text-align:left !important;
}
h1 {
	text-align:center !important;
}
h6 {
	color: #286462;
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	font-weight:bold;
	margin:9px 0 5px 0;
	padding-top:2px;
}
h5 {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:normal;
	margin:9px 0 5px 0;
	padding-top:2px;
}
h4 {
	font-size:1em;
	line-height:1.4em;
	font-weight:bold;
	margin:9px 0 5px 0;
	color:#333;
	padding-top:2px;
}
h3 {
	font-size:1.1em;
	line-height:1.4em;
	margin:9px 0 5px 0;
	padding-top:2px;
	text-align: center;
}
h2 {
	font-size:1.2em;
	line-height:1.4em;
	color: #930;
	margin:9px 0 2px 0;
	padding-top:5px;
}	
	
h1 {
	font-size: 1.8em;
	text-align: left;
}
	
h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}

/* End Headers */

/* Begin Links */
a, h2 a:hover, h3 a:hover {
	color: #369;
	text-decoration: underline;
}
a:hover {
	color: #036;
	text-decoration: none;
	background-color:#FFC;
}
a:visited {
	color:#036;
}
h2 a, h3 a, h4 a, h5 a {
	color: #930;
	text-decoration:none;
}
h3 a, h4 a, h5 a {
	color: #036;
	text-decoration:none;
}
h2 a:hover {
	color: #036;
	text-decoration:none;
}	
/* End Links */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	
	}
a img,:link img,:visited img { border:none; }

#container a:hover img {
	border: #036 solid 1px !important;
	background:none !important;
}
img.border-none { border:none !important; }

#container a:hover img.border-none { border:none !important; }

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
img.alignright, img[align="right"] {
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft, img[align="left"] {
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	margin:4px;
	float: right;
	}

.alignleft {
	margin:4px;
	float: left;
	}

/* IPS Image Classes: Needed as they are defined commonly in the IPS CP WYSIWYG Style Palette*/	

.img-left {
float:left;
clear:left;
margin-right:1.5em;
margin-bottom:.5em;
margin-left:0;
padding:.5em;
}

.img-left-caption {
float:left;
clear:left;
margin-right:1.5em;
margin-bottom:.5em;
margin-left:0;
padding:.5em;
}

.img-right {
float:right;
clear:right;
margin-left:1.5em;
margin-bottom:.5em;
margin-right:0;
padding:.5em;
}

.img-right-caption {
float:right;
clear:right;
margin-left:1.5em;
margin-bottom:.5em;
margin-right:0;
padding:.5em;
}

.img-center {
display: block;
clear:both;
text-align: center;
margin-left:auto;
margin-right:auto;
margin-bottom:1.5em;
padding:.5em;
}

.img-center-caption {
display: block;
clear:both;
text-align: center;
margin-left:auto;
margin-right:auto;
margin-bottom:1.5em;
padding:.5em;
}
	
/* End Images */

/* captions */
div.ips-caption {
        font-size: 90%;
        font-style: italic;
        text-align: left;
}

/* begin Footer */
#footer {
	margin: 0 auto;
	width: 938px;
	clear: both;
	color:#666;
	font-size:.8em;
	background-image:url(../images/bg-footer.jpg);
	background-repeat: no-repeat;
	background-position:bottom left;
	padding: 15px 21px 25px 21px;
	height:175px;
	}

#footer-nav {
	background-color:#E6E6E6;
	border:#CCC solid 1px;
}
#footer-nav ul {
padding: 5px;
margin: 0;
list-style-type: none;
color: #FFF;
width: 938px;
font-family: Arial, Helvetica, sans-serif;
font-size:1.3em;
text-align: center;
font-weight:normal;
color: #CCC;
}
#footer-nav li { 
	display: inline;
}
#footer-nav li a {
text-decoration: none;
color: #369;
padding: 0 1.25em 0 1em;
}
#footer-nav li a:hover {
color: #036;
text-decoration:underline;
background:none;
}
#footer-left {
	padding:20px 0 0 0;
	float:left;
	width:464px;
}
#footer-left .copyright {
	float:left;
	width:207px;
	padding:0 10px 0 10px;
}
#footer-left .ips-credit {
	float:right;
	width:207px;
	padding:0 10px 0 10px;
	vertical-align:bottom;
	font-size:1.3em;
}
#footer-right {
	padding:20px 0 0 0;
	float:right;
	width:464px;
}
#footer-right .disclaimer {
	float:left;
	width:207px;
	padding:0 10px 0 10px;
}
#footer-right .contact {
	float:right;
	width:207px;
	padding:0 10px 0 10px;
}
#web-credit {
	text-align:center; 
	padding:10px 25px 14px 25px; 
	font-size:.8em;
	clear:both;
}
#web-credit a {
	color: #369;
	text-decoration:none;
}
#web-credit a:hover {
	color: #036;
	text-decoration:underline;
	background:none;
}
/* End Footer */

/* TAG CLOUD */
#htmltagcloud{
	font-size: 70%;
	width: auto;		/* auto or fixed width, e.g. 500px   */
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color:#fff;
	padding:5px; 
}

#htmltagcloud{line-height:2.4em;word-spacing:normal;letter-spacing:normal;text-transform:none;text-align:justify;text-indent:0}

#htmltagcloud a:link{text-decoration:none}

#htmltagcloud a:visited{text-decoration:none}

#htmltagcloud a:hover{color:#666;background-color:#FFC}

#htmltagcloud a:active{color:#666;background-color:#FFC}

.wrd{padding:0;position:relative}

.wrd a{text-decoration:none}

.tagcloud0{font-size:1.0em;color:#ACC1F3;z-index:10}
.tagcloud0 a{color:#ACC1F3}
.tagcloud1{font-size:1.4em;color:#ACC1F3;z-index:9}
.tagcloud1 a{color:#ACC1F3}
.tagcloud2{font-size:1.8em;color:#86A0DC;z-index:8}
.tagcloud2 a{color:#86A0DC}
.tagcloud3{font-size:2.2em;color:#86A0DC;z-index:7}
.tagcloud3 a{color:#86A0DC}
.tagcloud4{font-size:2.6em;color:#607EC5;z-index:6}
.tagcloud4 a{color:#607EC5}
.tagcloud5{font-size:3.0em;color:#607EC5;z-index:5}
.tagcloud5 a{color:#607EC5}
.tagcloud6{font-size:3.3em;color:#4C6DB9;z-index:4}
.tagcloud6 a{color:#4C6DB9}
.tagcloud7{font-size:3.6em;color:#395CAE;z-index:3}
.tagcloud7 a{color:#395CAE}
.tagcloud8{font-size:3.9em;color:#264CA2;z-index:2}
.tagcloud8 a{color:#264CA2}
.tagcloud9{font-size:4.2em;color:#133B97;z-index:1}
.tagcloud9 a{color:#133B97}
.tagcloud10{font-size:4.5em;color:#002A8B;z-index:0}
.tagcloud10 a{color:#002A8B}

.freq{font-size:10pt !important;color:#bbb}
#credit{text-align:center;color:#333;margin-bottom:0.6em;font:0.7em 'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif}
#credit a:link{color:#777;text-decoration:none}
#credit a:visited{color:#777;text-decoration:none}
#credit a:hover{color:white;background-color:#05f}
#credit a:active{text-decoration:underline}



/************************************
********************** Search Form */

#searchcontainer {
	padding:0 100px;
}
#searchcontainer h3 {
	font-size:1.5em;
	line-height:1.4em;
	margin:2px 0 10px 0;
	padding-top:2px;
}
#searchcontainer h2 {
	font-size:1.8em;
	line-height:1.4em;
	margin:9px 0 2px 0;
	padding-top:5px;
	color:#333;
}	
#searchcontainer .author {
	font-size:0.9em !important;
	margin:0;
}
#searchcontainer img {
	max-width:100px;
	max-height:100px;
	overflow: hidden;}

#searchcontainer .author a {
	font-weight:bold;
}
#searchcontainer .author a:hover {
	text-decoration:underline;
}
#searchcontainer .author {
	font-weight:normal;
}

.wide .content-list {
/*width: 940px;*/
margin: 10px 16px 40px 10px;
padding-bottom: 20px;
}

.wide .content-list li.post {
/*width:940px;*/
}

.entry {
padding:0 0 20px 0;
margin:0;
}

.filters {
	border-bottom: 2px #ccc dotted;
	padding: 0 0 30px 0;
	width: auto;
	margin: 20px 0 0 0;
}

.fil_geo_additional, .fil_dept_additional, .fil_issue_additional, .fil_author_additional, .fil_type_additional, .fil_date_additional {
	display: none;
}

.filters form#search-form {

}

form#search-form input.text {
	font-size:15px;
	line-height:18px;
	border:1px solid #ccc;
	background-color: #f1f1f1;
	height:22px;
	padding:4px 5px 2px;
	width:200px;
	margin-right:4px;
	color:#818386;
	display: inline;
}
form#search-form .fil_date_additional input.text {
	width: 70px;
}

form#search-form div {display: inline;}

form#search-form button#search-region-button {
	display: inline;
	font-size: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	line-height:normal;
	color: #636C73;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#D0B486 none repeat scroll 0 0;
	color: #963;
	padding:3px 4px 4px 4px;
	position:absolute;
	width: 70px;
	border: solid 1px #999;
	}
	
form#search-form button#search-region-button:hover {
		background-color: #963;
		color: #fff;
}

form#search-form table {
	width: auto;
	margin-bottom: 10px;
	padding: 0;
	line-height: 30px;
	white-space: nowrap;
	font-size: .9em;
}

form#search-form table input.text {
	font-size:1em;
	line-height:1.2em;
	height: 1.6em;
}

form#search-form #ui-datepicker-div {
	font-size: 1em;
}

form#search-form table th {
	font-size: 1em;
	text-align: left;
	font-weight: normal;
	padding: 0 15px 0 0;
	color: #000;
}

form#search-form table td {
	padding: 2px 6px 2px 1px;	
}
form#search-form table td.text {
	color: #963;
	padding-right: 10px;	
}
form#search-form table label {
	margin-right: 10px;
	color: #666;	
}
form#search-form table select {
	margin-right: 10px;
}

.search-nav h4 {
display: block;
font-size: 1.2em;
margin: 20px;
}

.pagination {
	display: block;
	width: auto;
	text-align: right;
	clear: both;
	padding: 20px;
	font-size: .9em;
	}


.regions div.region select.country { 
	display:none; 
	width:100%; 
	padding: .5em;
}