/* Theme Name: Solidarity Peace Trust Theme URI: http://www.solidaritypeacetrust.org Description: A purple and white theme with two widget-ready sidebars and customised widget-ready pages. Version: 1.0 Author: SPT Tags: three columns, customised pages, widgets, fixed width, white, purple */ /** * RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } p,ol,ul,table, form { margin-bottom:20px; } /** * BODY */ body { font-size:13px; line-height:150%; font-family:arial,helvetica,tahoma,sans-serif; color:#fff; background:#281550 url(images/banner_bg.gif) repeat-x 0 0; } #poem p {margin-bottom: 0px;} #poemspace p {margin-bottom: 20px;} /** * BLOCKS */ #main_wrapper {width:960px; margin-left:auto; margin-right:auto;margin-top:10px;} #wrapper { background:#fff url(images/wrapper.gif) repeat-y left top;color:#333;position:relative; top:-9px;display:block;float:left;} #header { /*height:180px; position:relative;margin-bottom:-42px;*/} #spt_banner {height:204px;background: #ffffff url(images/spt_banner.gif) no-repeat left top; position:relative;/*top:-34px;*/z-index:1;} #navbar {height: 49px; /*background:#58389D url(images/navbar_bg.gif) repeat; position: relative; top: -9px;*/ z-index:2; width:1200px;margin-left:-90px;} #logo {width: 242px; height: 250px; background: #58389D url(images/sptlogo.jpg) no-repeat bottom; position:absolute;left:630px;top:0px;} #main { width:470px; padding:10px 10px 10px 0; float:left;} #left_side, #right_side { width:220px; padding:10px; float:left;} #left_side { background:#58389D; } * html #right_side { width:218px; } #footer { width:940px; padding:10px; clear:both; height:100px; background-color:#58389D;} /** * CUSTOMISED PAGES */ #nocol_wrapper {background:#fff url("images/nocol_wrapper.gif") repeat-y scroll left top; color:#333333; width:960px; margin-left:auto; margin-right:auto;position:relative; top:-9px;display:block;float:left; } /*removes the purple bkg image*/ #nocol_main {width:940px; padding:10px 10px 10px 0; float:left; clear:both; background: #fff;} #reports_main {color: #333; width:710px; padding:10px 10px 10px 0; float:left; clear:both;} #page_sidebar {width:219px; padding:10px; float:left; /*background-color: #fff;border-left: 1px dashed #4B3085;*/} #report_info_wrapper {width:700px; float:right;} #report_meta {background:#FAF6B8 none repeat scroll 0 0; border:1px solid #CCCCCC; float:right;height:100px;margin-left:5px;padding:5px;width:200px;} #report_comments {background:#cc0000} sup{font-size:xx-small; vertical-align:top;} /** * GENERAL HEADERS */ h1, h2, h3, h4, h5, h6 { font-family:arial,verdana,sans-serif; margin-bottom:20px; font-weight:normal; } /** * TITLE */ #title h1 { margin-bottom:0; font-size:24px; padding-top:30px; } #title p { color:#c30; } #title h1 a { color:#fff; text-decoration:none; letter-spacing:-1px; text-transform:uppercase; } /** * MAIN */ #nocol_main a, #reports_main a, #main a { text-decoration:none; color:#9D9738; } #nocol_main a:hover, #reports_main a:hover, #main a:hover { color: #ccc;} #nocol_main div.post h2, #reports_main div.post h2, #main div.post h2 { font-size:17px; color:#58389D; font-weight:bold; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #aaa; line-height:130%;} #nocol_main div.post h2 a, #reports_main div.post h2 a, #main div.post h2 a { color:#58389D; } #nocol_main div.post h3, #reports_main div.post h3, #main div.post h3 { font-size:16px; font-weight:bold; } #nocol_main div.post h4,#reports_main div.post h4, #main div.post h4 { font-size:14px; } #nocol_main div.post, #reports_main div.post, #main div.post { margin-left:10px;} #nocol_main .more-link,#reports_main .more-link, #main .more-link {color: #58389D; font-size: 90%;} #nocol_main p.details,#reports_main p.details, #main p.details { margin-top:20px; margin-bottom:40px; font-size:0.85em; padding:3px 0 3px 10px; color:#fff; background-color:#9D9738;} #nocol_main p.details a,#reports_main p.details a, #main p.details a { color:#fff; } #nocol_main ul li,#reports_main ul li, #main ul li { margin-left:40px; list-style-type:square; } #nocol_main ol li,#reports_main ol li, #main ol li { margin-left:40px; list-style-type:decimal; } #main img { max-width:450px; } #reports_main blockquote, #main blockquote { padding-left:30px; color:#58389D;} #reports_main code, #main code { background:#fffe56; } #reports_main p.post_tags, #main p.post_tags { font-size:0.85em; clear:both; } /*#reports_main img {width:95%;height:95%;}*/ /*#reports_main .wp-caption {width: 270px;}*/ #reports_main .forthcoming {background-color:#F9F1C8; border:1px solid #CCCCCC;margin-bottom:10px;margin-left:10px;padding:10px;} /** EXCERPT POSTS */ #reports_main .excert_post {background:#FAF6B8 none repeat scroll 0 0; border:1px solid #CCCCCC; float:left; height:250px; margin-bottom:20px; margin-left:13px; padding:10px; width:200px;} #reports_main .excert_post h2 { color:#58389D;font-size:12px; font-weight:bold; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #aaa; line-height:130%;} #reports_main .excert_post h2 a { color:#58389D; } #reports_main .excert_post img.tfe {max-width: 85px; height: auto;margin:5px 5px 2px 0;border:2px solid #9D9738;} #reports_main .excert_post p {font-family: verdana, arial, helvetica; font-size: 11px;} /** * AUTHOR & CATEGORY DETAILS */ #main .tfe {border: 3px solid #9D9738; margin:5px 10px 0 0;} /**HEADER */ #header p, #header h1 { margin: 0;} /** * NAVIGATION */ #navbar a {color:#fff;display:block; padding: 0 10px;text-decoration:none;} #navbar ul a:hover {background: #9D9738;} #navbar ul {margin:0; padding:0; list-style:none;padding:4px 0 0 0;} #navbar ul li {float:left;} #navbar .current_page_item a {border-bottom:3px solid #9D9738;} #navbar #searchform {margin-bottom: 0px} #navbar #searchform #s {width: 120px} div.navigation { height:80px; padding-top:40px; } div.navigation span.alignleft { display:block; margin-left:10px; width:210px; float:left; } div.navigation span.alignright { display:block; width:210px; float:right; text-align:right; } /** * COMMENTS */ #main ol.commentlist li, #reports_main ol.commentlist li { font-size:13px; margin-left:0; list-style-type:none; padding:10px 10px 0 10px; border-bottom:1px dashed #aaa; } #main ol.commentlist big, #reports_main ol.commentlist big { font-size:14px; font-weight:bold; } #main ol.commentlist span.date, #reports_main ol.commentlist span.date { display:block; margin-bottom:10px; font-size:12px; } #main ol.commentlist span.date a, #reports_main ol.commentlist span.date a {color:#9D9738} #main ol.commentlist li ul li, #reports_main ol.commentlist li ul li { margin-left:40px; list-style-type:square; margin-bottom:0; padding:0; border:0; } #main ol.commentlist li ol li, #reports_main ol.commentlist li ol li { margin-left:40px; list-style-type:decimal; margin-bottom:0; padding:0; border:0; } #main ol.commentlist li.alt, #reports_main ol.commentlist li.alt { background:#fff; } #main ol.commentlist li.author, #reports_main ol.commentlist li.author {color: #58389D; } #main ol.commentlist img.avatar, #reports_main ol.commentlist img.avatar { float:right; margin-left:10px; } #main ol.commentlist p,#reports_main ol.commentlist p, #main ol.commentlist ul,#reports_main ol.commentlist ul, #main ol.commentlist ol, #reports_main ol.commentlist ol { margin-bottom:10px; } /** * COMMENT FORM */ #commentform label { font-size:12px; } #commentform input { display:block; } #commentform textarea { width:90%; height:140px; } #commentform p { margin-bottom:10px; } /** * RECENT COMMENTS */ #get-recent-comments ul li li {padding-left:15px;} #get-recent-comments a {color: #58389D;} /** * LEFT SIDE */ #left_side { font-size:12px; color:#fff; } #left_side h2 {color:#fff; font-size:16px; padding-bottom:7px; padding-top:3px; margin-bottom:7px; border-bottom:1px dashed #000; } #left_side h2 a {color: #fff;} #left_side ul li ul li ul { margin-bottom:0; } #left_side table { width:90%; } #left_side table td, #left_side table th { text-align:center; } #left_side a { color:#fff; text-decoration:none; } #left_side a:hover { background:#9D9738; } #left_side p {color:#ccc; } #left_side .widget_featured_page_widget p {color:#F8F5C1;} #left_side .widget_featured_page_widget .wp-caption-text {color: #9D9738;} #left_side .widget_links ul li a {color:#F8F5C1;} /** * RIGHT SIDE */ #page_sidebar, #right_side { font-size:12px; } #page_sidebar h2, #right_side h2 { font-size:16px; padding-bottom:7px; padding-top:3px; margin-bottom:7px; border-bottom:1px dashed #aaa; } #page_sidebar ul li ul li ul, #right_side ul li ul li ul { margin-bottom:0; } #page_sidebar table, #right_side table { width:90%; } #page_sidebar table td, #right_side table td, #page_sidebar table th, #right_side table th { text-align:center; } #page_sidebar a, #right_side a {color:#58389D; text-decoration:none; } #page_sidebar a:hover, #right_side a:hover {color:#9D9738;} /** * OTHER SIDEBAR STYLES */ #page_sidebar p.video_widget_after_video {color:#9D9738; font-style:italic;} #page_sidebar h2 {color: #333;} #page_sidebar .textwidget {color: #333; margin-bottom: 15px;} #page_sidebar ul a {color: #58389D;} #page_sidebar ul a:hover {color: #ccc; text-decoration: none;} #report_files {color:#333;} #report_files ul {list-style-image:url(images/pdf_icon.png);list-style-position:inside;} #report_files ul li {padding-bottom:15px} /** * LEFT RIGHT COMMON CLASSES */ #tag_cloud a { line-height:30px; } #searchform br { display:none; } #searchform { margin-bottom:20px; } select#cat {margin-bottom:20px; width:220px;} select {width: 220px;} select option {background-color: #ffe;} select option.alt {background-color: #eff;} /** * LEFT SIDE BLOG STYLES */ #right_side .widget_sideposts img, #page_sidebar .widget_sideposts img, {border: 3px solid #9D9738; margin:5px 5px 0 0;} #right_side .sideposts-title a, #page_sidebar .sideposts-title a {font-size:120%; font-weight:bold;} #right_side .sideposts_date, .widget_featured_page_widget .wp-caption-text, .excerpt_report_date, #page_sidebar .sideposts_date, .widget_featured_page_widget .wp-caption-text, .excerpt_report_date {color: #9D9738; font-size:90%;font-style:italic;} /** * FOOTER */ #footer p { padding-top:40px; font-size:12px; color:#FF5C0C; } #footer a { color:#FFF; text-decoration:none; margin-left:5px; margin-right:5px; } #rss {background: url(images/rss.png) no-repeat left;} #rss ul li {list-style-type:none;margin-left:0;padding:0px 0px 0px 15px;} #rss ul {list-style-type:none;margin-top:30px;padding:0 0 0 40px; display:block;} /** * WP REQ STYLE */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #504C0D; text-align: center; background-color: #9D9738; padding-top: 4px; margin: 6px 10px 4px 0; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; color:#fff; } /** * MISC STYLES FOR RE-SIZING VIDEO */ #VideoPlayback {height: auto; width: 455px} /** * BITS AND BOBS FOR WIDGETS */ .widget_featured_page_widget .wp-caption-text {margin-bottom: 2px;} .widget_featured_page_widget {margin-bottom:-10px;padding:0 0 2px;} /*.widget_categories, */.widget_archive {margin-top: -15px;} #right_side .widget_archive h2 /*, #right_side .widget_categories h2, #page_sidebar .widget_categories h2 */ {font-size: 15px; font-style:italic;} #right_side .widget_categories h2, #page_sidebar .widget_categories h2 {margin-top: -15px;} .widget_authors {margin-bottom: 30px;} .widget_archive, .widget_video, .ngg_images {margin-bottom:20px;} .ctc{background:url(images/tag_bgd.gif) no-repeat scroll center bottom #58389D;} .ctc h2 {background:#58389D;} #left_side .ctc a:hover {background-color:#FFFBBF;} .widget_recent_entries ul li {background-image: url(images/bullet.gif);background-position:left center;background-repeat:no-repeat;list-style-type:none;margin-left:0;padding:10px 0px 0px 15px;} #right_side .widget_featured-posts, #page_sidebar .widget_featured-posts {background:none;font-size:100%;line-height:40px;padding:10px 0 0;} #right_side .widget_featured-posts h2, #page_sidebar .widget_featured-posts h2 {background:url("/wp-content/uploads/2010/10/zimbabwereview1.gif") no-repeat scroll left top transparent; border-bottom:medium none; color:#9D9738;font-weight:bold;padding-left:10px;} #right_side .widget_featured-posts li:hover, #page_sidebar .widget_featured-posts li:hover {background:#F9F1C8;} #right_side .widget_featured-posts img, #page_sidebar .widget_featured-posts img {border:2px solid #9D9738;float:left;margin:0 1em 0 0;display:inline;} #right_side .widget_featured-posts li:hover img, #page_sidebar .widget_featured-posts li:hover img {border:2px solid #9D9738;} /** *SECTION WIDGET STYLES */ #left_side .section-widget .image_caption {color: #9D9738;font-style:italic;margin-bottom:2px;} #left_side .section-widget {margin-bottom:10px;} #page_sidebar #section-9 /*.section-widget*/ {color:#281550; padding-bottom:15px;} #right_side .section-widget ul li {background-image: url(images/purplebullet.gif);background-position:left center;background-repeat:no-repeat;list-style-type:none;margin-left:0;padding:10px 0px 0px 15px;} /** * VIMEO STYLES */ #vimeo_wrapper {width: 900px;} #vimeo_thumbs { overflow: auto; height:377px; width: 350px; padding: 0; float: left; margin-top:10px;} #vimeo_thumbs ul {list-style-type: none; margin: 0 10px 0; padding: 0 0 10px 0; } #vimeo_thumbs ul li {list-style-type: none; height: 75px; padding-bottom:20px; } .vimeo_thumb { border: 0; float: left; width: 100px; height: 75px; margin-right: 10px; border:3px solid #9D9738;} #vimeo_embed { height: 480px; width: 504px; float: left; padding: 10px; } #vimeo_portrait { float: left; margin-right: 5px; max-width: 100px; } #vimeo_stats { clear: both; margin-bottom: 20px; } /** * PHOTO GALLERY */ #nocol_main .ngg-album {float: left;border:1px solid #CCCCCC;background:#FAF6B8;margin:5px;overflow:hidden;padding:5px;width:430px;height:150px; background:#FAF6B8;} #left_side .ngg_images img {border:1px solid #333333; margin:0 4px 4px 0;}