/*
Theme Name: The Global Circle of Peace
Theme URI: http://wordpress.org/
Description: Theme for the The Global Circle of Peace
Version: 1.0
Author: Dan Dineen
Author URI: http://www.karyx.co.uk/
Tags: Two column, fixed width, blue, yellow

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* ---------------------------------------------
   THE GLOBAL CIRCLE OF PEACE
   Karyx Interactive Design ©2010
--------------------------------------------- */

/* GCoP Colours
------------------------
Blue: rgb(17,51,87)
Pale blue: rgba(17,51,87,0.2)
Yellow: rgb (215,172,39)
------------------------
*/

/* Reset all browser CSS */

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%;
	font-size:10px;
	vertical-align: baseline;
	background: transparent;
}
body {
font-size:1.2em;
font-family:Helvetica, Arial, Sans Serif;
	line-height: 1.5em;
}
ol, ul {
	list-style: none;
	font-weight:normal;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* Reset registered marks */
sup {
font-size:11px;
line-height:normal;
vertical-align:super;
}

/* The Global Circle of Peace */

body {
background:url(images/GCoP_BG.jpg) repeat-x top left rgb(255,255,255);
font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 10px;
}

#container {
width:730px;
margin:0 auto;
background:transparent;
position:relative;
}

#content {
background-color: rgb(255,255,255);
padding:30px;
}

#sidestar {
width:150px;
height:230px;
background-image: url(images/sidebarrays.gif);
position:absolute;
left:730px;
}

#sidebar { /* fits in nicely where the 2nd content column usually sits */
width:145px; /* Changed from 300px by DD 02/07/10 */
float:left;
display:inline;
margin:30px 25px 0 25px;
}

#homebutton {
width:360px;
height:160px;
position:absolute;
background:url(images/GCoP_logo.jpg) no-repeat top left transparent;
}

#header {
width:730px;
height:160px;
background:url(images/GCoP_strapline.jpg) no-repeat top right transparent;
}

#navbar {
padding:15px;
text-align:center;
}

/* GENERAL */



.clearer {
clear:both;
height:0;
visibility:hidden;
display:block;
}

.centered {
text-align:center;
}

/* MAIN NAVIGATION */

#navbar ul {
margin:0;
padding:0;
/*width:670px;*/
}

#navbar ul li {
padding:0 22px 0 0;
margin:0;
display:inline;
}

#navbar ul li#last {
padding-right:0;
}

#navbar ul li a:link, #navbar ul li a:visited {
font-size:16px;
color:rgb(255,255,255); /* White */
text-decoration:none;
}

#navbar ul li a:hover, #navbar ul li a:active {
color:rgb(215,172,39); /* Yellow */
}

/* MAIN HEADER SECTION */

.maincontent {
float:left;
display:inline;
}

/* The image on the left hand side */

.MCpic {
width:335px;
height:335px;
background-color: rgb(255,255,255); /* White */
border-bottom:10px solid rgb(215,172,39); /* yellow */
position: relative;
}
/**these styles are for the JS slider**/
.MCpic img {
    position: absolute;
    top: 0; left: 0;
    width: 335px;
}

.titleblock {
width:225px;
height:75px;
background-image: url(images/titlestar.png);
padding:15px 0 5px 60px;
}

.titleblock p.maintitle {
font-size:25px;
line-height:27px;
}

/* The copy on the right hand side */

.MCcopy {
width:285px;
height:230px;
background:url(images/GCoP_textbox_BG.jpg) repeat-x top left rgb(17,51,87); /* Blue */
padding:80px 25px 25px 25px;
color:rgb(255,255,255); /* White */
border-bottom:10px solid rgb(215,172,39); /* yellow */
}

.maincontent H1 {
font-weight:normal;
font-size:36px;
color:rgb(215,172,39); /* Yellow */
line-height:1em;
margin-bottom:10px;
}

.maincontent H1 span.smallheading {
font-size:20px;
}

.maincontent H2 {
font-weight:normal;
font-style:italic;
font-size:16px;
border-top:1px solid rgb(83,93,104); /* Pale blue */
padding-top:10px;
line-height:24px;
}

