
/*_______________GENERAL SETUP________________*/
body { font-size:12px; font-family:Arial, Helvetica, sans-serif; background:#000; margin:0 }
#body { background:#000 url(christian-designs/bg.png) top repeat-x; color:#fff }
html { height:100.1%; }
body { line-height:120% }
a { color:#fff }
a:hover { color:#f0e5db; text-decoration:underline }
img { border:0 }


/*___________________MAIN LAYOUT________________*/
#wrap { width:990px; margin:0 auto }
#wrap2 { width:870px; margin:0 auto; background:#0a0501; overflow:hidden; padding:10px }
/* TOP LINKS */
#church-website-templates { text-align:right; height:22px; padding:7px 0 0 0; font-size:.95em; width:990px }
#church-website-templates a { margin:0 5px; text-decoration:none; font-weight:bold }
#church-website-templates a:hover { text-decoration:underline }
#header { height:146px; width:990px }
#logo { float:left; height:146px; width:334px }

.menu { height:39px; width:950px; font-size:1.3em; font-weight:bold; padding:22px 0 0 0; margin:0 auto; line-height:normal }
.menu ul { list-style:none; text-align:center }
.menu li { list-style:none; margin:0; padding:0; float:left }
.menu a { margin:0; text-decoration:none }
.menu a:hover { color:#14bac6 }
.div { margin:0 26px; background:url(christian-designs/div.png) no-repeat; width:2px; height:25px; display:block }


#content { width:990px; background:#0a0501 }
#content:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
#content { display:inline-block } /* Hide from IE Mac \*/
#content { display:block } /* End hide from IE Mac */
* html #content { height:1px } /*for IE6 and down*/
#contentWrap { width:970px; margin:0 auto; padding:15px 0; height:auto; overflow:hidden }
#leftColumn { float:left; width:230px }
#rightColumn { float:right; width:230px }
#rightColumn2 { float:right; width:325px }
#mainContent { float:left; width:480px; margin:0 0 0 15px }
#mainContentR { float:right; width:665px; margin:0 25px 0 0; display:inline }
#mainContentR h3 { font-size:1.3em; background:#1e0e00; padding:10px; margin:0 }

#footer { width:940px; margin:0 auto; padding:20px; background:#2e1a08; overflow:hidden }
#footer .box { width:600px; float:left }
#footer .mod { float:right; width:230px; background:#1a0f06 url(christian-designs/mod-bottom2.png) bottom no-repeat; padding:0; margin:0; overflow:hidden }
#footer .mod h3 { background:url(christian-designs/mod2.png) top no-repeat; line-height:42px; width:195px; padding:0 0 0 35px; margin:0 }
#copyright { width:980px; margin:15px auto; text-align:center; font-size:.9em; padding:0 0 15px 0 }

.mod { width:230px; background:#1a0f06 url(christian-designs/mod-bottom.png) bottom no-repeat; padding:0; margin:0 0 15px 0; overflow:hidden }
.mod .cont { padding:0px 15px 15px 15px }
.mod h3 { background:url(christian-designs/mod.png) top no-repeat; line-height:42px; width:195px; padding:0 0 0 35px; margin:0 }
.mod .cont ul { margin:0 0 0 20px; padding:0; list-style:none }
.mod .cont ul li { line-height:17px; background:url(christian-designs/list.gif) left no-repeat; padding-left:13px }
.mod a:hover { color:#bfa997 }

.mod-template { width:325px; background:#1a0f06 url(christian-designs/mod-template-bottom.png) bottom no-repeat; padding:0; margin:0 0 15px 0; overflow:hidden }
.mod-template .cont { padding:0px 25px 20px 25px }
.mod-template h3 { background:url(christian-designs/mod-template.png) top no-repeat; line-height:42px; width:290px; padding:0 0 0 35px; margin:0 }
.mod-template h2 { font-size:1.2em; font-weight:bold; margin:0; padding:0 }
.mod-template .cont ul { margin:0 0 0 5px; padding:0; list-style:none }
.mod-template .cont li { line-height:17px; background:url(christian-designs/list.gif) no-repeat 0 5px; padding-left:13px  }
.mod-template a:hover { color:#bfa997 }

.template-categories { font-size:1.2em }
.template-categories a { text-decoration:none }
.template-categories a:hover { text-decoration:underline }

.info  { background:#1e0e00 url(christian-designs/info.png) left no-repeat; padding-left:30px; margin:0  }
.templateHtml { float:left; margin:35px 25px 0 40px }
.templateJoomla { float:left; margin:35px 0 0 15px }

.web-collection { font-size:16px; font-weight:bold; float:right; margin:0 0 25px 0 }
.web-collection a { background:#C04809; padding:5px 8px; margin:0 1px; text-decoration:none }
.web-collection a:hover { background:#fff; border: 1px solid #654E1C; text-decoration:none; color:#654E1C }

#joomla-software-required { float:left; background:#1a0f06; border:1px solid #44250c; width:300px; height:107px; padding:15px }
#joomla-demo { float:right; background:#1a0f06; border:1px solid #44250c; width:500px; height:107px;padding:15px }
#joomla-demo h2 { font-weight:bold }
#joomla-livedemo { background:url(christian-designs/joomla-live-demo.png) repeat-x; border:5px solid #ec9904; text-align:center; font-size:20px; font-weight:bold; height:70px; line-height:70px; margin:0; padding:0 }
#joomla-livedemo a { color:#000; text-decoration:none }
#joomla-software-required h2, #joomla-demo h2 { margin:0; background:none; padding:0 }

#html-software-required { float:left; background:#1a0f06; border:1px solid #44250c; width:380px; height:55px; padding:15px }
#html-site { float:right; background:#1a0f06; border:1px solid #44250c; width:420px; height:55px;padding:15px }
#html-software-required h2, #html-site h2 { margin:0; background:none; padding:0 }
#html-site h2 { text-align:center; font-size:1.6em; line-height:2.6em }

/*________________THUMBNAIL HTML/CSS STYLES **RED**_________________*/
.christian-templates { height:207px; width:150px; float:left; margin:0 4px 15px 4px; border:1px solid #6E190F; background:#0a0501; font-size:.8em; display:inline }
.christian-templates a { color:#fff; text-decoration:none }
.christian-templates img, .last-added-template img { margin:0; padding:0; border:0; vertical-align:bottom }
#mainContentR .christian-templates { height:207px; width:150px; float:left; margin:0 7px 15px 7px; border:1px solid #6E190F; background:#0a0501; font-size:.9em; display:inline }

.template-price { border:1px solid #6E190F; width:34px; float:left; margin:1px; padding:2px; text-align:center; display:inline  }
.template-item { border:1px solid #6E190F; width:101px; float:right; margin:1px 1px 1px 0; padding:2px; text-align:center; display:inline }
.template-desc { width:auto; margin:0 1px 1px 1px; padding:2px; text-align:center; background:#6c190e url(http://www.christiantemplatesonline.com/christian-designs/css-temp-bg.png) repeat-x }
.last-added-template { height:207px; width:150px; margin:0; border:1px solid #6E190F; background:#000; font-size:.9em }
.last-added-template a { color:#fff; text-decoration:none }

/*________________THUMBNAIL JOOMLA STYLES **BLUE**_________________*/
.joomla-templates { height:207px; width:150px; float:left; margin:0 4px 15px 4px; border:1px solid #1d7479; background:#000; font-size:.8em; display:inline }
.joomla-templates a { color:#fff; text-decoration:none }
.joomla-templates img, .last-added-template img { margin:0; padding:0; border:0; vertical-align:bottom }
#mainContentR .joomla-templates { height:207px; width:150px; float:left; margin:0 7px 15px 7px; border:1px solid #1d7479; background:#000; font-size:.9em; display:inline }

.joomla-templates .template-price, .last-added-joomla .template-price { 
	border:1px solid #1d7479; 
	width:34px; 
	float:left; 
	margin:1px; 
	padding:2px; 
	text-align:center; 
	display:inline  
}
.joomla-templates .template-item, .last-added-joomla .template-item { 
	border:1px solid #1d7479; 
	width:101px; float:right; 
	margin:1px 1px 1px 0; 
	padding:2px; 
	text-align:center; 
	display:inline 
}
.joomla-templates .template-desc, .last-added-joomla .template-desc { width:auto; margin:0 1px 1px 1px; padding:2px; text-align:center; background:#1d7479 url(http://www.christiantemplatesonline.com/christian-designs/joomla-temp-bg.png) repeat-x }
.last-added-joomla { height:207px; width:150px; margin:0; border:1px solid #1d7479; background:#000; font-size:.9em }
.last-added-joomla a { color:#fff; text-decoration:none }

/*________________THUMBNAIL WORDPRESS STYLES **PURPLE**_________________*/
.wordpress-templates { height:207px; width:150px; float:left; margin:0 4px 15px 4px; border:1px solid #717070; background:#000; font-size:.8em; display:inline }
.wordpress-templates a { color:#fff; text-decoration:none }
.wordpress-templates img, .last-added-template img { margin:0; padding:0; border:0; vertical-align:bottom }
#mainContentR .wordpress-templates { height:207px; width:150px; float:left; margin:0 7px 15px 7px; border:1px solid #717070; background:#000; font-size:.9em; display:inline }

.wordpress-templates .template-price, .last-added-wordpress .template-price { 
	border:1px solid #717070; 
	width:34px; 
	float:left; 
	margin:1px; 
	padding:2px; 
	text-align:center; 
	display:inline  
}
.wordpress-templates .template-item, .last-added-wordpress .template-item { 
	border:1px solid #717070; 
	width:101px; float:right; 
	margin:1px 1px 1px 0; 
	padding:2px; 
	text-align:center; 
	display:inline 
}
.wordpress-templates .template-desc, .last-added-wordpress .template-desc { width:auto; margin:0 1px 1px 1px; padding:2px; text-align:center; background:#717070 url(http://www.christiantemplatesonline.com/christian-designs/wordpress-temp-bg.png) repeat-x }
.last-added-wordpress { height:207px; width:150px; margin:0; border:1px solid #717070; background:#000; font-size:.9em }
.last-added-wordpress a { color:#fff; text-decoration:none }


/*____________PACKAGE STYLES___________*/
.html-template-package { padding:20px; background:#9C3300; border:3px solid #C04809; width:396px; margin:20px; float:left }


/*________________GENERAL STYLES_________________*/
.left { float:left }
.right { float:right }
.clear { clear:both }
.clear-l { clear:left }
.clear-r { clear:right }
.spacer	{ height:10px }
hr { height:1px; color:#fff }
.border { border: 1px solid #ccc }

h1 { font-size:1.4em; line-height:150% }
h2 { font-size:1.2em; line-height:130%; font-weight:normal }
h3 { font-size:1.2em; background:#1e0e00; padding:10px; margin:0 }
h4 { font-size:1.1em }

.hightlight, .hightlight a { color:#FFFF99; text-decoration:none }
.hightlight a:hover { color:#fff }
.note { padding:13px; background:#9C3300; border:3px solid #C04809 }