/*  
Theme Name: Gloria Latham
Theme URI: http://juicemarketing.ca
Description: A custom theme for Gloria Latham.
Version: 1.0
Author: Juice
Author URI: http://juicemarketing.ca
*/



*{margin:0 auto; padding:0;}

img {border:none}

body{
	margin: 0;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
	background: #fff;
	color:#808284;

}

.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%;
}


h1{
	font-size: 20px;
}


a:link, a:visited{
	color:#0088cd;
	font-weight:bold;
	text-decoration:none
}

a:hover{
	text-decoration: underline
}

.floatLeft{
	float:left;
	display: block
}

.floatRight{
	float:right;
}

.clearBoth{
	clear:both;
}


p{
	margin-bottom: 10px
}

.cc{
	background: #fff
}

/*------------layout-------------*/
#container{
	width:980px;
	z-index: 100;
	position:relative;
	min-height:850px
	}

#header{
	position: relative;
	height:400px;
}

#header .logo{
	position:relative;
	float:right;
	top:65px;
}

#header .logo-semperviva{
	position: relative;
	float:left;
	top:300px;
	left:40px
}

#header .blog-box{
	position: absolute;
	top:230px;
	right:0px;
	width:300px;
	height:150px;
	padding:20px;
	background: url('images/blog_box.png') no-repeat;
}

#header .blog-box p{
	font-size:11px
}

#navigation{
	clear:both;
	background: url('images/nav_bg.gif') no-repeat;
	height:70px;
	width:975px;
}


#navigation ul{
	margin-top:30px;
	float:left;
	margin-left:35px
}

#navigation ul li{
	display: block;
	float:left;
	margin-left:30px;
}


#navigation a{
	color:#000;
	font-weight: normal;
	padding:4px 
}

#navigation a:hover, #navigation a.current_page_item{
	background:#0088cd;
	text-decoration: none;
	color:#fff;
}

object.bg-video, embed.bg-video {
	z-index: 0;
	position:absolute;
	left:0
}

#content{
	width:700px;
	font-size:12px;
	float:left;
	text-align: left;
}

.is-page #content{
	margin-top:20px;
}

/*--------button----------*/

a.button {
    color: yellow;
    text-transform: uppercase;
    display: block;
    float: left;
    height: 21px;
    margin-right: 5px;
    padding-right: 6px; /* sliding doors padding */
    text-decoration: none;
    outline:none;
    font-size: 9px;
    background: url('images/button_a.gif') right no-repeat;
    font-weight: normal;
    margin-top:20px
}

a.button span {
    display: block;
    padding: 6px 5px 6px 11px;
    line-height:9px;
    background: url('images/button_span.gif') left no-repeat;
    color: yellow;
}

a:hover.button{
	text-decoration: none;
} 


/*-------------post styles-----------------*/
.post{
	padding: 10px 20px;
}


.blog-page .post {
	padding:20px 0 0 0
}

.post a{
	color: #666;
	text-decoration: none
}

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


.post h2{
	font-size: 22px;
	color:#333;
	font-weight: normal;
}

.blog-page .post h2{
	font-size: 16px;
	font-weight: normal;
}

.blog-page .post a{
	color: #0088CD;
}

.blog-page .post a.button{
	color: yellow;
	text-decoration: none
}

.entry{
	line-height: 18px;
	border-bottom: 2px solid #eee
}

.postmetadata{
	border-top: 1px solid #EEE;
	padding: 2px 0;
	color: #AAA;
	font-size:11px
}

.metabox{
	float: left;
	width: 99%;
	line-height: 20px;
	margin: 15px 0;
	padding: 5px 0 5px 5px;
	/*background: #EEE;*/
	font-size:11px;
	color:#999
}

.metabox a{
	text-decoration: none;
	color:#666
}

.commentlink{
	padding: 2px 0 2px 20px;
	background: url('images/comment.png') left center no-repeat;
	margin-left: 0;
}

.editcomment a, a.post-edit-link{
	padding: 2px 0 2px 20px;
	background: url('images/pencil.png') left center no-repeat;
	margin-left: 10px;
	text-decoration: none;
}

.editcomment a:hover, a:hover.post-edit-link{
	background:transparent url('images/pencil.png') left center no-repeat;
	text-decoration: underline;
	color:#666
}

.catlink{
	padding: 2px 0;
	color:#999
}

.taglink{
	display: block;
	padding: 2px 0;
}


/*Sidebar
-----------------------------------------------------*/
.sidebar{
	float: left;
	width: 250px;
	display: inline;
	margin-top:10px
}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 10px;
}