.maincontent p {
font-size:1.3em;
line-height:1.6em;
margin-bottom: 10px;
}

.maincontent a:link, .maincontent a:visited {
font-size:1.3em;
color:#F78F1E; /* Orange */
text-decoration:none;
border-bottom: 1px solid;
margin-top:10px;
}

.maincontent a:hover, .maincontent a:active {
font-size:1.3em;
color:white;
text-decoration:none;
border-bottom: 1px solid;
margin-top:10px;
}

.MCcopy:after { /* NOT WORKING AT THE MOMENT! */
content:".";
height:0;
visibility:hidden;
display:block;
clear:both;
}

/* MAIN CONTENT COLUMNS */

.contentcol {
float:left;
display:inline;
}

#widecontentcol { /* Used when we need a single column solution ie: The shop */
width:665px;
margin:30px 0 0 0;
float:left;
display:inline;
}

.contentcol p, #widecontentcol p {
color:rgb(17,51,87); /* Blue */
font-size:13px;
line-height:22px;
margin-bottom:10px;
}

blockquote.bq-left {
margin-top:0;
color: rgba(17,51,87,0.5); /* 50% tint dark blue */
}

blockquote p {
font-size:13px;
color: rgba(17,51,87,0.5); /* 50% tint dark blue */
margin:0px 0 10px 0;
line-height:20px;
text-indent:-0.5em; /* Hang the quotes */
}

.contentcol strong, #widecontentcol strong {
font-size:1em
}

.contentcol h1, #widecontentcol h1, #sidebar h1 {
font-size:18px;
color: rgb(17,51,87); /* Blue */
font-weight:normal;
margin-bottom:20px;
line-height:24px;
padding-bottom:10px;
border-bottom:1px solid rgba(17,51,87,0.2); /* Blue */
}

.contentcol h2 {
font-size:16px;
color: rgb(215,172,39); /* Yellow */
font-weight:400;
margin:30px 0 10px 0;
line-height:22px;
}

.contentcol h3, #widecontentcol h3, .coltwotext h3 {
font-size:14px;
color: rgb(17,51,87); /* Blue */
font-weight:bold;
margin:15px 0 5px 0;
}

p + h2, ul + h2, ol + h2 {
padding-top:10px;
}

p + h3 {
padding-top:5px;
}

#widecontentcol h2 {
font-size:1.6em;
color: #F78F1E; /* Orange */
font-weight:normal;
margin:0 0 5px 0;
}

.contentcol .colheader {
font-size:25px;
color: #841434; /* Red */
font-weight:normal;
line-height:1.3em;
margin-top:50px;
display:block;
}

.coltwotext .colheader {
font-size:25px;
color: #841434; /* Red */
font-weight:normal;
line-height:1.3em;
margin:20px 0 10px 0;
display:block;
text-align:center;
border-top:1px solid #D6D3C7;  /*Light brown */
padding-top:10px;
}

.noline {
border-top:0!important;
margin:10px 0!important;
}

.contentcol .colheader a:link, .contentcol .colheader a:visited {
font-size:18px;
color: #F78F1E; /* Orange */
font-weight:normal;
line-height:1.3em;
}

.colone {
width:285px;
margin:30px 25px 0 25px;
}

.coloneblog {
width:425px; /* Changed from 375px DD 07/07/10 */
margin:30px 25px 0 25px;
}

.coltwo {
width:325px;
margin:30px 0 0 0;
text-align:center;
}

.coltwotext {
width:285px;
margin:30px 25px 0 25px;
position:relative;
}

.coltwotext p {
color:rgb(17,51,87); /* Blue */
}

.coltwotext h2 {
color: rgb(17,51,87); /* Blue */
font-size:14px;
line-height:16px;
font-weight:normal;
margin:0 0 10px 0;
}

.coltwotext ul, .coltwotext ol {
margin:10px 0 10px 20px;
}

.coltwotext ul li, .coltwotext ol li {
color:#757060; /* Really dark brown */
font-size:13px;
font-style:italic;
line-height: 18px;
margin-bottom:5px;
list-style: disc;
}

