@charset "UTF-8";
/* Desc: prayer.adventistconnect.org Theme
 (Based on Blue Clouds Theme)
 Design: Adventist Media Network
 Author: Jeanelle Isaacs
 
	Stylesheet Contents
	----------------------
        1. General Properties and Font Styles
		2. Header home layout
		3. Header default layout
		4. Header Search
		5. Navigation - primary & secondary menu
        6. Widget Layout (see widget.css for actual widget css)
        7. Body Area
		8. Footer
		9. Calendar
		10.Shopping cart
		11.Media library
		12.Store
		
		User defined styles
		
		13. Table header
	
        Colour Scheme
     ----------------------
		Background: #F5F1E7
		Orange: #f3c920
		Darker Oranger: #f3b520
		Yellow: #fefbe2
		Brown: #ac4c1c
		Widget link:  #803500
		Dark blue: #0a619a (table header, h3, link:hover, change)
		Blue: #4495cb 
		Light blue: #77c1d6; (link)
		Gray text: #58595B

		
 
=== === === === === === === === === === */
/* ---------------1. General -------------- */
html {
}
body {
 text-align: center;
 font: normal 12px/1.5em "arial", sans-serif;
 background: #F5F1E7;
}

.container{
 margin: 0 auto;
 width: 1024px;
 text-align: left;
 background-color: #fff;
 /*border:red 1px solid;*/
}

img {
 border: 0
}
#middle a:link, #middle a:visited {
	color: #990099;
	font-weight:bold;
	text-decoration: none;
}
#middle a:hover, #middle a:active {
 	text-decoration: underline;
}
a.edit:link, a.edit:visited {
 color: #595438;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
}
a.edit:hover, a.edit:active {
 color: #FF0000;
 text-decoration: underline;
 font-weight: bold;
 text-transform: uppercase;
}
a.view_more_link {
 padding-left:0px;
}

#middle li {
 color: #58595B;
 margin-left: 65px;
}

p{
 font-size: 1.1em;
 color: #58595B;
 line-height: 160%;
}

hr {
height:1px;
border-width:0;
background-color:#42057e;
color:#77c1d6;
}
#middle h1, 
#announcements h2,
#news h2,
#forms h2{
 color: #42057e;
 font-size:18px;
 text-align:center left;
 padding:5px 0px 15px 0px;
 font-weight: bold;

}
#announcements h3, 
h2{
 font-weight: bold;
 padding: 5px 0px 2px 0px;
 font-size: 16px;
 color: #cc9900;
}
#middle h3{
 font-weight: bold;
 padding: 5px 0px 2px 0px;
 font-size: 13px;
 color:#cc9900;
 border-bottom: 1px dotted #cc9900;
 width: 80%;
}

h4{
 font-weight: normal;
 padding: 0px 0px 0px 0px;
 font-size: 12px;
 color: #cc9900;
 clear: left;
}
h5{
 padding: 5px 0px 2px 0px;
 font-size: 11px;
 color:  red;
 clear: left;
}

/* ---------------2. Header home layout--------------- */
#header {
 width: 100%;
 color: white;
 height:163px;
}

#header .fullcontent{
 width:100%;
 height: 163px;
 float:left;
 background: url(../images/bg_repeat.jpg) repeat-x;
}

/*header image will appear with the site name behind it*/
h1#pagetitle span{ 
width:1024px;
height: 163px;
background: url(../images/header_left.jpg) no-repeat;
position:absolute;
left: 0;
top: 0;
}
h1#pagetitle{
width:1024px;
height: 163px;
position:absolute;
margin:0;
}


/* ------------------------------ */


/* --------------- 4. Sidebar Search --------------- */

#right .textfield {
	width: 130px; 
	height:16px;
	background: #fff; 
	border: solid 1px #4495cb;
	color: #444;
	font-size:12px;
    padding:1px
}
#right .textfield:focus {
color:#444444;
}
#right .submitbutton {
	height: 20px;
	width:25px;
	cursor: pointer;
	border: none;
	font-size: 0em; /*gets rid of search text for Firefox*/
	padding-left: 27px; /*gets rid of search text for IE, has to same as button width*/
	background:none;
	/*border: 1px red solid;*/
}

