/* stylesheet for BLOG and new subtopic template pages */

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


/* overall container */
#container-page {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	width: 772px;
	background: url(http://www.amnesty.ca/images/bg_content.gif) repeat-y;
}

/* large masthead used for blogs */
img.blog-masthead {
	margin: 0;
	width: 772px;
	padding: 0;
	border: 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;
}

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

/* right panel rules */
#container-page #rightpanel {
	float: right;
	width: 248px;
	margin: 0 0 20px 0;
	padding: 7px 0 0 0;
	background: transparent;
}

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

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

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

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

/* blog share and print icon section */
#do {
	margin: 0;
	padding: 0 0 0 6px;
	background: transparent;
	color: #000;
	font-size: 1.2em !important;
}

#do img {
	float: left;
}

#do a img, #do a:link img, #do a:visited img, #do a:active img {
	border: none;
	margin: 6px 8px;
	border: 1px solid #f7f7f7; /* match colour of background */
}

#do a:hover img {
	border: 1px solid yellow;
}

.share, .print-page {
	margin: 7px 0 0 0;
	padding: 3px;
	background: #f7f7f7;
	font-size: 0.75em;
	font-weight: bold;
}

.share {
	float: left;
}

.print-page {
	float: right;
}

#box-wrap {
	margin: 0;
	padding: 0 0 0 6px;
	background: transparent;
}

.call-action, .alerts {
	background: #ff0;
	color: #666;
	width: 112px;
	padding: 5px 3px;
	margin: 7px 0 7px 0;
	font-size: 0.9em;
	font-weight: bold;
}

.call-action {
	float: left;
	}
	
.alerts {
	float: right;
}

.call-action a, .call-action a:link, .call-action a:visited, .call-action a:active,
.alerts a, .alerts a:link, .alerts a:visited, .alerts a:active {
	color #666;
	text-decoration: none;
}

.call-action a:hover,
.alerts a:hover {
	color: red;
}

.promo-wrap {
	width: 247px;
	padding-left: 6px;
	margin: 6px 0 6px 0;
}


.promo-wrap a img, .promo-wrap a:link img, .promo-wrap a:visited img, .promo-wrap a:active img {
	border: 1px solid #fff;
}

.promo-wrap a:hover img {
	border: 1px solid yellow;
} 

#rightpanel img.promo-horz {
	margin: 5px 0;
}

#rightpanel img.promo-vert {
	margin: 0 5px 0 0;
	float: left;	
}


#rightpanel img.promo-square {
	margin: 0 3px 2px 0;
	float: left;
}

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

/* 1st level heading inside content area */
h1.pagehead {
	font-size: 200%;
	color: #000;
	margin: 20px 0 0 0;
	padding: 0 0 0 12px;
	font-weight: normal;
	line-height: 30px;
}

/* blog inner page main AND campaign/theme heading - colour and background for campaign/theme heading set inline */
h1.themehead {
	font-size: 230%;
	padding: 5px 0 5px 10px;
	margin: 0;
	line-height: 26px;
}

/* 2nd level heading inside campaign/theme subtopic pages */
h2.pagesubhead {
	font-weight: bold;
	font-size: 100%;
	padding-left: 12px;
	margin: 30px 0 0 0;
}


/* 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 */
#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;
}

/* 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;
}

/* featured image box for subtopic page */
#content span.featureimage {
	float: right;
	width: 241px;
	background: #666;
	padding: 4px;
	margin: 24px 10px 10px 10px;
	font-size: 85%;
	color: #fff;
	line-height: 12px;
}

#content>span.featureimage {
	margin-top: 18px;
}