.coltwofeature {
width:325px;
height:325px;
background:url(images/GCoP_featuredcircle_BG.jpg) no-repeat center center transparent;
position:relative;
margin:30px 0 0 0;
}

.coltwofeature p {
font-size:14px;
line-height:22px;
margin:25% auto;
text-align:center;
color:rgb(255,255,255);
}

.coltwofeature p.poem em {
font-size:16px!important;
line-height: 26px;
}

.coltwofeature p.poem {
padding-top:25px;
}

.quoteauthor {
position:absolute;
top:240px;
left:150px;
background:url(images/GCoP_quoteauthor_BG.png) no-repeat top left transparent;
width:125px;
height:125px;
z-index:100;
padding:0 15px 30px 15px; /* Updated from 15px all round on 05/10/10 to accommodate the new author */
}

.quoteauthor p {
color:rgb(17,51,87); /* Blue */
}

/* List items in column one */
.colone ul li, .colone ol li, .coloneblog ul li, .coloneblog ol li, .coltwotext ul li, .coltwotext ol li {
color: rgb(17,51,87); /* blue */
font-size:13px;
font-weight:400;
line-height: 24px;
list-style: disc outside;
margin:0 0 10px 15px;
}


/* SIDEBAR */

#sidebar h2 {
color: rgb(17,51,87); /* Blue */
font-size:14px;
line-height:16px;
font-weight:600;
margin-bottom:10px;
}

#sidebar ul {
margin:10px 0 20px 0;
color:#841434; /* Red */
}

#sidebar ul li {
margin-bottom:5px;
}

#sidebar ul li a:link, #sidebar ul li a:visited {
color: rgb(215,172,39); /* Yellow */
font-size:12px;
line-height:16px;
text-decoration:none;
}

#sidebar ul li a:hover, #sidebar ul li a:active {
text-decoration:underline;
}

/* LINKS */

.contentcol a:link, .contentcol a:visited, #widecontentcol a:link, #widecontentcol a:link {
font-size:13px;
color:rgb(215,172,39); /* Yellow */
text-decoration:none;
}

.contentcol a:hover, .contentcol a:active, #widecontentcol a:hover, #widecontentcol a:active {
text-decoration:underline;
}

/* FOOTER */

#footer {
background:url(images/GCoP_footer_BG.jpg) repeat-x top left rgb(17,51,87); /* Blue */
width:670px;
padding:0 30px;
margin:0 auto;
position:relative;
border-bottom:5px solid rgb(215,172,39); /*yellow */
}

#footer H1, #footer H1 span {
font-size:25px;
color:#fff;
font-weight:normal;
padding:20px 0;
letter-spacing: 1px;
}

.copyright {
position:absolute;
left:510px;
top:25px;
width:200px;
color:white;
font-size:1.2em;
text-align:right;
}

.karyx {
position:absolute;
text-align:right;
left:500px;
top:10px;
}

#backtotop {
width:620px;
padding:30px 55px;
margin:0 auto;
background:white;
position:relative;
}

#backtotop a:link, #backtotop a:visited {
font-size:13px;
color:rgb(215,172,39); /* Yellow */
text-decoration:none;
}

#backtotop a:hover, #backtotop a:active {
text-decoration:none;
border-bottom:1px dotted;
}

/* SUB NAV BAR */

#subnav {
width:670px;
padding-top: 10px;
margin:0 auto 20px auto;
color:rgb(17,51,87); /* Blue */
font-size:1.2em;
position:relative;
text-align:center;
}

#subnav p {
font-size:10px;
line-height:20px;
}

#subnav p a:link, #subnav p a:visited {
color:rgb(17,51,87); /* Dark blue */
text-decoration:none;
border-bottom:1px dotted;
}

#subnav p a:hover, #subnav p a:active {
color:rgb(215,172,39); /* Yellow */
text-decoration:none;
border-bottom:1px dotted;
}

/* TYPOGRAPHY */