#right .sitesearch form fieldset {
 	border: 0px;
	padding-top: 5px;
	background: url(../images/go.jpg) no-repeat; /*inserts image for search button*/
	background-position: 137px 5px; /*position image for search button*/


}
.sitesearch {
float:right;
width:170px;
margin: 5px 0px 10px 0px;
height: 20px;
padding: 0px 0px 15px 5px;
border-bottom: 1px dashed #990099;

}

/* --------------- 5. Navigation ------------ */

/* vertical nav */
#navigation{
	padding: 10px 0 0px 11px;
	width: 175px;
}
	
#navigation ul{
	list-style: none;
}
		
#navigation li{ }

#navigation .menu_primary{ }
	
#navigation .menu_primary a,
#navigation .menu_primary a:visited{
	display: block;
	padding: 5px 0px 4px 28px;
	color:#fff;
    text-decoration: none;
    background-color: #9999cc;
	border-bottom: 1px dotted #ccc;
	
}

#navigation .menu_primary a:hover{ 
	font-weight:bold; 
	color: #330066;
	background: #c4c4d0 url(../images/rollover_bird.gif) right no-repeat ;
}

#navigation .menu_primary ul li.expanded-menu a{ /*current position*/
 	font-weight:bold;
	color: #330066;
	border-bottom: 1px dotted #ADADAD;
	background: #c4c4d0 url(../images/rollover_bird.gif) right no-repeat ;
}
	
#navigation .menu_secondary{
    background-color: #fff;
}
		
#navigation .expanded-menu .menu_secondary ul li a{
	font-weight:bold;
	color: #cc9900;	
	border-bottom: 1px dotted #ADADAD;
	padding: 4px 19px 4px 30px;
    background: none;
}

div.menu_secondary .active {
background: #ebe2fa url(../images/rollover_bird_light.gif) right no-repeat ;
}

#navigation .expanded-menu .menu_secondary ul li a:hover{ 
	background: #ebe2fa url(../images/rollover_bird_light.gif) right no-repeat;
	text-decoration: none;
	font-weight:bold; 
}
/* --------------- 6. Widget Sections ----------------- */

/*-------1 col home layout--------------*/
#bodyarea .widgetbar{
 padding: 0px 0px 0px 80px;
 float:left;
 width: 90%;
 background-color: #ffffff; 
}
/* -------------------------------- */


/*-------3 col layout with stretchy sidebars!--------------*/


	#main1 {
		margin-left:0; 
		background:url("../images/rside_bg.gif") top right repeat-y;
		padding-right:5px;
		}
	#main2 {
		margin:0; padding-bottom:20px;
		background:url("../images/lside_bg.gif") top left repeat-y;
		float:left;
		width:100%;
		}
	#left {
		float:left;
		width:189px;
		margin:0; padding:0;
		}
	#right {
		float:right;
		width:170px;
		margin:0px; padding:0px;
		/*border:1px solid green;*/
		}
	#middle {
		background:#fff;
		width: 570px;
		min-height: 300px;
		}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
		}


/* -------------------------------- */

/* ---------------7. Body ----------------- */

#bodyarea #middle{
 float:left;
 padding:10px 0px 0px 20px;
 background-color:#ffffff;
 /*border:1px pink solid;*/
}
#bodyarea .fullcontent{
 width: 98%;
 float: left;
 padding: 10px 0 0 20px;
 background-color:#FFFFFF;
}
.widget_content_bottom{
  width: 590px;
  padding: 10px 10px 0 0;
}
#bodyarea p.clearfloat{
  clear: both;
  background-color:#ffffff;
} 
#bodyarea ul, #bodyarea ol{
 padding:0px !important;
 margin: 0;
}
#bodyarea h3.datehighlight{
 background-color: #E7D5BC;
 margin: 0 20px 0 0;
}
#bodyarea h4.datehighlight{
 background-color: #F2E8DB;
 margin: 0 20px 0 0;
}
#bodyarea p.datehighlight{
 background-color: #F2E8DB;
 font-size: 85%;
 margin: -5px 20px 0 0;
 padding: 0 30px 5px 10px;
 color: #999999;
}

#bodyarea #signup{ /*new website signup*/
 width: 80%;
 float: left;
 padding: 25px 0 0 15px;
 margin: 17px 0px 0px 30px;
}

#bodyarea .fullcontent ul,
#bodyarea .fullcontent ol {
 margin: 0px 0px 0px 20px;
}
#bodyarea .contentarea ul,
#bodyarea .contentarea ol{
 margin: 0px 0px 0px 60px;
}

