/*  
Theme Name:Saint Sava
Theme URI:http://serbianculturalclubstsava.org/
Description:This is a theme developed for the Serbian Cultural Club "St. Sava" in Chicago, IL.
Version:1.0
Author:Nathan McCance
Author URI:http://nathanmccance.com/

	St. Sava v1.0
	http://serbianculturalclubstsava.org/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

* {margin:0; padding:0}
body {font:100%/1.4 Arial, 'Helvetica Neue', Helvetica, sans-serif; text-align:center; color:#383838; background-color:#05202e}
.container {margin:0 auto; position:relative; width:960px; text-align:left}
#header {background:#e3e3e0 url('images/bg_header.png') repeat-x bottom left; border-top:10px solid #05202e}
#header .container {background-top:#f2f2f2}
#main {background:#fff url('images/bg_main.gif') repeat-x bottom left}
#main .container {width:960px}
.narrowcolumn, .widecolumn, .postercolumn {float:left; display:inline}
.narrowcolumn {margin:25px 0 25px 10px; width:460px}
.widecolumn {margin:20px 80px 20px 10px; width:540px}
.fullwidth {width:960px}
.postercolumn {margin:20px 0 20px 10px; width:700px}
.postercolumn div.post {float:right; margin-right:80px; width:380px; display:inline}
/* Header and Navigation Styles */

#logo {padding:20px 0 20px 0; background:transparent url('images/bg_logo.png') no-repeat top left}
#logo h1 {margin-left:10px; text-indent:-9999px}
#logo h1 a {display:block; width:662px; height:121px; background:transparent url('images/logo_en.png') no-repeat top left}
#navigation {background:#258fcd url('images/bg_nav.gif') repeat-x bottom left}
#navbar {margin-left:10px}
#navbar li {float:left; margin-right:2px; display:inline; list-style:none; font-weight:bold; line-height:1em; letter-spacing:1px; text-transform:uppercase}
#navbar a {float:left; display:block; padding:12px 20px; color:#d3e4ec; text-decoration:none}
#navbar a:hover {color:#fff; background:#14638b url('images/point_nav.png') no-repeat bottom center}
#navbar li.language {float:right; margin-right:0}
#navbar li.language a {padding-left:45px; padding-right:20px; background:transparent url("images/flag_sr.png") no-repeat 15px 50%}
#navbar li.language a:hover {background-color:#14638b}
/* Content Styles */