small {
font-style:italic;
font-size:11px;
font-weight:600;
text-transform: uppercase;
margin-bottom:10px;
display:block;
color:rgb(17,51,87);
}

em {
font-size:13px;
}

/* BLOG LAYOUT */

ul.what-we-do li { 
	font-weight:normal;
	font-style:normal;
	color: #665C41
	}

#respond H3 {
color: rgb(17,51,87); /* Dark blue */
font-size:13px;
/*line-height:1.6em;*/
margin-bottom:10px;
}

textarea#comment {
width:417px;
border:1px solid rgba(17,51,87, 0.2); /* Dark blue */
padding:3px;
margin:5px 0;
background-color:rgba(227,231,235,0.4); /* Pale blue */
}

#commentform input#submit {
margin:5px 0 25px 0;
width:auto;
background-color: rgb(17,51,87); /* Blue */
color:rgb(255,255,255);
font-weight:400;
border:none;
letter-spacing:1px;
}

h3#comments {
font-size:14px;
color:#F78F1E; /* Orange */
margin-bottom:10px;
}

.navigation { /* The 'navigation' for the blog */
background-color:rgba(17,51,87,0.1); /* Light blue */
padding:10px 10px 0 10px;
}

.navigation .alignleft, .navigation .alignright {
padding-bottom:10px;
font-size:13px;
}

#commentform input[type="hidden"] {
border:0;
display:none;
}

div.horizrule {
height:5px;
border-bottom:1px solid #D6D3C7;
margin-bottom:20px;
}

ol.commentlist li {
padding:10px 0;
border-bottom:1px solid #D6D3C7;
margin-bottom:5px;
font-weight:normal;
list-style:none;
}

/*cite {
font-size:11px;
color:#9D9784;
}*/

.says {
font-size:11px;
color:#9D9784; /* Dark brown */
font-style:italic;
}

p.postmetadata {
font-size:11px;
font-style:italic;
color:rgba(17,51,87, 0.2); /* Dark blue */
}

p.postmetadata a:link, p.postmetadata a:visited,p.postmetadata a:hover,p.postmetadata a:active {
font-size:11px;
}

#searchform input {
width:137px;
border:1px solid rgba(17,51,87, 0.2); /* Dark blue */
padding:3px;
margin:5px 0;
background-color:rgba(227,231,235,0.4); /* Pale blue */
color: rgb(17,51,87);
font-size:12px;
font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#searchform input#searchsubmit {
margin:5px 0 25px 0;
width:auto;
background-color: rgb(17,51,87); /* Blue */
color:rgb(255,255,255);
font-weight:400;
border:none;
letter-spacing:1px;
}

#searchform label {
font-size:14px;
font-weight:600;
color: rgb(17,51,87); /* Blue */
display:none;
}

.wp-caption img {
border-bottom:5px solid #D7AC27;
}

p.wp-caption-text {
padding:5px 0;
font-style:italic;
font-size:12px;
}

/* ABOUT US */

.aboutpic {
width:120px;
height:125px;
background-color:rgb(17,51,87);
margin:25px 10px 15px 0;
float:left;
border-bottom:10px solid rgb(215,172,39); /* Yellow */
color:rgb(255,255,255);
text-align:center;
font-weight:600;
}

.aboutcopy {
width:150px;
float:left;
margin:25px 0 10px 0;
}

.aboutcopy h3 {
margin-top:0;
}

/* WORKSHOPS */

blockquote {
font-size:13px;
color: rgba(17,51,87,0.5); /* 50% tint dark blue */
margin:30px 0 10px 0;
line-height:20px;
text-indent:-0.5em; /* Hang the quotes */
}

p.testimonial {
font-size:12px;
font-style:italic;
margin:10px;
}

/* CONTACT */
.contactform {
width:325px;
}

input, textarea {
width:320px;
border:1px solid #BBB5A2;
padding:5px 3px;
margin:5px 0 10px 0;
background-color:#F2F1EF;
color: #757060;
font-size:12px;
font-family: 'Century Gothic', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

input#contactsubmit {
margin:10px 0;
width:auto;
background-color: #841434; /* Red */
color:white;
font-weight:bold;
border:none;
}

