/* stylesheet for BLOG pages */

/* ds - had to reset some styles because of thickbox */
p { padding: 8px 0 8px 0; }


/* user options to print, send email or subscribe to RSS feed */
#content ul.options {
	margin: 0 0 20px 0;
	padding: 10px 2px 10px 9px;
	list-style-type: none;
}

#content ul.options li {
	float: left;
	padding: 0;
	font-size: 80%;
}

ul.options li a, ul.options li a:link, ul.options li a:visited, ul.options li a:active {
	text-decoration: none;
	color: red;
	font-size: 100%;
}

ul.options li a:hover {
	text-decoration: underline;
}

/* overall BLOG container */
#container-blog {
	margin: 0;
	padding: 0 0 25px 0;
	border: 0;
	min-height: 550px; /* try to get rid of this by adding a background dynamically to right panel */
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	width: 772px;
	/* background: url(http://www.amnesty.ca/themes/images/bg_themes.gif) repeat-y; */
}

/* large masthead containing topic index title */
img.blog-masthead {
	margin: 0;
	width: 770px;
	padding: 0;
	border: 1px solid #000; /* add a border around top masthead - cut pic at 770 x 198 */
}

.themes { /* right side panel colour for priority concern blogs #CBCE87  */
	background: url(http://www.amnesty.ca/themes/images/bg_themes.gif) repeat-y;
}

.themes>#rightpanel {
	background: #CBCE87;
}

.campaigns { /* right side panel colour for campaign blogs #AF98DC  */
	background: url(http://www.amnesty.ca/campaigns/images/bg_campaigns.gif) repeat-y;
}

.campaigns>#rightpanel {
	background:  #AF98DC;
}


/* blog inner page main heading */
h1.themehead {
	font-size: 230%;
	padding: 4px 0 4px 10px;
	margin: 0;
	line-height: 26px;
}

.themes h1.themehead {background: #9b9e67; color: #fff;} /* inner blog page heading for priority concerns */

.campaigns h1.themehead {background: #573d87; color: #fff; /* inner blog page heading for campaigns concerns */
}

/* content division */
#container-blog #content {
	background-color: #fff;
	padding: 0 0 5px 0;
	margin: 0;
	width: 498px;
	line-height: 16px; /* line-height for content container */
}

/* 1st level heading inside content area */
h1.themecontent {
	clear: left; /* same as actioncontent but added a clear */
	font-size: 200%;
	color: #000;
	margin: 0;
	padding: 0 0 0 12px;
	font-weight: normal;
	line-height: 30px;
}

/* 2nd level heading inside content area */
h2.blogsubhead { 
	font-size: 140%;
	padding-left: 12px;
	margin: 20px 0 15px 0;
}

h2.comment-status {
	font-size: 100%;
	padding: 5px;
	margin: 20px 12px 15px 12px;
	color: red;
	border: 1px solid #c7c7c7;
}

h2.comment-status span {
	color: #333;
}

.comment-wrap {
	margin: 10px;
	padding: 2px 5px;
	border: 1px solid  #ccc;
	background-color: #FFFBFF;
}

/* rules for paragraphs within content area */
#content p {
	padding-left: 12px;
	padding-right: 12px;
}

/* rule for unordered lists within content area */
#content .post-text ul {
	padding-left: 30px;
	padding-right: 12px;
}

#content .post-text {
	padding: 0 12px 10px 12px;
}

#content .post-text p {
	padding-left: 0;
}

/* image padding applied whether img within p tag or outside */
#content .post-text p img, #content .post-text img {
	padding: 0 12px 7px 0;
}

#content .post-text ol {
	padding-left: 30px;
	padding-right: 12px;
}

.post-text h2, post-text h3 {
	margin: 12px 0 8px 0;
	font-family: arial, verdana, sans-serif;
}

.post-text h2 {
	font-size: 130%;
	padding-bottom: 6px;	
}

.post-text h3 {
	font-size: 110%;
	padding-bottom: 6px;
}

