/* ----------------------------------------------
        General Styles
-----------------------------------------------*/

html, body
{
    margin: 0;
}

h2
{
    margin-top: 0px;
}

img
{
    border: none 0;
}

body
{
    font-family: Verdana,Lucida,Helvetica,Arial,sans-serif;
    font-size: 12px;
}

small
{
    font-size: 0.8em;
}

table
{
    border: none 0;
}

/* ----------------------------------------------
        Page Layout
-----------------------------------------------*/
 
body {
    background: url(images/StarFormicaBg.jpg);
    min-width: 550px;
    padding: 0px;
}

#header {
    background: url(images/page_header2.jpg) no-repeat;
    height: 149px;
    padding: 0;
    margin: 0;
}

#headerimg h1, #headerimg .description {
    display: none;
}

#layoutTable
{
    width: 100%;
}

#container
{
    height: 100%;
}

#container td
{
    vertical-align: top;
}

#spacerLeft
{
    width: 30px;
    background-image: url(images/ShadowBorderLeft.png);
    background-repeat:repeat-y;
    background-position: right;
}

#spacerRight
{
    width: 30px;
    background-image: url(images/ShadowBorderRight.png);
    background-repeat:repeat-y;
    background-position: left;
}

#sidebarLeft 
{
    width: 170px;
    background-color: #e7d773;
    background-image: url(images/ShadowBorderLeft.png);
    background-repeat:repeat-y;
    background-position: right;
    padding: 15px 15px 15px 10px;
}

#spacerLeftBottom
{
    width: 30px;
    height: 20px;
    background-image: url(images/ShadowBorderLeftBottom.png);
    background-repeat:repeat-y;
    background-position: right;
}

#sidebarLeftBottom, #contentBottom, #sidebarRightBottom
{
    height: 20px;
    background-image: url(images/ShadowBorderBottom.png);
    background-repeat: repeat-x;
    background-position: top;
}

#spacerRightBottom
{
    width: 30px;
    height: 20px;
    background-image: url(images/ShadowBorderRightBottom.png);
    background-repeat:repeat-y;
    background-position: left;
}

#sidebarLeft div
{
    background-color: #ffffcc;
}

#sidebarLeft h2
{
    background:transparent url(images/portlet_header.png) repeat;
}

#content, .content
{
    background-color: #ffffff;
    padding: 15px;
    min-width: 500px;
}

#sidebarRight
{
    width: 160px;
    background-color: #e7d7b5;
    background-image: url(images/ShadowBorderRight.png);
    background-repeat:repeat-y;
    background-position: left;
    padding: 5px 10px 15px 15px;
}

#sidebarLeft ul, #sidebarRight ul
{
    list-style-type: none;
    margin-left: -40px;
}

#footer
{
    clear: both;
}

div.post
{
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom:1px dashed #999999;
}

#commentform textarea
{
    width: 95%;
}

.alignleft
{
    text-align: left;
    float: left;
    margin-left: 0px !important;
    margin-bottom: 10px;
}

.alignright
{
    text-align: right;
    float: right;
    margin-bottom: 10px;
}

div.navigation
{
    border-bottom:1px dashed #999999;
    margin-bottom: 1em;
}

div.search
{
    margin-right: 38px;
    margin-left: 15px;
    line-height: 2em;
}

div#siteSearch
{
    float: right;
}

.kjo-link
{
    visibility: hidden !important;
}

.entry li
{
    margin-bottom: 1em;
}

/* -------------------------------------
        Connect Sidebar
------------------------------------ */

.connect-container
{
    clear: both;
    font-size: 0.9em;
    margin-left: 5px;
    /*font-weight: bold;
    margin-bottom: 0.7em;
    border-bottom: 1px dashed #eeeeee;
    padding-bottom: 0.7em;*/
}

.connect-container h3
{
    color: #C27405;
    font-size: 1.1em;
}

.spacer
{
    margin-bottom: 0.7em;
}

.connect-container img
{
    float: left;
    margin-right: 5px;
}

.connect-container small
{
    font-size: 0.8em;
    font-weight: normal;
}

#connect-calendar, #connect-rss
{
    margin-bottom: 1em;
}

#connect-twitter, #connect-facebook, #connect-forums, #connect-email
{
    border-bottom: none 0px;
}

#connect, #joinInfo
{
    margin-bottom: 1em;
}

#sidebarRight div.hr
{
    border-bottom: dashed 1px #ffffff;
    width: 100%;
    height: 1px;
    margin-bottom: 1.5em;
    padding-top: 0.5em;
}


/* -------------------------------------------
        Font sytles
------------------------------------------- */

a
{
    text-decoration: none;
    color: #AA6600;
}
a:hover
{
    text-decoration: underline;
}

h2.widgetTitle
{
    font-size: 1.2em;
}

#content h1, #content h2, #content h3 
{
    color:#AA6600;
    font-family: Georgia,"Times New Roman",Times,serif;
    margin:0.5em 0;
    padding:5px 0;
    text-align:left;
}

#sidebarLeft h2
{
    font-size: 1.0em;
}

#nav li
{
    text-transform: uppercase;
}

#nav li li, #nav li li li, #nav li li li li
{
    text-transform: none;
}

#content h2
{
    background:transparent url(images/sun_head.gif) no-repeat scroll 0 0;
    margin-right:120px;
    padding:0 0 0px 25px;
}

#footer p
{
    font-size: 0.8em;
}

span.stbuttontext
{
    font-size: 0.8em;
}

.more-link
{
    font-style: italic;
}

p.postmetadata
{
    /*font-size: 0.8em;
    clear: both; */
    font-size: 9px;
    
}

