/*  
Theme Name: St. Sarkis
Theme URI: http://www.saintsarkis.net/
Description: Official web site of St. Sarkis Armenian Apostolic Church, Charlotte, NC 
Version: 1.0
Designed by: Hagop K.
Ported by: L. Robinson
*/

/* HTML Elements */
html, body { height: 100%; text-align: center; }
body, select, input, textarea { font-family: Arial, Verdana, Sans-Serif; color: #333; line-height: 1.5 }
body { font-size: 100%; background: url(images/body-bg.gif) no-repeat center 4.5em #fcfcf1; text-align: center; }
.accessibility { position: absolute; top: -100%; }

/* Layout */
#wrapper { font-size: 0.75em; min-height: 100%; padding-bottom: 250px; }
#container { background: url(images/c-bg.gif) 4em 0 repeat-x transparent; margin: -1em auto; text-align: left; height: 100%; }
#container, .searchbar-c, #header, #footer { width: 865px; }
#content { width: 580px; float: left; margin: 10px; padding-right: 35px; background: url(images/v-sep.gif) top right repeat-y;  }
#sidebar { width: 210px; float: right; padding: 0 5px 0 0; }
#gallery, .g2_column, .gecko { background-color: transparent !important; font-family: inherit !important; font-size: 100% !important; margin: 1em auto; }
#gsHeader { display: none; }
#gsNavBar, .gcBorder1, .block-imageblock-ImageBlock, .gbBlock { background-color: transparent; border: 0; }
/*.widgetWPNGCalendar h2 { display: none; }*/
.slideshowlink, .piclenselink { float: left; padding-right: 5px; }
.slideshowlink { clear: left; }
.piclenselink { clear: right !important; }

/* grid.css */
.column {  padding-right: 10px; }
.column { float:left;  }
.last { padding-right: 0; background: 0; }
.span-1  { width: 25px}
.span-2  { width: 60px}
.span-3  { width: 95px}
.span-4  { width: 130px}
.span-5  { width: 165px}
.span-6  { width: 200px}
.span-7  { width: 235px}
.span-8  { width: 270px}
.span-9  { width: 305px}
.span-10 { width: 340px}
.span-11 { width: 375px}
.span-12 { width: 410px}
.span-13 { width: 445px}
.span-14 { width: 480px}
.span-15 { width: 515px}
.span-16 { width: 550px}
.span-17 { width: 585px}
.span-18 { width: 620px}
.span-19 { width: 655px}
.span-20 { width: 690px}
.span-21 { width: 725px}
.span-22 { width: 760px}
.span-23 { width: 795px}
.span-24 { width: 830px}
.span-25 { width: 865px; margin: 0}
.col-content { padding: 15px; }
.col-content h2 { margin-bottom: .25em; }

#searchbar { background-color: #111; height: 4.5em; clear: both; }
.searchbar-c { height: 3em; vertical-align: baseline; margin: 0 auto; padding-top: 5px; text-align: left; }
#login, #search { width: 45%; }
#login a { color: #f7f7f7; font-weight: bold; }
#login a:hover { color: #fff; }
#search { text-align: right; }
#search fieldset { margin: 0; }
#header { background: url(images/header-bg.jpg) no-repeat top center; text-align: left; position: relative; height: 100px; }
#header h1 a { height: 100px; display: block; text-decoration: none; }

/* Section Nav 
#navbar { width: 100%; background-color: #900; border: 1px solid #333; clear: both; z-index: 2; }*/
#nav, #nav ul { list-style: none; line-height: 1.5em; background: #900; font-weight: bold; margin: 0; padding: 0; z-index:1000; }
#nav a { display: block; color: #f7f7f7; text-decoration: none; padding: 0.25em 1em; text-align: center; }
#nav a.parent {	background: url(/site-images/menus/arrows.gif) center right no-repeat; }
#nav li { float: left; margin: 0; padding: 0; border-right: 1px solid #600; } /* Controls cascade below */
#nav li ul { position: absolute; left: -999em; height: auto; width: 17.4em; w\idth: 18em; font-weight: normal; border-left: 1px solid #600; border-bottom: 1px solid #600; margin: 0; padding: 0; }
#nav li li { padding-right: 1em; width: 18em; w\idth: 16.90em; border-top: 1px solid #666; }
#nav li ul a { display: block; width: 18em; w\idth: 15.64em; text-align: left; }
#nav li ul ul { margin: -1.75em 0 0 17em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.sfhover { background: #666; }
.children .cat-item-13 { display: none; }

/*Subnav */
.subnav { margin: 0; padding: 0; border-bottom: 1px solid #900; }
.subnav a { color: #900; text-decoration: none; }
.subnav a:hover { color: #000; }
.subnav li { height: 2.2em; list-style:none; border-top: 1px solid #900; }
.subnav li a:link, .subnav li a:visited { display:block; padding:4px 4px 4px 8px; }		
.subnav li a:hover, .subnav li a:active { background-color: #eef5e1; text-decoration:none; color: #000; font-weight: bold; }

/* Float Properties*/
.align-left { float: left; }
.align-right { float: right; }
.align-center { display: block; margin: auto; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }
hr.clear-floats { clear: both; visibility: hidden; height: 0; background-color: transparent; border: 0; }

/* Slideshow Begin*/
#slideshow { margin: 0; padding: 0; float: left; width: 49.5%; overflow: hidden; }
#slideshow-wrap { width: 100%; color: #fff; }
#sshow { padding-bottom: 15px; background: url(images/sh-bg.jpg) no-repeat 15px 0 #FAF5D7; }
#sshow .innerpad {margin: 0; padding: 0 15px; }
.slideshow-case {  margin: 27px 0 0 41px; padding: 0; }
.slideshow-case p { padding-top: 9px; }

/*.slibebar { display: none; }*/
.slidebar { font-size: .90em; margin: 0 0 0 5px; padding: 0; width: 98%; background: #4E5729; }
.slidebar ul { margin: 0; padding: 0; list-style: none; overflow: hidden; z-index: 10001; }
.slidebar ul li { margin: 0; padding: 0; float: left; display: block; background: none; font-family: Tahoma, Arial, Helvetica, sans-serif; }
.slidebar ul a.active,
.slidebar ul a:hover { border: none; background: #606B32; color: #fff; }
.slidebar ul a.active { font-weight: bold; }
.slidebar ul li a { border: none; float: left; margin-right: 1px; padding: 1px 3px; display: block; color: #D2C5A3; background: 50% 50%; cursor: pointer; text-decoration: none; }
.slidebar ul li a.prev,
.slidebar ul li a.next { display: block; font-weight: bold; } 
.slidebar ul li a.prev { padding-left: 20px; }
/* Slideshow End */

#feature { float: right; width: 49.5%; height: 255px; overflow: hidden; }
#feature h3 { font-size: 1.75em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 10px 0 0 0; padding: 0; background: none; }
#feature ul { margin-top: .25em; }
#feature p { margin: 0; }
#feature a { font-weight: bold; }
/*#homepage { background: url(images/topsl-bg.jpg) top left repeat-x; }*/
/*#teaser-c { background: url(images/h-bg1.gif) top left repeat-y; }*/
.teasers { background: url(images/h-bg2.jpg) 0 0 no-repeat #FCF5D8; z-index:2; }
.teasers h2 a, .teasers h2 a:visited { color: #333; }
.col-content img { display: none; }
	
/*	Headings */
h1, h2, h3, h4, h5, h6, h7 { font-family: Georgia, "Times New Roman", Times, sans-serif; letter-spacing: -1px; text-align: left; }
h1, h2 { color: #696; }
h3, h4, h5, h6, p, pre, blockquote, fieldset, ul, ol, dl { color: #333; margin-top: 1em; }
h4, h5, h6 { font-weight: bold; }
/*#content h2 { background: url(images/h-bg.gif) no-repeat; padding-left: 55px; }*/
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.08em; }

/* General Rules */
a:link, a:visited { color: #696; text-decoration: none; }
a:hover, a:active { color:#9c9; text-decoration: none;  }
hr { height: 40px; clear: both; background: url(images/h-sep.gif) 50% 0 no-repeat; margin-top: 2em; border: 0; }
/*img, a:link img, a:visited img { border:0 }*/
.list-authors img { vertical-align: middle; }
.entry { padding-bottom: 28px; }
.entry { text-align: justify; }
.error { color: #f00; font-weight: bold; }
strong { font-weight: bold; }
.update { font-size: .95em; color: #999; border-top: 1px solid #999; padding-top: .5em; margin-top: 1em; }
address { font-style: normal; margin-top: 1em; }

/* Sidebar */
#sidebar h2, #sidebar h3 { text-transform:uppercase; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border-top:5px solid #900; border-bottom:1px solid #900; padding:6px 0 6px 2px; margin: 22px 0 15px 0; font-size:1em; letter-spacing: 0; }
#sidebar h3.cats { margin-bottom: 0; border-bottom: 0; }
h3#respond { border-top: 1px dotted #b6b6b6; margin-top: 25px; padding-top: 20px }
h3#comments { margin-top:32px }

#wpng-cal-widget-events .wpng-widget-date-title { font-weight: bold; }
#wpng-cal-widget-events ul { margin-left: 15px; }
.wpng-entry-label-row { margin-top: 1em; }
.bullets li, .simplepie li, /*.ec3_events ul li,*/ #wpng-cal-widget-events ul li { background: url(images/bullet-list.gif) 0 2px no-repeat; list-style: none; margin-bottom: 5px; line-height: 115%; padding-left: 12px; }
#sidelist { list-style: none; margin: 0; padding: 0; }
#sidelist .children { background:#e4efd5; }	
#sidelist .children li { background: url(images/bullet-list.gif) no-repeat; list-style: none; padding-left:28px; border-bottom:1px solid #e4efd5; }	
#sidelist .children li a, #sidelist .children li a:visited { padding: 2px 2px 2px 0px; border: 0; background: #e4efd5; color: #818d6f; }
#sidelist .children li a:hover, #sidelist .children li a:active	{ color:#465d23 }

/* Misc */
.wpg2sidebargrid-image { width: 45px; height: 45px; padding-right: 2px; /* float: left; display: table-cell;*/ }
.wpg2sidebargrid-image a, .wpg2sidebargrid-image img { width: 45px; height: 45px; }
/*.wpg2sidebargrid-image a, .wpg2sidebargrid-image a:hover,
.wpg2sidebargrid-image img, .wpg2sidebargrid-image img:hover { width: 45px; height: 45px; margin: 0; }*/
.wpg2sidebargrid-image img { border: 1px solid #9c9; }
.wpg2sidebargrid-image img:hover { border: 1px solid #999; }
.gbSystemLinks { background: url() transparent !important; border: 0 !important;}

/*Post Formatting*/
.title { font-size: 1.2em; font-weight: bold; line-height: 115%; }
.post ul li { background: url(images/bullet-list.gif) 0 5px no-repeat; list-style: none; margin-bottom:5px; margin-left:30px; padding-left: 12px; }
.post ol li { margin-bottom:5px; line-height:115%; margin-left:48px; }	
blockquote { margin: 1.5em; color: #999; border-left: 1px solid #999; padding-left: 1em; }
.pullquote { width: 225px; font: italic 1.8em "Times New Roman", Times, serif; color: #e7e4ba; color: #666; margin: 0 0 15px 20px; float: right; line-height: 150%; text-align: left; border: 0; padding: 0; }
.pgee-read-more, .more { display: block; margin-top: 1em; font-weight: bold; }	
.postmetadata { margin: 5px; }
#author { background: #eef5e1; margin:25px 0 15px 0; padding: 12px; }
#author img { padding: 1px; border: 1px solid #7da939; float:left; width: 80px; margin: 0 7px 5px 0; }
#author span { display: block; padding-top: 4px; border-top: 1px solid #cbd8b4; margin-top: 12px; }
#author p { margin-bottom: 0; }
#author a { font-weight: bold; }
#tags { padding: 3px; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD; }
.entry img { margin-top: 3px; margin-bottom: 3px; border: 1px solid #e7e4ba; padding: 3px; }
.img_left { float: left; margin-right: 10px; }
.img_right { float: right; margin-left: 10px; }
.img_center { display: block; margin: auto; }
a { text-decoration: underline; }
#content h4 { margin-bottom: 1em !important; }
table.event { width: 60%; border: 0; clear: both; }
table.event td { padding: 5px; }
table.event td.label { font-weight: bold; text-align: right; }

/* Form Elements */
fieldset { border: 0; }
select { background: #f2f2f2; border:1px solid #9c9c9c; width:100% }
.button { padding: 1px; background: #000; color: #e7e7e7; border:none; }
.button:hover { background: #777; color: #FFF; }

/* Contact Form */
.contactform { display: block; margin: 2em auto; }
.contactform label { font-weight: bold; }
.contactform textarea { font-size: inherit; }

/* Comments*/
#commentform small { background: #FFF; font-weight:bold; padding:0; }	
#commentform input { width: 170px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; margin-top:5px; }
.commentlist { padding-left: 30px; }	
.commentlist li { margin: 15px 0 3px; padding: 8px 15px 10px 15px; background: #f2f2f2; border-top: 1px solid #ddd; }
.commentmetadata { display: block; }
.commentlist small { background:#e9e9e9; }
.commentlist cite { font: 1.6em "Times New Roman", Times, serif; font-weight: bold; letter-spacing:-0.05em; }	

/* Event Calendar */
.innerpad #wp-calendar { width: 80%; font-size: .9em; display: block; margin: 2em auto; font-weight: bold; }
#calendar_wrap, #wp-calendar table { width: 100%; }
#wp-calendar table { border-top: 1px solid #e7e4ba; border-left: 1px solid #e7e4ba !important; border-collapse: collapse; margin-bottom: 1.5em; font-weight: bold; }
#wp-calendar table.nav { margin: 0; border: 0 !important; }
#wp-calendar table.nav td { background: transparent; font-weight: bold; border: 0 !important; }
#wp-calendar caption { text-align: center; font-size: 1.2em; font-weight: bold; }
/*#wp-calendar caption { background: url(images/def_pic.gif) top left no-repeat #fff; color: #900; text-align: right; border-top: 1px solid #ccc; border-right: 1px solid #ddd; border-bottom: 1px solid #ccc; font-weight: bold; padding: 70px 5px 0; }*/
#wp-calendar table th { background: url(images/bg1.gif) repeat-x #ffc; font-weight: bold; }
#wp-calendar table td, #wp-calendar table th,
#wp-calendar table td.pad:hover,
#wp-calendar table tr td { text-align: center; border-right: 1px solid #e7e4ba !important; border-bottom: 1px solid #e7e4ba!important; border-collapse: collapse; padding: .5em; }
#wp-calendar table td#today { background: url(images/ind_corner.gif) top right no-repeat; border-right: 1px solid #e7e4ba; border-bottom: 1px solid #e7e4ba; border-collapse: collapse; padding: .5em; }
#wp-calendar table td#next { text-align: right; }
#wp-calendar td.ec3_eventday { background-color: #ffc; font-weight: bold; }
#wp-calendar td.ec3_eventday a:hover { color: #f00;  }

.ec3_schedule { font-weight: bold; margin: 0 auto; float: right !important; } /* timetable appearing with post */
.ec3_schedule td { border: 0; } 

/* Event Listing */
.ec3_events { padding-left: 12px; font-weight: bold; }
.ec3_events ul { margin: 5px 0 5px 8px; }
.ec3_events ul li { font-weight: normal; }

.simplepie h3 a { color: #333; }
.simplepie ol { margin: 1em 0 1em 0; list-style-type: none; }
.simplepie li { margin-bottom: 10px; line-height: 1.5em; }
.simplepie .date { display: block; font-size: .9em; }
.simplepie br { display: none; }

/* Footer*/
#footer { background: url(images/f-full.gif) no-repeat; clear: both; margin: -200px auto; color: #636; }
#footer a { color: #636; }
#footer a:hover { color: #c9c}
#footer-c { background: url(images/f-right.gif) top right no-repeat; margin: 0 auto; font-size: .75em; vertical-align: middle; }
#footer-c .copyright, #footer-c .legal { width: 325px; height: 150px; }
#footer-c .copyright { background: url(images/armenian-cross.gif) top left no-repeat transparent; float: left; text-align: left; padding: 10px 0 0 55px; margin: 30px 0 0 10px }
#footer-c .legal { background: url(images/st-sarkis.gif) no-repeat top right transparent; float: right; text-align: right; padding: 5px 60px 0 0; margin: 30px 10px 0 0; line-height: 2em;  }
#footer-c .org { font-size: 1.5em; }
.legal ul { margin: 0; padding: 0; list-style: none; }
.legal li { background: url(images/bullet-list.gif) 0 50% no-repeat; display: block; float: right; padding: 0 10px 0 12px; list-style: none; }
.powered { padding-right: 10px; } 

/* Lightbox */
#lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { text-decoration: none; border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } 
#imageContainer { padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a { border: none; outline: none;} 
#prevLink, #nextLink { width: 49%; height: 100%; background: transparent url() no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData { padding: 0 10px; } 
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { color: #444; font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #bottomNavClose  { height: 2.5em; line-height: 1em; border: 0; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #555; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; 	}

/* !CLEAR FIX! - http://www.positioniseverything.net/easyclearing.html */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hide from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */