/*   
Theme Name: 212
Theme URI: http://212.vwcblogs.com/
Description: Theme designed for two2welve.com blog located at http://212.vwcblogs.com
Author: Dave Anderson
Author URI: http://www.67design.com
Version: .1
.
This theme is created specifically for the use of two2welve.com,212.vwcblogs.com 
or any other website maintained by Victory World Church. Any other use is prohibited.
*/


/* General
--------------------------------------- */
dt {margin-top: .5em; font-weight: bold}
ul, ol {margin-left: 1em; padding-left: 1em; margin-right: 1em}
ul li {margin-bottom: 1em; list-style: disc outside}
ol li {margin-bottom: 1em; list-style: decimal outside}
ol ol li {margin-bottom: 1em; list-style: lower-alpha outside}
ol ol, ul ul {margin-top: 1em}
table {border-collapse: collapse; border-spacing: 0}
img {border: none}
p {margin: .5em auto 1em}
strong {font-weight: bold; color: #000}
em {font-style: italic}
.eventsListModule td {padding: 8px 0 8px 28px; border-bottom: 1px solid #ccc; background: url(img/icons/ic_arrow_24_01.gif) no-repeat left 7px}


/* Structure
--------------------------------------- */
body {padding: 0; background: #000 url(img/body_tile.jpg) repeat-y center; margin: 0; font: 12px Verdana, Arial, Helvetica, sans-serif; color: #333}
#mainbg {width: 100%; padding: 0; background: url(img/bg_main.jpg) no-repeat center top; margin: 0; min-height: 575px; height: 575px}
#frame {padding: 0; width: 912px; margin: 0 auto}
#header {margin: 0; padding: 0; float: left; width: 912px}
#mainCol {margin: 0; padding: 0; float: left; width: 912px; height: 369px; position: relative}
#mainCol #nodisplay{text-align: center; padding: 60px 30px 30px; color: #999}
#mainCol #nodisplay a{color: #999}
#subCol {margin: 0; padding: 0; float: left; width: 912px; background-color: #333}
#extraCol {margin: 0; float: left; width: 872px; background: url(img/bg_footernav.gif) no-repeat center top; padding: 25px 20px 10px; text-align: center}
#extraCol a {width: 25%; height: 100px; float: left; display: block; vertical-align: middle}
#extraCol a:hover {background: #484848}
#topNav {margin: 0; width: 872px; height: 25px; text-align: right; z-index: 9999; position: absolute; padding: 10px 40px 0 0}
#mainNav {margin: 0; padding: 0; float: left; width: 912px; height: 53px; text-align: center}
#footerNav {margin: 0; width: 912px; clear: both; text-align: center; padding: 15px 0 30px; font-weight: bold; text-transform: uppercase; font-size: 10px; color: #292929; border-top: 2px solid #393939}

/* Home Page
--------------------------------------- */
#subLeft {width: 638px; float: left}
#subLeft #intro {width: 578px; float: left; margin: 0; background: url(img/bg_intro.gif) no-repeat left top; color: #999; padding: 30px 30px 20px}
#subLeft #intro h1 {color: #fff; font-size: 24px; padding: 0; margin: 0 0 .5em}
#subLeft  #intro  h1 .red {color: #D30101}
#subLeft #features {width: 598px; float: left; background: url(img/bg_features.gif) repeat-x left top; margin: 0; color: #999; border-top: 4px solid #202020; padding: 15px 20px 20px}
#subLeft #features .featuresContent {width: 179px; float:left; margin: 0; padding: 10px}
#subLeft #features h1 {font-size: 15px; color: #fff; padding: 6px 4px 4px 22px; text-transform: uppercase; margin: 0 0 0.5em; background: #D30101 url(img/ic_arrow_white.gif) no-repeat 8px 9px}
#subLeft #features ul {margin: 10px 0 20px; padding: 0}
#subLeft #features li {padding: 10px 0 10px 8px; border-bottom: 1px solid #666; margin: 0; list-style-image: none; list-style-type: none}
#subLeft a, #subLeft a:link {color: #999; font-weight: normal}
#subLeft a:hover{color: #fff}
#subRight {width: 274px; min-height: 80px; margin: 0; padding: 0; float: right}
#subRight #search {width: 274px; height: 80px; margin-bottom: 3px; padding: 0; background-color: #999; float: left; margin-top: 3px; text-align: right}
#subRight #search label {font-weight: bold; color: #000; font-size: 11px; display: block; margin: 0; clear: both; text-align: left; padding: 10px 10px 2px}
#subRight #search #searchsubmit {margin-top: -14px; padding: 0; float: right; font-size: 0; color: #fff; cursor: pointer}
#subRight #search #s {background: url(img/bg_search.gif) no-repeat center center; height: 22px; width: 152px; float: left; margin: 0 0 0 17px; border: none; padding: 16px 10px 0; font-size: 12px}
/*
#subRight #search #_ctl0_siteSearch_btnSearch {margin-top: -14px; padding: 0; float: right; font-size: 0; color: #fff; cursor: pointer}
#subRight #search #_ctl0_siteSearch_txtCriteria {background: url(img/bg_search.gif) no-repeat center center; height: 22px; width: 152px; float: left; margin: 0 0 0 17px; border: none; padding: 16px 10px 0; font-size: 12px}
*/
#subRight #news {float: left; width: 244px; background: #fff url(img/bg_newsbottom.gif) no-repeat center bottom; padding: 10px 15px 30px; margin: 0; color: #333; min-height: 250px}
#subRight #news h1 {font-size: 13px; font-weight: bold; color: #D30101; background: url(img/bg_newsh1.gif) no-repeat left; padding: 10px 4px; margin: -5px 0 0 -10px}
#subRight #news ul {margin: 10px 20px 20px; padding: 0}
#subRight #news li {list-style-position: outside; list-style-image: url(img/ic_arrow_gray.gif); padding: 10px 0; border-bottom: 1px solid #ccc; margin: 0}

/* announcement on home page */
.jqifade {background: #fff}
div.jqi {position: absolute; background: #333; padding: 10px; width: 300px; color: #fff; border: 3px solid #fff}
div.jqi .jqicontainer {background: #ccc; padding: 5px; color: #fff; font-weight: bold}
div.jqi .jqimessage {background-color: #777; padding: 10px; border: 1px solid #666}
div.jqi .jqibuttons {text-align: center; padding: 5px 0 0}
div.jqi button {padding: 3px 10px; margin: 0 10px; border: 1px solid #D30101}


/* Inside Page
--------------------------------------- */
body#inside #mainbg {background-image: url(img/bg_main2.jpg)}
body#inside #mainCol {margin: 0; padding: 0; float: left; width: 912px; height: 196px; position: relative}
body#inside #subCol {margin: 0; padding: 0; float: left; width: 912px; min-height: 400px;
	background-color: #EAEAEA;
	background-image: url(img/bg_subcol.gif);
	background-repeat: repeat-y;
	background-position: center}
body#inside #subLeft #subContent {width: 578px; float: left; margin: 0;
	background-image: url(img/bg_subcontent.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 30px 30px 20px}
body#inside #subLeft #subContent a, body#inside #subLeft #subContent a:link {color: #1CB5C5; font-weight: bold}
body#inside #subLeft #subContent a:hover {color: #27E3F8; background-color: #000}
body#inside #sideContent {background: #333 url(img/bg_features.gif) repeat-x left top; float: left; width: 254px; padding: 10px 10px 30px; margin: 0; color: #999}
body#inside #subRight #sideContent h1 {margin-bottom: 10px; margin-right: -5px; margin-left: -5px}
body#inside #sideContent a {color: #27E3F8}
body#inside #sideContent strong {color: #ccc}
body#inside #subRight h1 {font-size: 17px; font-weight: bold; color: #fff;
	background-image: url(img/ic_arrow_white.gif);
	padding: 8px 4px 8px 26px;
	background-color: #D30101;
	background-repeat: no-repeat;
	background-position: 10px 14px;
	margin: 0}
body#inside #footerNav {margin: 0; width: 912px; clear: both; text-align: center; padding: 40px 0 30px; font-weight: bold; text-transform: uppercase; font-size: 10px; color: #292929; border-top-style: none;
	background-image: url(img/bg_footernav.gif);
	background-repeat: no-repeat;
	background-position: center top}

/* Admin Page
--------------------------------------- */
body#inside #subCol2 {width: 852px; min-height: 400px;
	background-color: #EAEAEA;
	background-image: none;
	float: left; padding: 30px; margin: 0}

/* Top Navigation
--------------------------------------- */
#topNav ul {padding: 0; margin: 0}
#topNav li {display: inline; list-style: none;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #333;
	margin: 0; padding: 0 8px 0 0}
#topNav li a, #topNav li a:link{font-weight: bold; color: #666; text-decoration: none; font-size: 11px; padding: 0; margin: 0 0 0 .5em}
#topNav li a:hover {color: #ccc; text-decoration: none}

/* Main Navigation
--------------------------------------- */
#mainNav ul {margin: 0; padding: 0}
#mainNav ul ul {margin: 0; padding: 0 30px}
#mainNav ul ul li {display: block; list-style: none; border-left: 3px solid #333; float: left; padding: 0; margin: 0}
#mainNav li a, #mainNav li a:link {font-weight: bold; text-transform: uppercase; color: #27E3F8; font-size: 14px; text-decoration: none; float: left; margin: 0; display: block; padding: 4px 10px}
#mainNav li a:hover {color: #fff; background: url(img/mainnav_hov.png) no-repeat center center; margin: 0; padding: 4px 10px}
	
/* Sub Navigation
--------------------------------------- */
#subNav {float: left; width: 264px; background: #fff url(img/bg_newsbottom.gif) no-repeat center bottom; padding: 10px 5px 30px; margin: 0; color: #333}
#subNav ul {margin: 0; padding: 5px 0}
#subNav li {list-style-image: none; margin: 0; list-style-type: none; display: block; float: left; width: 240px;}
#subNav li h2 {font-size: 12px; font-weight: bold; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 5px 10px; margin: 0; width: 100%; background-color: #efefef;}
#subNav li ul {padding: 0; margin: 0;}
#subNav li li {list-style-image: none; padding: 5px 10px; /*border-bottom: 1px solid #ccc;*/ margin: 0; list-style-type: none; display: block; float: left; width: 230px}
#subNav li a, #subNav li a:link {background: url(img/ic_arrow_gray.gif) no-repeat 2px 9px; display: block; margin: 0; float: left; padding: 5px 0 5px 20px; width: 220px}
#subNav li a:hover {background-color: #249BA8; background-image: url(img/ic_arrow_white2.gif); color: #fff}

/* Footer Navigation
--------------------------------------- */
#footerNav ul {padding: 0; margin: 0}
#footerNav li {display: inline; list-style: none; margin: 0; padding: 0 0 0 10px}
#footerNav li a, #footerNav li a:link {text-decoration: none; color: #292929; margin: 0; padding: 2px}
#footerNav li a:hover {color: #999; background: none}

/* Headers
--------------------------------------- */
h1 {font-size: 28px; color: #C50101; padding: 0; margin: 0 0 10px}
h2 {font-size: 180%}
h3 {font-size: 140%}
h4 {font-size: 110%}
	
/* Links
--------------------------------------- */
a, a:link {color: #000; font-weight: bold}
a:hover {color: #27DBEF; text-decoration: none; background-color: #000}

/* Comments
--------------------------------------- */
ol.commentlist {padding: 0; margin: 0;}
ol.commentlist li {list-style-type: none; padding: 5px 10px; background-color: #fff; border-bottom: 2px solid #aaa}
ol.commentlist li.alt {background-color: #f9f9f9;}