/*  
Theme Name: We Are All One
Theme URI: http://www.weareallone.com
Description: We are all one, Design by New Face Design, Theme originally created by New Face Design, and updated/repaired by Zenful Creations, Inc.
Version: 1.7
Author: Anne-Lene Andresen & Zenful Creations, Inc.
Author URI: http://www.zenfulcreations.com

*/


/* Begin Typography & Colors */
body {
	margin: 0 auto;
	padding: 0;
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(images/bg_pattern.jpg);
	color: #fff;
	text-align: center;}
	

a{ color: #ffa31f;}
a:hover{ color: #fff;}

#premium-video { margin: 10px 0 5px 0 } 
#button { margin: 0 auto; padding: 5px; text-align:center; height: 60px;}
.button { margin: 15px 0; padding: 15px; text-decoration: none; font: Arial, Helvetica, sans-serif; font-weight: bold; background: #662404; color: white; border: 4px solid white; text-align: center; display:block; width: 215px;}
.button:hover { background: #662404;  color: white; border: 4px solid #ffe720;  }
.video-preview { width: 240px; background-color: black; border: 2px solid white; float: left; }

.entry h2 { margin: 0; padding: 0; color: #fffb58; font-size: 30px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none;}

.entry h3 { color: #fffb58; }
h3 a{ font-size: 22px; color: #ffa31f;}

h2 a{ margin-top: 0; padding-top: 0; color: #fffb58; font-size: 30px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none;}
h2.post a{ margin: 0 0 8px; font-size: 30px; font-weight: normal;}

h2{ font-size: 12px;  color: #000;margin-top: 0; padding-top: 0;}
h2.post, h2.post a{ color: #fff; text-decoration: none;}
h2.pagetitle { font-size: 30px; font-weight: bold; color: #fff; margin: 10px 0;}

.entry h4 { font-size: 14px; 
            color: #fffb58; }

h5, h5 a { margin: 0; padding: 0; padding-bottom: 0px; margin-bottom: 0px;}

.entry h6 { font-size: 10px; }

hr { border: none 0; border-top: 1px solid #aa3f0e; width: 80%; height: 1px; margin: 10px auto 0 0; }

#content_center{
	text-align: left;
	width: 909px;
	margin: 0 auto;
	padding: 0px;
	background-color: #963303;
	background-image: url(images/bg_content.jpg);
	background-repeat: repeat-y;	
	text-align: left;}

#top{
	background-image: url(images/bg_header.jpg); 
	height: 228px;}
	
#header_center{
	margin: 0 auto;
	padding: 0px;
	width: 909px;
	height: 228px;
	text-align: left;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;}
	
#header{
	height: 107px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	margin-left: 23px;}
	
#navmenu ul {
	margin: 0 auto; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	text-align: center;}

#navmenu ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; }
	
#navmenu li {display: inline; padding-bottom: 20px; color: #000; }

#navmenu li a{color: #000;}

#navbar{
	margin-top: 46px;
	height: 45px;}
	
#home{	
	background-repeat: no-repeat;
	background-position: top;
	width: 79px;
	height: 35px;}
	
#about{	
	background-repeat: no-repeat;
	background-position: top;
	width: 84px;
	height: 35px;}
	
#content_left{	
	float: left; 
	width: 220px;
	margin-left: 8px;
	text-align: left;}

#content_right{
	float: right;
	border: 0px solid green;
	width: 669px;
	margin-right: 12px;
	margin-top: 10px;
	text-align: left;}

	
.category {font-weight: bold; font-size: 11px;}
.category a{color: #fff; text-decoration: none;	border-bottom: 1px solid #d78202;}
.category a:hover{color: #d78202;}
.arrow{
	background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 16px;}
	
.comments{
	background-image: url(images/comment.gif);
	background-repeat: no-repeat;
	background-position: 0 .3em;
	padding-left: 16px;}

#comments h3 { margin: 10px 0 5px 0; padding: 0; }
	
.commentlink{
	font-size: 13px;}

.wp-caption {
   text-align: center;
}

.wp-caption img {
}

.wp-caption p.wp-caption-text {
   font-size: 10px;
}


/* End Typography & Colors */

#twocolcats { padding:10px; background: #d78202;}
#twocolcats p { padding:2px; }
#twocolcats h4 { margin:0; color: #fffb58; font-weight:bold; font-size:16px; border-bottom:1px solid #fffb58; border-top:1px solid #fffb58; background:#aa3f0e; padding:8px 15px; }
#twocolcats ul { list-style-type:none; padding:0;}
#twocolcats li { font-size:12px; padding:6px 0 6px 0px; no-repeat; background-position:0px 12px; font-weight: bold;}
#twocolcats li a { font-size:12px; color: white; }
#twocolcats li a:hover {color: #6b1801; }
#twocolcats.tags { text-align:justify; width:226px; overflow:hidden;}
#twocolcats.tags a {color: white; }
#twocolcats ul.right {float:right; width:280px;}
#twocolcats ul.left {float:left; width:240px;}
#twocolcats .c {clear:both;}



/* Begin Structure */

h2.pagetitle {	font-size: 16px; font-weight: normal;	}

#page {
	background-color: #973204;
	margin: 0px auto;

	padding: 0;
	width: 909px;
	border: 1px solid #959596;	
	text-align: left;}

/* End Structure */


.date{font-style: italic; font-weight: bold; color: #D88402;}

.entry{	
	background-image: url(images/bg_post.jpg);
	background-repeat: no-repeat;
	background-color: #973204;
	padding: 20px 25px;}


#sidebar{width: 204px;}
	
#sidebar_content{
	background: url(images/bg_left_gradient.gif) repeat-x top #D78202;
	border-left: 1px solid #B25608;
	border-right: 1px solid #B25608;
	padding: 10px 10px;
	text-align: left;}
	
.heading{ color: #000; font-weight: bold; padding-top: 15px;}

.content{border-bottom: 1px solid #EAB608;}

#left_column{ padding: 0 10px;}

#left_top{
	width: 204px;
	height: 9px;
	background-image: url(images/bg_top.gif);
	background-repeat: no-repeat;
	background-position: top;
	border: 0px solid red;
	margin-top: 10px;}
	
#left_bottom{
	width: 204px;
	height: 9px;
	background-image: url(images/bg_bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;}

.navlist{
	margin-left: 0; 
	padding-left: 0; 
	list-style: none;
	font-weight: normal;
	color: #000}

.navlist ul{list-style-type: none; 
	border-bottom: 1px solid #D48800; 
	padding-bottom: 12px;
	padding-top: 0px;}

.navlist li {
	padding-top: 0px;
	margin-left: 0;
	padding-left: 20px;
	background-image: url(images/sun.png);
	background-repeat: no-repeat;
	background-position: 0 .1em;}
	
.navlist li a{
	color: #fff; 
	text-decoration: none; 
	font-weight: bold;}

.navlist li a:hover{ 
	color: #6B1801;}
	
/* SEARCH */
	
input.search_button{
	background-image: url(images/search.png);
	background-repeat: no-repeat;
	border: 0px;
	color: #000000;
	width: 72px;
	height: 20px;
	margin-top: 2px;}

.search{ padding: 0;	border-bottom: 1px solid #D48800;
	text-align: left;}

.rss{	font-weight: bold;
	color: #000000;}



/* End Entry Lists */

.narrowcolumn {
	float: right;
	padding: 0 0 20px 0;
	width: 660px;
	text-align: left;}
	
.widecolumn {
	margin: 0 auto;
	padding: 0;
	width: 909px;
	text-align: center;
	background-color: #963303;
	background-image: url(images/bg_content.jpg);
	background-repeat: repeat-y;
	border-bottom: 1px solid #963303;
	border-top: 1px solid #963303;}
	
.post {
	padding: 0;
	text-align: left;
	border: 0px solid red;}

.narrowcolumn .postmetadata {	padding-top: 5px;	}
	
/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;}

#sidebar #searchform #s {width: 170px; padding: 2px;}
#sidebar #searchsubmit {padding: 1px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;}

select {	width: 130px;}

#commentform{ text-align: left; padding-left: 30px;}
#commentform input {	margin: 5px 5px 1px 0;}
#commentform textarea {padding: 2px; text-align: left;}
#commentform #submit {margin: 0;}
	
/* End Form Elements */
	
	
/* Begin Comments*/

.alt {
	margin: 0;
	padding: 10px;	}

.commentlist {
	padding: 5px 0 5px 0;
	text-align: justify;}
	
.commentlist ol{list-style-type: none; padding: 5px 5px 10px 10px;}

.commentlist li {
	margin: 15px 0 15px 0;
	padding: 5px 10px 15px 0;
	list-style-type: none;	}

.commentlist p {margin: 10px 5px 10px 0;}

#commentform p {margin: 5px 0;}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;	}

.commentmetadata {
	margin: 0;
	display: block;}

/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}

blockquote { display: block; padding: 0 60px 15px 15px; width: 480px; }
blockquote:before, blockquote:after { color: #e2671b; display: block; font-size: 900%; width: 50px; }
blockquote:before { content: open-quote; height: 0; margin-left: -0.55em; }
blockquote:after { content: close-quote; height: 50px; margin-top: -70px; margin-left: 490px; }

blockquote cite {
	margin: 5px 0 0;

	display: block;
	list-style-type: none;}

.center {text-align: center;}

.font20 { font-size: 20px; }

a img {border: none;	}


.navigation {
	display: block;
	text-align: left;
	margin: 0px 30px 20px 0px;


        font-size: 11px; }

/* End Various Tags & Classes*/


#footer {
	padding: 0;
	margin: 0 7px;
	background-color: #B96308;
	border-top: 1px solid #D99F1D;
	border-bottom: 1px solid #D99F1D;
	padding: 35px 0 20px;
	background-image: url(images/loved.gif);
	background-repeat: no-repeat;
	background-position: center;}

/* Begin Images */
p img {
        padding: 0;
        max-width: 100%;
        }

/*      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.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
        }


img.alignright {
        padding: 4px;
        margin: 1 0 2px 7px;
        display: inline;
        }

img.alignleft {
        padding: 4px;
        margin: 0 7px 2px 0;
        display: inline;
        }

.alignright {
        float: right;
        }

.alignleft {
        float: left
        }
/* End Images */