.chai-page .sidebar ul, .blog-page .sidebar ul{
	list-style-type: disc
}

.sidebar ul li{
	/*padding: 10px 0 10px 0;*/
}

.sidebar ul li h2{
	font-size: 15px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #999;
	color:#999
}

.sidebar ul ul li{
	padding: 0;
	line-height: 24px;
	list-style: circle;
	border-bottom:1px solid #fff;
}

.sidebar ul li.recent-comments ul li{
	line-height: 18px
}


.sidebar ul li.about-side img{
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	border: #444 2px solid;
}

a.read-more-link {
	float:right;
	font-size: 11px;
	margin-top:5px;
}

.sidebar .cc{
	border: 1px solid #99ccff;
	width:186px;
	text-align: left
}

.sidebar h3{
	color:#0088CD;
	margin-bottom: 20px
}


.sidebar .buttons-wrapper{
	/*margin-top: -10px*/
}

.sidebar .buttons-wrapper a.button{
	float:right;
	margin-right:30px;
	margin-top:10px;
}

.sidebar .cc .wrapper{
	padding: 10px;
}

.sidebar .cle{
	height:20px;
	margin-bottom: 10px
}

.sidebar .cc .wrapper img{
	max-width: 170px;
	height:auto;
}

/*Tags
-----------------------------------------------------*/
.tags,
#tag_cloud {
	margin: 0 0 15px;
}
.tags {
  text-align: center;
}
.tags a,
#tag_cloud a {
	color: #AAA;
	margin: 0 2px;
}

.cle{
	clear: both;
}

/*Footer
-----------------------------------------------------*/
#footer{
	clear: both;
	float: left;
	text-align: center;
	width: 984px;
	margin: 15px 0;
	color: #333;
	border:1px solid #99ccff;
	font-size:11px
}


#footer .social-btns{
	float:left;
	padding:10px
}

#footer p{
	float:right;
	padding:15px 10px 0 10px;
}

/*Comments
-----------------------------------------------------*/
.alt{
	background: #EEE;
}

.comments-template{
	margin: 10px 0 0 0;
	border-top: 1px solid #ccc;
	
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	line-height: 18px;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 12px;
}

.commentlist li{
	list-style: none;
	padding:5px
}

h4#comments{
	font-size:16px;
	border-bottom:1px solid #EEEEEE;
	margin-bottom: 10px
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* 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;
}

/* global/universal image classes */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


/*Avatar
-----------------------------------------------------*/
.commentlist li .avatar {
float: right;
border: 1px solid #EEE;
padding: 2px;
margin: 0 10px;
background: #fff;
}

/*Page
-----------------------------------------------------*/
.page .entry{
	border-bottom: none;
}

.page {
	min-height:500px;
	height:auto !important;
	height:500px;
	padding-bottom: 20px
}

.page #header{
	height:240px;
	background: url('images/header_bg01.jpg') no-repeat;
}

.page #navigation{
	top:80px;
	position: relative;
	clear:both
	}
	
.page .logo-semperviva-sm{
	top:105px;
	left:20px;
	position: relative;
	float:left;
}	

.addthis_container{
	margin-top:10px
}

#search h2{
	margin-bottom: 10px
}

img.alignleft{
	margin-bottom:10px;
	margin-right:10px;
}

img.alignright{
	margin-bottom:10px;
	margin-left:10px;
}

.page #content h2.title{
	color:#000;
	font-size:22px;
	font-weight: bold;
	margin-bottom:20px;
}


.page .is-page #content h2.title, .page .chai-page #content h2.title, .page .blog-page #content h2.title{
	margin-bottom: 0
}

.page #content ul{
	margin-left: 20px;
	margin-bottom:10px
}

.page #content ul.commentlist {
	margin-left: 0
}

/*------is-page------*/

body.page-template-page-is-php #header{
	background: url('images/header_bg01.jpg') no-repeat;
}

.is-page .content-top, .chai-page .content-top, .two-col .content-top{
	color:#0088cd;
	margin-top:20px
}

.is-page .content-left, .chai-page .content-left, .two-col .content-left{
	width: 320px;
	float:left;
}

.is-page .content-right, .chai-page .content-right, .two-col .content-right{
	width: 320px;
	float:right;
}

.is-page .sidebar .nav {
	background: url('images/sidebar_rocks_bg.jpg') no-repeat;
	width:210px;
	height:180px;
}

.is-page .sidebar .nav ul{
	padding-top:10px;
	width:170px;
	text-align: center;
	margin-left: 10px
}

.is-page .sidebar .nav li{
	padding:5px;
	border-bottom:1px solid #99ccff
}