#bodyarea .imagecaption{
 float: right;
 width: 280px;
}
#bodyarea .mediacat p{
 padding: 0 10px 0 10px;
}
#bodyarea .mediacat h3.video,
#bodyarea .mediacat h3.document,
#bodyarea .mediacat h3.image,
#bodyarea .mediacat h3.news,
#bodyarea .mediacat h3.event{
 padding: 10px 40px 10px 20px;
 margin: 0 0 0 10px;
}
#bodyarea h4.video,
#bodyarea h4.document,
#bodyarea h4.image,
#bodyarea h4.news,
#bodyarea h4.event{
 margin: 0 0 0 10px;
 padding: 5px 40px 5px 20px;
}
#bodyarea .mediacat h3.video,
#bodyarea h4.video{
 background: url(../images/icon-media.gif) no-repeat left;
}
#bodyarea .mediacat h3.document,
#bodyarea h4.document{
 background: url(../images/icon-article.gif) no-repeat left;
}
#bodyarea .mediacat h3.image,
#bodyarea h4.image{
 background: url(../images/icon-images.gif) no-repeat left;
}
#bodyarea .mediacat h3.news,
#bodyarea h4.news{
 background: url(../images/icon-news.gif) no-repeat left;
}
#bodyarea .mediacat h3.event,
#bodyarea h4.event{
 background: url(../images/icon-event.gif) no-repeat left;
}
#bodyarea .sort{
 clear: both;
}
#bodyarea .sort ul li.other span{
 float: right;
 padding: 2px 5px 0 5px;
}
#bodyarea .sort ul li.other span select{
 font-size: 85%;
}
#bodyarea .sort p{
 font-size: 85%;
 padding: 5px 10px 0 10px;
 clear: both;
 text-align: center;
}
#bodyarea .sort ul{
 list-style: none;
 padding: 0;
 width: 100%;
 float: left;
 background-color: #CCE3F8;
 margin: 0;
 border-bottom: 1px solid #4388C9;
}
#bodyarea .sort ul li{
 display: inline;
}
#bodyarea .sort ul li.current span{
 background-color: #FFFFFF;
}
#bodyarea .sort ul li span{
 display: block;
 float:left;
 padding: 4px 12px 5px 10px;
 margin: 3px 0 -2px 0;
}
#bodyarea .imagecaption img{
 margin: 0 20px 0 10px;
 border: 1px solid #4388C9;
}
#bodyarea .imagecaption p{
 font-size: 85%;
 padding: 0 20px 0 15px;
 font-style: italic;
 color: #999999;
}
#bodyarea #searchcontent{
 width:100%;
}
#bodyarea #searchcontent #middle{
 padding: 0;
}
#bodyarea #searchcontent form{
 margin: 0;
 padding: 0;
}
#bodyarea #searchcontent form fieldset{
 padding:5px 0;
 margin: 0;
 border: none;
}
#bodyarea #searchcontent p{
 padding: 0 10px 0 20px;
 font-size: 85%;
}
#bodyarea #searchcontent form fieldset input,
#bodyarea #searchcontent form fieldset select{
 font-size: 85%;
}
#bodyarea #searchcontent form fieldset input.textfield{
 width: 150px;
 margin: 0 5px 0 0;
}

