/**********************************************************************/
/* Template: bulletproof for Serendipity (http://www.s9y.org)         */
/* Authors: Matthias Mees, David Cummins and Don Chambers             */
/*                                                                    */
/* Stylesheet for the colorset 'purple'                               */
/*                                                                    */
/* http://s9y-bulletproof.com                                         */
/**********************************************************************/
html{min-height: 100%; margin-bottom: 1px; }
html{ overflow: -moz-scrollbars-vertical !important; }
*{margin:0; padding:0}
body{margin:0px; padding:0px; background:url(img/purple_body.jpg) repeat-x 0 0; font:normal 62.5% Arial,Helvetica,sans-serif}
body { behavior:url("csshover.htc"); }
h1{font:normal 100% Arial,Helvetica,sans-serif}
img, a{border:0; outline:none;}

.clearfix:after{ content:".";  display:block;  clear:both;  visibility:hidden;  line-height:0;  height:0}
.clearfix{ display:inline-block}
html[xmlns] .clearfix{ display:block}
* html .clearfix{ height:1%}

#wrapper {
    width: 990px; 
    background-color: #ffffff;
    margin: 0px auto;
}


#serendipityLeftSideBar,
#serendipityRightSideBar {
	width:184px; float:left; margin-left:15px;
	font:12px arial;
    background-color: #fff;
    color: #373837;
    overflow: hidden; 
}