p.rss {
	clear: both;
	color: red;
}

/* post a comment form */
#content form#post label {
	float: left;
	padding: 3px;
	margin: 3px;
	width: 103px;
	text-align: right;
}

#content form#post input {
	padding: 3px;
	margin: 3px;
	width: 300px;
	font-size: 16px;
	font-weight: bold;	
}

form#post textarea {
	margin-left: 112px;
	width: 302px;
	height: 100px;
}

form#post span {
	margin-left: 115px;
	font-size: 11px;
	font-style: italic;
}

form#post span.head {
	display: block;
	padding: 0;
	margin: 15px 0 3px 12px;
	font-size: 12px;
	font-style: normal;
}

form#post input.submit-post {
	width: 130px !important;
	font-size: 14px !important;
	
}


/* intro text for news and actions indexes - may not need for themes */
#content p.intro { 
	color: #666;
	font-weight: normal;
}

/* styles for posted and updated text */
#content .posted, #content .updated, #content .post-date, #content .post-by {
	font-size: 85%;
	font-style: italic;
	margin: 2px 0 0 0;
	color: #333;
}

#content .post-by strong {
	font-style: normal;
}

#content .post-date {
	float: right;
}

.post-footer {
	border: 1px solid #e8e8e8;
	padding: 2px 5px;
	color: #666;
	font-size: 80%;
	margin: 7px 10px;
}

.post-footer a, .post-footer a:link, .post-footer a:visited, .post-footer a:active {
	color: red;
	text-decoration: none;
}

.post-footer a:hover {
	text-decoration: underline;
}

h2.bloghead {
	background: #f7f7f7;
	color: #333;
	margin: 15px 0 0 9px;
	padding: 8px 5px;
	font-size: 13px;
	font-family: arial, sans-serif;
	width: 481px;
}

h2.bloghead a, h2.bloghead a:link, h2.bloghead a:visited, h2.bloghead a:active {
	text-decoration: none;
}


/* right panel rules */
#container-blog #rightpanel {
	float: right;
	width: 250px; /* width for IE */
	margin: 0;
	padding: 0;
}

#container-blog>#rightpanel {
	width: 252px;
}

/* credit for horizontal rule treatment - Mark Pilgrim - Dive Into Accessibility - www.diveintoaccessibility.org */
div.hr {display: none}
/*/*/a{}

div.hr {
  display: block;
  height: 4px;
  background-image: url(http://www.amnesty.ca/themes/images/divider_rightpanel.gif);
  background-repeat: no-repeat;
  margin: 1.2em 0.5em -1em 0.5em;
  padding: 0;
}

hr {
display: none
}
/* */

/* end credit - Mark Pilgrim */

/* right panel heading */
#rightpanel h2 {
	font-size: 100%;
	font-weight: bold;
	padding: 0 6px 0 6px;
	margin: 20px 0 0 0;
	color: #000;
}

/* right panel subheading */
#rightpanel h3 {
	font-size: 85%;
	font-style: italic;
	font-weight: normal;
	padding: 0 6px 0 6px;
	margin: 20px 0 0 0;
}

/* right panel paragraph text */
#rightpanel p {
	font-size: 85%;
	padding: 0 6px 0 6px;
	margin-top: 20px;
}

/* right panel link states */
#rightpanel p a, #rightpanel p a:link, #rightpanel p a:visited, #rightpanel p a:active {
	color: #000;
	font-size: 100%;
}

#rightpanel p a:hover {
	color: red;
}

/* message box */

#messagebox {
	width: 420px;
	background-color:#f7f7f7;
	color: red;
	border: 2px solid #666;
	padding: 4px 10pxx;
	margin: 5px 10px;
}

#messagebox p {
	background-image: url(http://www.amnesty.ca/site_admin/images/icon_error.gif);
	background-repeat: no-repeat;
	padding: 5px 10px;
	padding-left: 27px;
}

/* e-digest pop-up */