a {color:#06c; text-decoration:none; outline:none}
a:hover {color:#147; text-decoration:underline}
#content h2 {margin-bottom:0.5em}
#content h3 {margin-top:0.25em}
#content h3 a {color:#a32b03}
#content p, #content ul, #content ol {margin-bottom:1em; font-size:93.75%; line-height:1.4em}
#content ul, #content ol {}
#content ul {margin-top:1em}
#content ol {margin-top:1em}
.content_area {margin-bottom:2em}
.content_area h3 {font-weight:bold}
.content_area h3 a {}
.post {margin-bottom:1.5em}
.postmetadata {font-size:87.5%}
#information {margin-top:1.5em}

.attachment-post-thumbnail {float:left; margin-right:1em; border:1px solid #14638b}

.event_image {margin-bottom:1em}
.event_image img {border:1px solid #14638b}
.ticket_table {margin-bottom:1em; width:100%; border-collapse:collapse}
.ticket_table th, .ticket_table td {padding:5px 15px 5px 0px; border-bottom:1px solid #dedede}
.ticket_table th {border-bottom:2px solid #cdcdcd}
.ticket_table td:last-child {padding-right:0; text-align:right}
#news.content_area h3 {margin-bottom:0.75em}
#news .news_item h2 {margin-bottom:0.375em; font-size:125%}
#news .news_item h4 {margin-bottom:0.625em; color:#4b4b4b}
#news .news_item p {margin-bottom:0.5em}
h3.news_headlines {color:#000; font-weight:normal}
ul.news_headlines {margin-left:1.25em}
ul.news_headlines li {margin-bottom:0.375em; list-style:disc}
#events_list p {margin-bottom:0.5em; font-size:87.5%}
#events_list .wplc_event_list {margin:0.5em 0 0.625em; list-style:none; border-bottom:1px solid #a1d9fa}
#events_list .wplc_event_list li {padding:0.75em 0; background:transparent url('images/bg_eventlist.gif') no-repeat top left; border-top:1px solid #a1d9fa}
#events_list .wplc_event_list li p {margin:0.125em 0; font-size:100%}
#events_list .wplc_event_list p.event_title {font-size:125%}
#events_list .wplc_event_list p.event_date {color:#000}
#donation_form ul, ol.cf-ol {margin-left:0; list-style:none}
form ul li {}
/* Begin Headers */

h2, h3, h4 {margin-bottom:0.5em; font-weight:normal; line-height:1em}
h1 {font-size:250%; line-height:0}
h2 {font-size:150%; line-height:1.3em}
h3 {font-size:125%}
h4 {font-size:100%}
h4.date {}
.lead-image-wrapper {position:relative; margin-bottom:1.25em; background-color:#000}
#content .lead-image-wrapper h2 {margin:0; padding:10px 0 5px 15px; width:533px; position:absolute; bottom:1px; left:1px; z-index:1; color:#fff; font-weight:bold; background:transparent url('images/bg_single-h2.png') top left}
.lead-image-wrapper img {width:548px; height:198px; border:1px solid #14638b}
/* Begin Sidebar */

.sidebar {float:left; display:inline; margin:20px 0 30px 20px; font-size:93.75%}
#sidebar {width:220px}
#sidebar_front {width:220px}
#sidebar_single {width:300px}
#sidebar_theater {margin:4px 0 30px 0; width:220px}
.sidebar h3 {color:#1b1b1b}
.sidebar h4 {color:#999; font-size:87.5%}
.sidebar div {}
.sidebar p {margin-bottom:0.667em; line-height:1.4em}
#side_menu {margin-bottom:1.5em; font-size:1.25em; list-style:none}
#side_menu li a {padding:0.625em 0 0.625em 0.75em; display:block; background-color:#f8f6ef}
#side_menu li a:hover {text-decoration:none; background-color:#f0eddf}
#b92_news ul li {list-style:none}
#b92_news h3 {border:none}
#b92_news h3 a {padding-left:55px; color:#1b1b1b; background:transparent url('../../../images/logos/logo_b92.png') no-repeat center left}
#sidebar_theater img {border:1px solid #05202e}
#sidebar_theater ul {margin:0; list-style:none}
#donate_box {background:#d2f1ff url('images/donate_box_btm.gif') no-repeat bottom left}
#donate_box h3 {padding:10px 0 0 10px; background:transparent url('images/donate_box_top.gif') no-repeat top left}
#donate_box p {margin:0 10px; line-height:normal}
#donate_box p.disclaim {padding:5px 0 10px 0; font-size:85%}
#donate_box .donate_btn {margin:0; padding:5px 0 0 0; text-align:center}

#sidebar h2 {font-size:125%; border-bottom:1px solid}
li.widget {list-style:none; border-bottom:1px solid}




/* End Sidebar */

/* Footer Styles */

#footer {padding:35px 0; background:transparent url('images/bg_footer-container.png') no-repeat top left}
#footer .container {color:#fff}
#footer h4 {font-size:81.25%; font-weight:bold}
#footer p, #footer ul {margin-bottom:0.75em; font-size:81.25%; line-height:1.4em}
#footer ul {list-style:none}
#footer ul li {margin-bottom:5px}
#footer a {color:#258fcd}
#footer a:hover {color:#a8d5ef}
#footer .column {float:left; display:inline; margin-left:20px; width:220px}
#footer .long {margin-left:10px; width:460px}
#footer .subcolumn {float:left; margin-right:20px; display:inline; width:140px}
#footer .subcolumn:last-child {margin-right:0}
/* Begin Images */

img.aligncenter {display:block; margin-left:auto; margin-right:auto; text-align:center}
img.alignright {margin:0 0 5px 10px; border:1px solid #ccc}
img.alignleft {margin:0 7px 2px 0}
.alignright {float:right; display:inline}
.alignleft {float:left; display:inline}
p.alignright {float:right; display:block}
p.alignleft {float:left; display:block}
/* Begin Comments*/

#comments {margin-left:15px}
.alt {margin:0; padding:15px; background-color:#f8f8f8; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
#commentlist {margin-left:20px; display:inline; text-align:left}
#commentlist li {margin:10px 0; padding:10px 20px; list-style:none; font-style:italic}
#commentlist small {font-style:normal}
#commentlist p {margin:10px 5px 10px 0; font-weight:normal; font-style:normal; font-size:95%; line-height:1.5em; text-transform:none}
.nocomments {margin:0; padding:5px 0; text-align:center; font-size:110%; font-weight:bold}
#commentform input, #commentform textarea {font:0.9em 'Lucida Grande', Verdana, Arial, sans-serif}
#commentlist cite, #commentlist cite a {display:inline; font-weight:bold; font-style:normal; font-size:1.05em}
#commentform p {margin:5px 0; font-family:'Lucida Grande', Verdana, Arial, sans-serif}
.commentmetadata {font-weight:normal}
#commentform input {width:170px; padding:2px; margin:5px 5px 1px 0}
#commentform textarea {width:100%; padding:2px}
#commentform #submit {margin:0; float:right}
/* End Comments */

/* Begin Various Tags & Classes */

acronym, abbr, span.caps {cursor:help}
acronym, abbr {border-bottom:1px dashed #999}
blockquote {background:transparent url('images/bquote_btm.png') no-repeat bottom right}
blockquote p {margin:0 15px; padding-bottom:10px}
blockquote p.start {margin:0 15px 0 0; padding:10px 0 0 15px; background:transparent url('images/bquote_top.png') no-repeat top left}
blockquote .cite {margin-top:0; padding-top:0; text-align:right}
.center {text-align:center}
hr {display:none}
a img {border:none}
.navigation {float:left; display:block; margin:10px 0; width:100%; font-size:85%}
.navigation div.alignleft {}
.facebook {padding-left:16px; background:transparent url('images/icon-facebook.png') no-repeat center left}
.twitter {padding-left:16px; background:transparent url('images/icon-twitter.png') no-repeat center left}
.rss {padding-left:16px; background:transparent url('images/icon-rss.png') no-repeat center left}
.rss-feed li {padding-bottom:0.3em}
.update {color:#900}
.update a:link {color:#600}
.cast_list {margin-bottom:15px; width:100%}
.cast_list dt {float:left; display:block; margin-bottom:6px; width:60%; background:transparent url('images/cast_leader.gif') repeat-x 0 85%}
.cast_list dt em {padding-right:.25em; background-color:#fff}
.cast_list dd {float:right; display:block; margin-bottom:6px; padding-left:1%; width:39%}
.nobreak {white-space:nowrap}
.smallcaps {font-variant:small-caps}
.add_to_calendar {padding-left:18px; background:transparent url('images/date-button.gif') no-repeat center left}
#facebook {margin-top:15px}
.wpcf7-form label {display:block; font-weight:bold}
.wpcf7-form input, .wpcf7-form textarea {padding:3px; width:75%; font-size:105%}
.wpcf7-form input {margin-bottom:1em}
.wpcf7-form .reqtxt {margin-top:5px; margin-left:5px; padding:5px 5px 5px 15px; color:#fff; font-size:90%; font-weight:bold; background:#258fcd url('images/req_arrow.png') no-repeat center left}
.wpcf7-form select {font-size:105%; margin-bottom:0.75em}
.wpcf7-form .topalign {vertical-align:top}
.wpcf7-form input.submitbutton {width:auto; margin-bottom:0; font-size:100%}
/* End Various Tags & Classes*/

/* Donation Page Styles */

#donation_form {}
#donation_form ul {}
#donation_form li {margin-bottom:10px}
#donation_form label {margin-bottom:3px; display:block; font-weight:bold}
#donation_form select {width:175px; font-size:110%}
#donation_form input#amount {width:100px; padding:2px}
#donation_form p {padding-top:10px}
/* End Donation Page Styles */

.widetable {margin:0; width:100%; border:0}
.widetable th, .widetable td {padding:.4em; vertical-align:middle}
.widetable th {width:20%; text-align:right; font-size:105%; font-weight:normal}
.widetable td {text-align:left}
/* Event Styles */

p.event_info, ul.event_info {margin-bottom:1em; font-weight:bold; color:#900; border-top:1px dotted #600; border-bottom:1px dotted #600}
p.event_info {padding:3px 0 3px 0}
ul.event_info {list-style:none}
.event_info li {padding:5px 0 5px 0; border-bottom:1px dotted #600}
.event_info li:last-child {border-bottom:none}
#event_transportation {margin-left:20px}
#event_transportation li {margin:0.625em 0}
/* Advertisement Styles */

#single_ad {margin:15px auto 10px auto; text-align:center}
.sidebar h3.ad_header {text-align:center}
.sidebar_ads, #sponsors, #partners {text-align:center; margin:1em auto 0 auto}
.sidebar_ads img, #sponsors img {margin:5px}
/* Hacks */

.container:after, #navbar:after, #footer:after, .cast_list:after {content:"."; display:block; height:0; clear:both; visibility:hidden}
/* Hides from IE-mac \*/
* html .container, * html #navbar, * html #footer, * html .cast_list {height:1%}
/* End hide from IE-mac */