p.meta, 
#bodyarea p.meta,
#bodyarea p.catmeta{
 font-size: 85%;
 color: #999999;
}
#bodyarea p.pages{
 font-size: 85%;
 padding: 5px 30px 5px 10px;
 margin: 10px 20px 0 0;
 color: #999999;
 border-top: 1px solid #CCE3F8;
 font-weight: bold;
 clear: both;
}
#bodyarea p.meta span{
 float: right;
}
#bodyarea p.catmeta span,
#bodyarea p.icons span{
 float: left;
}
#bodyarea p.meta span img,
#bodyarea p.catmeta span img,
#bodyarea p.icons span img{
 margin: 0;
}
#bodyarea p.archives{
 font-size: 85%;
 margin: 0 0 0 10px;
 padding: 0 10px 5px 10px;
 color: #999999;
 background: url(../images/bullet.gif) no-repeat left;
 clear: both;
}
#bodyarea .newsitemsmall{
 clear: both;
}
#bodyarea .newsitemsmall .image{
 float: left;
}
#bodyarea .newsitemsmall .content{
 float: left;
 width: 300px;
}
#bodyarea .newsitemsmall img{
 margin: 0 5px 5px 10px;
 border: 1px solid #4388C9;
 height: 270px;
}
#bodyarea ul.rel_con{
 padding: 0;
 margin: 0 0 10px 10px;
 list-style: none;
}
#bodyarea ul.rel_con li{
 padding: 0 0 0 20px;
}
#bodyarea ul.rel_con li.rel_announce{
 background: url(../images/icon-announcement.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_image{
 background: url(../images/icon-images.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_media{
 background: url(../images/icon-media.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_article{
 background: url(../images/icon-article.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_news{
 background: url(../images/icon-news.gif) no-repeat left;
}
#bodyarea ul.rel_con li.rel_event{
 background: url(../images/icon-event.gif) no-repeat left;
}
#bodyarea blockquote{
 font-style: italic;
 padding: 5px 60px 20px 30px;
 font-size: 125%;
 margin: 0;
 color: #666666;
}
/* --------------- 8. Footer --------------- */
#footer {
  clear: both;
  background-color: #97a1d1;
  width:1024px;
  margin: 0 auto;
  height: 50px;
}
#footer .container{
padding: 5px 0px 15px 0px;
background-color: transparent;
text-align:center;
 color:#ffffff
}
#footer p{
 color:#FFFFFF;
}
#footer p.homelink{
 color:#FFFFFF;
}
#footer a:link,
#footer a:visited{
 color: #ffffff;
 text-decoration:underline;
}
#footer a:hover,
#footer a:active{
 color: #99470f;
 text-decoration:underline;
}

.document_group_widget_holder img {
margin-left: 10px;
}

/* --------------- Miscellaneous --------- */

#events {
 margin-top:25px;
}
.event {
 margin-left:10px;
}
/* --------------- 9. Calendar --------- */
.calendar {
 height:500px;
 margin-right:auto;
 padding-left:10px;
 width:98%;
 font-family:"Lucida Grande","Verdana",sans-serif;
 font-size:12px;
 font-size-adjust:none;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 line-height:1.5em;
 text-align:center;
 clear: left; 
}

#bodyarea .largecontent .sort ul{ /*bg color for view*/
background-color:#fefbe2; 
}

.dayName {
 text-align: center;
}
.dayName th {
 border-bottom:3px solid #fefbe2;
 color:#666666;
 font-size:85%;
 vertical-align:bottom;
 width:75px;
 background-color:#FFF;
 padding-bottom: 0;
 padding-top: 0;
 height: 35px;
}
.monthName th {
 font-weight:normal;
 padding-bottom:0em;
 padding-top:0em;
 text-align:left;
}

.monthName a:visited,
.monthName a:link{
font-weight: bold;
color: #ffffff;
}
.monthName a:hover{
font-weight: bold;
color: #595438;
}

td.specialDay { /*box that contains an event*/
 background-color: #77c1d6;
 border-bottom:1px dotted #BBBBBB;
}

.specialDay .calendar_000000{ /*link to event*/
font-size: 10px;
font-weight: bold;
}

.calendar .day, .calendar .specialDay {
 border-bottom:1px dotted #BBBBBB;
 text-align:left;
 vertical-align:top;
 height:85px;
}
.weekendDay {
 border-bottom:1px dotted #BBBBBB;
 text-align:left;
 vertical-align:top;
}
.today {
 background-color:#fefbe2;
}
.otherMonth.weekendDay {
 color: #c0c0c0;
}
.otherMonth {
 color: #c0c0c0;
 border-right:1px solid white;
 padding:0.7em 1em;
 text-align:left;
 vertical-align:top;
 border-bottom:1px dotted #BBBBBB;
}
.product_description p {
 margin-left:100px;
 width:350px;
}
.upcoming_events {
 margin-top:25px;
}