#connect, #contribute, #join, #upcoming
{
    text-transform: uppercase;
    font-weight: bold;
}

#contribute-body
{
    font-weight: normal;
}

.dateDisplay
{
    color: #fc3; font-weight: normal; text-align: right; float: right; padding: 10px 0; margin-left: 10px;
    position: relative;
}
.date1 {font-size: 3em; display: block; color: #fb3; line-height: 14px;}
.date2 {font-size: 2em; display: block; line-height: 30px;}
.date3 {font-size: 2em; display: block; font-weight: bold; color: #fb3; line-height:14px;}

#siteSearch p
{
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 0.9em;
}

.search-text
{
    font-size: 0.9em;
    padding-left: 3px;
}

.search-submit
{
    font-size: 0.9em;
}

.btn:hover
{
    background-color: #AA6600;
    color: White;
    font-weight: bold;
}

.btn
{
    background-color: #FFBB33;
    color: White;
    font-weight: bold;
}

/* --------------------------------------------
        Widgets
---------------------------------------------*/

#text-11, #text-12, #text-13, #text-6, #text-19
{
    padding: 0px;
    background: none;
}

#text-17
{
    margin-top: -10px;
}

#text-2 h2, #text-11 h2, #text-12 h2, #flickrrss h2, #text-13 h2, #text-6 h2, #text-19 h2, #text-4 h2
{
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    font-size: 0.8em;
    margin-bottom: 0px;
    padding: 5px;
    background-color: #E7D773;
}

#ad-left-sidebar, #flickrrss, #archives-2, #meta-3, #text-4
{
    margin-bottom: 0.7em;
}

#ad-left-sidebar, #flickrrss, #categories-2, #archives-2
{
    text-align: center;
    padding: 5px;
}

#archives-2
{
    padding-top: 0px;
}

#meta-3
{
    padding: 5px;
}

#meta-3 ul
{
    list-style-type: disc;
    margin-left: -15px;
}

#flickrrss
{
    /*text-align: center;*/
}
#flickrrss img
{
    margin: 1px;
}
#flickrrss h2, #categories-2 h2, #meta-3 h2, #archives-2 h2, #upcoming-events h2
{
    display: none;
}

.aktt_tweets
{
    font-size: 0.8em;
}
.aktt_tweets li
{
    margin-bottom: 10px;
}

#upcoming-events
{
    margin-left: 5px;
}

#upcoming-events li li
{
	margin-top: 0;
	font-weight: normal;
	color: #000000;
	text-transform: none;
	font-size: 1.2em;
	margin-top: 0.3em;
}

#upcoming-events li
{
	margin-top: 0.7em;
	font-weight: bold;
	color: #C27405;
	font-size: 0.8em;
	text-transform: uppercase;
}

ul#events-calendar-list
{
    /*margin-left: -35px !important;*/
}    

#events-calendar-list li
{
    font-size: 10px;
    margin-bottom: 5px;
    list-style-image: none !important;
}

#events-calendar-list li ul li
{
    font-weight: normal;
}

.calnk
{
    display: block;
    font-weight: bold;
}

.calnk span
{
    font-weight: normal;
}

#calendar_wrapLarge h2
{
    background: none;
}

#events-calendar-list li:hover 
{
    background-color: #ffffff !important;
    border: none !important;
    padding: 0px !important;
}

.breadcrumb
{
    border-bottom:1px dashed #999999;
    padding-bottom: 1em;
    margin-bottom: 1em;
}

.addthis_container
{
    float: right;
    margin-top: -1px;
}

.page .addthis_container
{
    float: none;
    text-align: right;
}

#wp_paypal_payment_widgets select
{
    width: 160px;
    font-size: 0.9em;
}

#wp_paypal_payment_widgets input
{
    width: 155px;
    font-size: 0.9em;
}

#wp_paypal_payment_widgets, #events-calendar
{
    margin-left: 5px;
}

#frmPayPal span
{
    font-size: 0.9em !important;
}

/* --------------------------------------------
        Primary Navigation
---------------------------------------------*/

#navigation 
{
    display: block; 
    background: url('images/page_nav.png') repeat; 
    text-align: center; 
    height: 2em; 
    padding: 2px 0; 
    border-top: 1px solid #999; 
    border-bottom: 2px solid #999;
    overflow: hidden;
}

#nav {padding-left: 35px; min-width: 1000px; margin: 0 auto;}
#nav, #nav ul {text-align: left; font-size: 0.9em; list-style: none; font-weight: normal; z-index: 8; }
#nav li {float: left; padding: 0; margin: 0;}
#nav a {border-right: 1px solid #ddd; display: block; /*line-height: 2.3em;*/ padding: 5px 12px 5px; color: #000000; text-decoration: none; font-weight: bold;}
#nav a:hover {border-right: 1px solid #fc3; color: #fff; background: #d93;}
#nav li ul {margin: 0; padding: 0; font-size: 1em; border: 1px solid #ddd; background: url('images/page_nav.png') repeat #eb5; position: absolute; left: -999em; height: auto; width: 14em;}
#nav li li {width: 14em; margin: 0;}
#nav li ul a {border-left: 1em solid #eee; margin: 0;}
#nav li ul a:hover {border-left: 1em solid #fc3;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover {background: #d93;}

#nav li ul ul {margin: -2em 0 0 13em;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}

#page_nav {padding: 0 10px;}
#page_nav a {display: block; color: #999; padding: 10px; border: 1px solid #eee;}
#page_nav a:hover {color: #999; border: 1px solid #f90; background: #fe9; color: #f90;}