.is-page .sidebar .nav a{
	display: block;
	width: 115px;
	padding:2px;
	font-size:16px;
	font-weight: normal
}

.is-page .sidebar .nav a:hover, .is-page .sidebar .nav a.current_page_item{
	background: url('images/sidebar_hover.gif') repeat-x;
	text-decoration: none;
}

.is-page .sidebar .button, .two-col .sidebar .button{
	float:right;
	margin-right:30px
}

.is-page #content h1, .is-page #content h2, .is-page #content h3
.two-col #content h1, .two-col #content h2, .two-col #content h3{
	color:#0088CD
}


/*------home-page------------*/
.home-page #content{
	width:850px;
	margin:20px auto;
}


.home-page .buttons-wrapper .button{
	float:right;
	margin-top: 140px;
	right:20px;
	float:right;
}

.home-page .quote-div{
	width:400px;
	height:125px;
	float:left;
	font-style: italic;
	font-family:'Times New Roman', serif;
	font-size:14px;
	line-height: 18px;
	margin-top: 140px;
	text-align: right;
	margin-left:160px
}

.home-page .quote-div p{
	color:#0088cd;
	margin-top:10px
}

.background{
	width:740px;
	position:relative;
	top:150px;
	left:50px;
	z-index:0
}

/*--------Page Templates------------*/

body.page-template-page-thinks-php #header,
body.page-template-page-thinks-believes-php #header,
body.page-template-page-thinks-loves-php #header{
	background: url('images/header_bg_thinks.jpg') no-repeat;
}

body.page-template-page-thinks-php .sidebar .music-player{
	clear:both;
	margin-top:20px
}

body.page-template-page-chai-php #header{
	background: url('images/header_bg_chai.jpg') no-repeat;
}

body.page-template-page-empowerment-php #header{
	background: url('images/header_bg_empowerment.jpg') no-repeat;
}

body.page-template-page-kundalini-php #header{
	background: url('images/header_bg_kundalini.jpg') no-repeat;
}

body.page-template-page-teacher-php #header{
	background: url('images/header_bg02.jpg') no-repeat;
}

body.page-template-page-press-php #header{
	background: url('images/header_bg_press.jpg') no-repeat;
}


body.page-template-page-videos-php #header{
	background: url('images/header_bg04.jpg') no-repeat;
}

body.page-template-page-greece-php #header{
	background: url('images/header_bg03.jpg') no-repeat;
}

.no-sidebar #content{
	width:930px;
	margin-left: 20px
}

.videos-page embed, .videos-page object{
	margin-top:10px;
	margin-right:10px;
}

.chai-page .content-right h2{
	font-size: 16px;
	margin-bottom: 10px
}

.press-page .prev-arrow{
	width: 52px;
	height:262px;
	float: left;
}

.press-page #content .wrapper{
	width: 560px;
	padding: 10px;
	min-height:262px;
	float: left
}

.press-page .next-arrow{
	width: 52px;
	height:262px;
	float: left;
}

.press-page .prev-arrow a{
	background: url('images/prev_arrow.gif') no-repeat;
	cursor: pointer;
	display: block;
	width: 52px;
	height:262px;
}


.press-page .next-arrow a{
	background: url('images/next_arrow.gif') no-repeat;
	cursor: pointer;
	display: block;
	width: 52px;
	height:262px;
}

.press-page .next-arrow span, .press-page .prev-arrow span{
	display: none
}

.events-cal{
	width:180px;
}

.events-cal h2{
	font-size:14px;
	color:#0088CD
}

.events-cal h4{
	text-align: left;
	margin-top:10px
}

.events-cal ul{
	list-style-type: disc;
	text-align: left;
	list-style-position:inside;
}

.page #content .buttons-wrapper a.button{
	float:right;
	margin-right:30px;
	margin-top:10px;
}

.chai-page a.read-more-link{
	margin-top:2px;
}

.chai-page .commentlink{
	float:left
}

.chai-page .content-left .entry, .chai-page .content-right .entry{
	margin-bottom: 10px;
	padding:10px;
	border-bottom: 1px dotted #99CCFF
}

.blog-page #content span.floatRight a.button{
	margin-top: 10px;
}

.audio-player{ 
	width:100px;
	position: relative;
	clear:both;
	float: right;
	margin-top: -40px
}

.chai-page img.attachment-chaithumb{
	float:left;
	margin:10px 10px 10px 0;
}


/*--------contact-page----------*/

.contact-page form{
	margin-top:20px;
	width:600px;
	float:left;
}

.contact-page form p{
	margin-bottom:12px;
	clear:both;
	color:#666;
	font-size:12px
}