/* -------------------10. SHOPPING CART ------------------------*/
.products_list h5 {
 color:#000000;
 font-family:"Trebuchet","Trebuchet MS","Lucida Grande","Verdana",sans-serif;
 font-size:125%;
 padding: 0px;
 clear: none;
 font-weight: bold;
}
.top_cart_links {
 margin-top:30px;
}
#cart {
 float: right;
 text-align: right;
}
#cart img {
 margin: 0px;
}
/* ---------------------------------------------------------*/
em.hint {
 font-size: 12px;
 color: #999;
}
/* -------------------11. MEDIA LIBRARY ------------------------*/
.podcast_links a {
 float: left;
 padding: 1px;
}
#media_library .catmeta {
 font-size: 0.8em;
}
#media_library .media_col_name {
 font-size: 1.8em;
 font-weight: bold;
}
#media_library .media_coll_contents {
 padding: 0 10px;
}
.podcast_links {
 /*float: right;*/
 width: 200px;
 margin-bottom: 20px;
 /*padding: 5px;*/
}
.podcast_links a {
 margin-right: 5px;
 float: right;
 text-decoration: none;
}
.podcast_links img {
 margin: 5px;
}
.map {
 width: 160px; 
 height: 150px;
 margin-left: 3px;
}
#admin_map {
 width: 160px; 
 height: 150px;
 margin-left: 3px;
}
.google_text {
 font-size: .8em;
 color: #CCC;
 padding:0px;
}
.content_collection{
 width: 90%; 
}
/* ---------------12. STORE------------------- */
#bodyarea #buysteps{
 margin: 0 0 10px 0;
 font-size: 85%;
}
#bodyarea #buysteps ul{
 padding: 0 10px 4px 10px;
 margin: 0;
 list-style: none;
}
#bodyarea #buysteps ul li{
 padding: 0 10px 0 0;
 display: inline;
 float: left;
 color: #999; 
}
#bodyarea #buysteps ul li.current{
 font-weight: bold;
 color: #666;
}
#bodyarea ul.products_list{
 list-style: none;
 padding: 0;
 margin: 0 24px 0 12px;
}
#bodyarea ul.products_list li{
 padding: 10px 0 0 0;
 margin: 0 24px 0 0;
/* border-bottom: 1px solid #ccc;*/
}
#news ul.products_list li {
 border:none !important;
}
#bodyarea ul.products_list li .product_img{
 overflow: hidden; 
 float: right;
 display: inline-table;
/* Hides from IE-mac \*/
 height: 1%;
 display: block;
/* End hide from IE-mac */ 
}
#news ul.products_list li .product_img{
 float:left !important;
 /*width:110px;*/
}
#news h3{
 padding-left:0px;
}
html>body #bodyarea ul.products_list li .product_img {
 height: auto;
}
#bodyarea ul.products_list li .product_img:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

#bodyarea ul.products_list li .product_img img{
 display: block;
 margin: 0 0 10px 0;
}
#bodyarea ul.products_list li .product_desc{
 width: 350px;
 float: left;
}
#bodyarea ul.products_list li p{
 padding: 0 0 10px 0;
 margin: 0;
}
#bodyarea #cart p{
 text-align: right;
 font-size: 85%;
 margin: 0;
 padding: 10px 20px 0 20px;
}

#bodyarea table.products_list {
 margin: 0 24px 40px 12px;
 border-collapse: collapse;
}
#bodyarea .summary table {
 margin: 0px 24px 40px 12px;
 border-collapse: collapse;
}
#bodyarea table.products_list tr th,
#bodyarea .summary table th{
 padding: 3px;
 color: #999;
 font-weight: normal;
 font-size: 85%;
}
#bodyarea table.products_list td,
#bodyarea .summary table td{
 padding: 6px;
 border-top: 1px solid #ccc;
 font-size: 85%;
}
#bodyarea div#searchcontent fieldset {
border: none;
}
div#paginate {
clear: both;
display: block;
height: 20px;
padding: 12px 24px 12px 12px;
}
div#paginate div.next {
display: inline; 
float: right;
}
div#paginate div.previous {
display: inline;
float: left;
}
form label {
margin-left: 12px;
}
p.top_cart_links {
margin: 12px 0 12px 0;
}
.view_links{
 margin:-26px 20px 0px 0px;
}
.themed_pagination{
 margin-left: 15px;
}
.flash_player {
 margin-left:10px;
}
.news_list {
 
}
.news_widget_photo img {
 padding:7px 5px 0px 8px !important;
}

/* -------------------13. TABLE ------------------------*/

th {
	background: #5D608B none repeat scroll 0 0;
	color: #ffffff;
}

tr.even td { background: #DADCEB; }

.widget_content_side .bibleinfo-widget label {font-weight: bold; margin-bottom: 17px; font-size:0px;}