.contactform label {
font-size:12px;
font-weight:bold;
color: #841434; /* Red */
}

.contactform_error {
border:4px solid #841434; /* Red */
font-style:italic;
padding:5px;
text-align:center;
background-color: #F78F1E;
}

/* IE6 PNG FIX */
img, div {
behavior: url(iepngfix.htc)
}

/* Colour tweaks */

#footer H1 span.yellow {
color:rgb(215,172,39);
}

#bigcircle {
width:966px;
margin:0 auto;
padding:0;
background:url(images/GCoP_BGdetail.png) no-repeat top center transparent;
}

/* Creates the dedication layout on the overall vision page */
.dedication {
padding:0 0 20px 0;
text-align:center;
border-bottom:1px solid rgba(17,51,87,0.2);
font-style:italic;
font-size:18px;
line-height:24px;
font-family:"Georgia", "Palatino Linotype", serif;
color:rgb(17,51,87);
}

.peace {
padding:20px 0;
text-align:center;
border-bottom:1px solid rgba(17,51,87,0.2);
border-top:1px solid rgba(17,51,87,0.2);
/*border-bottom:5px solid rgb(215,172,39);*/
font-style:italic;
font-size:18px;
line-height:24px;
font-family:"Georgia", "Palatino Linotype", serif;
color:rgb(17,51,87);
margin:20px 0;
}

p.compass {
padding:20px 0;
text-align:center;
border-bottom:1px solid rgba(17,51,87,0.2);
border-top:1px solid rgba(17,51,87,0.2);
/*border-bottom:5px solid rgb(215,172,39);*/
font-style:italic;
font-size:20px;
line-height:28px;
font-family:"Georgia", "Palatino Linotype", serif;
color:rgb(17,51,87);
}

/* Hide & reveal sections */

.leadinglights {
background-color: transparent;
margin:0 0 25px 0;
padding:1px 0;
}

p[title="PDF"]{
padding:10px 0 10px 35px;
background:url(images/PDFicon.png) no-repeat center left transparent;
line-height:16px;
}

p[title="JPEG"]{
padding:10px 0 10px 35px;
background:url(images/JPEGicon.gif) no-repeat center left transparent;
line-height:16px;
}

p[title="ZIP"]{
padding:10px 0 10px 35px;
background:url(images/ZIPicon.png) no-repeat center left transparent;
line-height:16px;
}

p[title="PDF"] + H1, p[title="JPEG"] + H1, p[title="ZIP"] + H1 {
margin-top:35px;
}

p[title="PDF"] + H1 {
margin-top:35px;
}

a[title="hidereveal"] {
padding:0 20px 0 0;
/*background:url(images/arrow_down.gif) no-repeat center right transparent;*/
}

p.ll_link, p.cont_link, p.part_link, p.silence_link, p.art_link, p.written_link, p.light_link, p.sacred_link, p.ceremony_link {
border-top:3px solid rgb(215,172,39); /* Yellow */
border-bottom:1px solid rgba(17, 51, 87, 0.2); /* pale blue */
padding:5px 0;
}

/* Blog posts */
.post h1 {
font-size:18px;
font-weight:normal;
margin:30px 0 15px 0;
line-height:24px;
padding:10px 0;
border-top:5px solid rgb(215,172,39);
/*border-bottom:1px solid rgba(17,51,87,0.2);*/
}

.post h1 a:link, .post h1 a:visited, .post h1 a:hover, .post h1 a:active {
font-size:18px;
}

.post h1.hometitle {
font-size:18px;
color: rgb(17,51,87); /* Blue */
font-weight:normal;
margin-bottom:20px;
line-height:24px;
padding-bottom:10px;
border-bottom:1px solid rgba(17,51,87,0.2); /* Blue */
border-top:none;
margin-top:0;
}

/* current page navigation highlight */
#navbar ul li.current a:link, #navbar ul li.current a:visited, #navbar ul li.current a:hover, #navbar ul li.current a:active {
color:rgb(215,172,39); /*Yellow */
}