#commentform p{
	color:#666;
}

.contact-page form p span{
	font-size: 11px;
	color:#999;
	margin-left:5px
}

.contact-page form span.your-message{
	margin-left: 0
}

.contact-page form label{
	float:left;
	width:90px;
	text-align: right;
	margin-right:10px
}

.contact-page form input{
	float:left;
	width:300px
}


.contact-page form .submit-btn{
	padding:0
}

.contact-page form textarea{
	width:350px;
	margin-top: 10px
}

.contact-page form .submit-btn input{
	background: #0088CD;
	color:#fff;
	text-transform: uppercase;
	border:0;
	padding:5px;
	font-weight: bold;
	cursor: pointer;
	margin-left:100px;
	width: 50px;
	margin-top: 0
}

#header .top-nav{
	position: absolute;
	top:5px;
	right:5px;
}

#header .top-nav a{
	color:#be9700;
	margin-right:20px;
	font-weight: normal
}

.press-page h3{
	font-size:14px;
	color:#666;
	margin-bottom:10px
}

.page .press-page #content h2.title{
	margin-bottom:20px
}

.music-player embed, .music-player object{
position:relative; left:-30px
}

/*-----------home page (new) ---------*/

body.home-new{
	background:url('images/bg.jpg') no-repeat top;
	font-family: verdana, helvetica, sans-serif;
	font-size:13px;
	}

.home-new #container{
	width:980px;
	position:relative;
	min-height:850px
	}

.home-new #header{
	position: relative;
	height:400px;
}

.home-new #header .logo{
	position:relative;
	float:right;
	top:50px;
}

.home-new #header .logo-semperviva{
	position: relative;
	float:left;
	top:230px;
	left:40px
}

.home-new #header .blog-box{
	height:120px;
	padding-top:10px;
	position:absolute;
	right:54px;
	text-align:left;
	top:225px;
	width:250px;
}

.home-new #header .blog-box a.title{
	font-size:12px
}

.home-new #content{
	width:850px;
	margin-top:20px;
}

.home-new #navigation {
	background:url("images/nav_bg.gif") no-repeat scroll 0 0 transparent;
	clear:both;
	height:70px;
	width:975px;
}

.home-new #navigation ul{
	margin-left: 0
}

.home-new #content .youtube{
	margin-top:10px;
	float:left;
	clear:both
}

.home-new .video-div h4{
	color:#0088cd;
	font-size:14px;
	float:left;
}

.home-new .video-div{
	float:left;
	width:325px;
	margin-left:30px;
}

.home-new .video-div .button{
	float:right;
	margin-left:20px;
	margin-top:2px;
}

.home-new #header .button{
	position: relative;
	float:right;
	margin-top:0;
}


.home-new #header .blog-box .button{
	margin-top: -40px;
	margin-right:-40px;
}

.home-new .quote-div{
	width:275px;
	height:200px;
	float:right;
	font-style: italic;
	font-family:'Times New Roman', serif;
	font-size:16px;
	line-height: 18px;
}

.home-new .quote-div p{
	color:#0088cd;
	margin-top:10px
}

.home-new .mixpod{
	position: absolute;
	float:left;
	top:285px;
	left:0;
	height:110px;
	overflow: hidden
}

.home-new h3{
	color:#0088cd;
	font-size:14px;
	margin-bottom:10px;
}

.home-new .news-div h3{
	margin-bottom: 0;
	margin-top: 10px
}

.home-new .news-div{
	float:left;
	left:300px;
	position:relative;
	width:280px;
}

.home-new .news-div p{
	max-height:48px;
	overflow:hidden;
}

.home-new .news-div div{ 
	height:100px;
	margin-bottom:20px;
	margin-top:20px;
}

.home-new .home-bottom{
	background: url('images/home_boxes_top.gif') no-repeat;
	clear:both;
	min-height:275px;
	position:relative;
	top:40px;
	width:980px;
	margin-left:25px
}


.home-new .home-bottom div{
	float:left;
	margin-right:20px;
	padding:20px;
	width:260px;
}

.home-new .home-bottom h3{
	color:#fff;
	margin-bottom: 18px
}

.home-new .home-bottom .button{
	margin-top: 6px
}

.home-new .attachment-homethumb{
	float:left;
	margin-right:10px;
	margin-bottom:10px
}

.home-new .home-bottom .home-btm-bg{
	background: url('images/home_boxes_btm.gif') no-repeat;
	width:930px;
	height:30px;
	float:none;
	clear:both;
	padding:0;
	margin:0;
	margin-bottom: 40px
}