#content {background-color: #fff; color: #373837; width:525px; padding-bottom:40px; margin-left:30px; margin-right:10px; float:left;}
#content img{ margin-bottom:10px;}
#content ul.ullis { padding-left:20px; list-style:disc; }
#content h1{ color:#00294d; font:26px Georgia; font-weight:500; padding-bottom:20px; }
#content h2{ color:#00294d; font:18px Georgia; font-weight:500; padding-bottom:20px; }
#content a{ text-decoration:none; color:#0808f9;}
#content a:hover{ text-decoration:underline;}
#content p{color:#373837; font:12px arial; line-height:25px; width:98%;}
#content h3 {color:#00294d; font:12px Georgia;}
#content h4 {color:#00294d; font:12px Georgia; font-weight:bold; padding-bottom:10px;}
.bread_crumbs p { text-decoration:none; color:#002a4d;}
.bread_crumbs p a{ text-decoration:underline; color:#0808f9;}
.bread_crumbs p a:hover{ text-decoration:underline; color:#0808f9;}


.serendipity_commentsTitle {
    font-size: 100%;
    font-weight: bold;
}

.serendipity_entryFooter {
    font-size: 90%;
    margin: 15px 0;
    padding: 8px 0;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
}

.serendipity_pageFooter {
    margin: 5px 0 10px;
}

.serendipitySideBarItem {
	margin: 10px;
    padding: 0;
    border: 0px none;
    overflow: hidden; 
}

.serendipitySideBarTitle {
    
    color: #00294a;
	border-top:#cecece 1px solid; 
	border-bottom:#cecece 1px solid;   
    background:#f5f5f5 url(img/arrow_left.gif) no-repeat 11px 18px ;
	padding-top: 14px; padding-right: 5px; padding-bottom: 14px; padding-left: 24px;
	font:12px arial;
	font-weight:bold;
}

.serendipitySideBarContent {
    padding: 10px;
    /*border-left: 4px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    background-color: #EDE6EE;
    margin: 0;*/
}

.serendipitySideBarContent a{ color:#8fa82f;font:12px arial; text-decoration:none; margin:5px 0 5px 5px; }
.serendipitySideBarContent a:hover {color:#4d6101 !important; font-weight:bold;}

.serendipitySideBarFooter {
    /* not used in this template */
}

#month,
.serendipity_weekDayName, 
#today {}


img.serendipity_entryIcon {
    float: left;
    border: 0px;
    margin: 0 5px 0px 0;
}

input#serendipityQuickSearchTermField {
    border: 1px solid #823995!important;
}


blockquote {
    background: #f4edf5;
    color: #505050;
    border-left: 5px solid #823995;
    margin: 1em 2em 1em 4em;
    padding: 1em 1em 1em 2em;
}

blockquote p {
   margin: 0.5em 0;
   padding: 0;
}

.serendipity_comment_author_self comment_evenbox,
.comment_evenbox {
    line-height: 1.2em;   
    border: 1px dotted #823995;
    background: #EDE6EE;
}

.serendipity_comment_author_self comment_oddbox,
.comment_oddbox {
    line-height: 1.2em;
    border: 1px dotted #823995;
    background: #F5F4F8;
}

.serendipity_commentsTitle {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 130%;
    letter-spacing: -1px;
    margin: 1em 0;
    padding: 0.5em 0;
}

.s9y_wrap {
    background: #fff;
    font-size: 69%;
}


/*FOOTER*/
#footer{width:990px; height:40px; float:left; background:url(img/bg_footer.gif) repeat-x 0 0; }
#footer p, #footer p a{ padding-top:10px; color:#fff; font:11px verdana;}
#footer p a{ text-decoration:none;}
#footer p a:hover{ text-decoration:underline;}
#footer .left{ width:30%; float:left; margin-left:20px;}
#footer .right{ width:45%; float:right;}


/*HEADER*/
#header{width:990px; height:108px; float:left; background:url(img/bg_header.jpg) no-repeat 0 0; margin-bottom:20px;}
#header .logo{ float:left; width:33%;}
#header .logo a img { padding-top:33px; padding-left:33px; outline:none 0;}

#header .tagline{ float:left; width:33%; color:#fff; padding-left:20px; padding-top:43px; font:12px arial;}
#header .tagline p span{ font-style:italic; color:#fcac2d}

#header .search{ float:right; width:28%; padding-top:33px;}
#header .search input{ float: left; width: 161px; height: 18px; padding: 1px; font:12px arial; border-left-style:inset; color:#606060;}
#header .search button{display: block; float: left; width: 65px; height: 24px; margin-left:5px; background: url(img/btn_search.gif) no-repeat 0 0; text-indent: -1999px; overflow: hidden; font-size: 0; line-height: 0; text-decoration: none; border: none; cursor: pointer; }
#header .search button:hover {background: url(img/btn_search.gif) no-repeat 0 -24px;}


/* For header navigation */

#header .topNav { clear: both; position: relative; list-style: none; height: 43px; padding: 15px 0 0 215px; background: url(img/bg_grayStripe.gif) repeat-x 0 43px;}
#header .topNav_active {background:url(img/bckg_greenStripe.gif) repeat-x 0 43px; }
#header .topNav:hover { background:url(img/bckg_greenStripe.gif) repeat-x 0 43px ; }

#header .topNav li { list-style: none; float: left; width: 138px; height: 31px; margin: 0 4px 0 0; }
#header .topNav li a { display: block; width: 138px; height: 31px; text-indent: -1999px; overflow: hidden; font-size: 0;; line-height: 0; text-decoration: none; }

/*Styles For header tabs*/
#header .topNav .about a, #header .topNav .about a:visited, #header .topNav .about a:active { background: url(img/nav_about.gif) no-repeat 0 0; }
#header .topNav .services a, #header .topNav .services a:visited, #header .topNav .services a:active { background: url(img/nav_services.gif) no-repeat 0 0; }
#header .topNav .casestudies a, #header .topNav .casestudies a:visited, #header .topNav .casestudies a:active { background: url(img/nav_case.gif) no-repeat 0 0; }
#header .topNav .news a, #header .topNav .news a:visited, #header .topNav .news a:active { background: url(img/nav_news.gif) no-repeat 0 0; }
#header .topNav .expert a, #header .topNav .expert a:visited, #header .topNav .expert a:active { background: url(img/nav_expert.gif) no-repeat 0 0; }

#header .topNav .about a.active, #header .topNav .about a.active:visited, #header .topNav .about a.active:active, #header .topNav .about a:hover { background: url(img/nav_about.gif) no-repeat 0 -31px; }
#header .topNav .services a.active, #header .topNav .services a.active:visited, #header .topNav .services a.active:active, #header .topNav .services a:hover { background: url(img/nav_services.gif) no-repeat 0 -31px; }
#header .topNav .casestudies a.active, #header .topNav .casestudies a.active:visited, #header .topNav .casestudies a.active:active, #header .topNav .casestudies a:hover { background: url(img/nav_case.gif) no-repeat 0 -31px; }
#header .topNav .news a.active, #header .topNav .news a.active:visited, #header .topNav .news a.active:active, #header .topNav .news a:hover { background: url(img/nav_news.gif) no-repeat 0 -31px; }
#header .topNav .expert a.active, #header .topNav .expert a.active:visited, #header .topNav .expert a.active:active, #header .topNav .expert a:hover { background: url(img/nav_expert.gif) no-repeat 0 -31px; }

/*.category_submit{ width:0; height:0;}
.category_link_all{ padding:0px; margin:0px;}
.category_link_all a{ padding-left:15px; font:12px arial;}

.twoside { width:184px; float:left; margin-left:15px; background:#FFFFFF;}
.twoside ul li{ list-style:none; padding-bottom:0px; margin-bottom:0px; padding-bottom:5px;}
.twoside ul li a{color:#8fa82f; font:12px arial;  text-decoration:none; outline:none;  padding:0px 5px 0px 0px;}
.twoside ul li a:hover{ font-weight:bold;}*/
#today { font-weight:bold; color:#4d6101;}