/* Designed by Francois PLANQUE - http://fplanque.net/ */

@import url(../../rsc/css/basic.css);	/* Import basic styles */
@import url(../../rsc/css/img.css);	/* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);	/* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);	/* Import default form styles */
@import url(../../rsc/css/comments.css);	/* Import default comment styles */

/*
 * Main page construct:
 */
body {
	background: #BBCCDE;
    background: url('bg_point-blue7.gif');
	margin:0px 0px 0px 0px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 80%;     
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;
}

table.prevnext_post {
	width: 98%;
}

.posts /* Left column */
{
	float: left;
	display: inline;
	margin-left: 65px;
	padding: .5em;
	background-color: #9EC0DE;
	border: 1px #eee solid;
    width: 64%;
}

.bSideBar /* Right column */
{
width: 24%;
float: left;
overflow: hidden; 
font-size: 90%;
background-color: #E1E1E1;
border-left: 2px solid;
border-right: 2px solid;
border-top: 1px solid;
border-bottom: 1px solid;
color: #fff;
background: url('bg_point-gray1.gif'); 
}

div.clear {
	clear: both;
}

.center {
	text-align: center;
}

div#pageFooter {
	margin: 1ex;
	padding:0;
	border-top: 1px dotted #000;           
}

p.baseline {
	font-size: 70%;
	text-align: center;
	margin:1ex;
    background: none;	
}
p.baseline a {
	color: #000000;
}

p.baseline a:hover {
	color: #ffffff;
	background: #336699;
	border: 1px;
}

/*
 * General styles:
 */
a {
	color: #999966;
	text-decoration: none;
	font-weight:bold;   
}

a img {
    
}

.imglink  a:hover {
	border: none;
}

a:link {
	color: #0E67D8;
   	text-decoration: none;
    border: none;
} 

a:visited {
	color: #0E67D8;
	text-decoration: none;
}

a:active {
	color: #999966;
}

a:hover {
	color: #FFFFFF;
    background: #999966;
    border:1px solid #656541;
}

h2 {
	font-family:georgia, verdana, arial, sans-serif; 
	font-size: 15px; 
	color: #fff; 
	border:1px solid #999;
    background-color: #336699;
	padding:5px;
	margin-bottom:10px;
	font-weight:normal;    
}

h3 {
	font-family: verdana, arial; 
	font-size: small; 
	color: #003366; 
	text-transform: uppercase;
	font-weight:bold;
	margin-top: 1.0em;
    padding-bottom: 5px;    
}

h4 {
	color: #06a3c4;
	font-size: 105%;
}

/*
 * Blog list on top:
 */
div.PageTop ul {
	border-bottom: 2px solid #06a3c4;
	margin: 0 1ex 2px 1ex;
	padding: 0 0 2px 0;
	list-style-type:none;
}
div.PageTop li {
	display: inline;
	padding-right: 3ex;
}
a.selected {
	color: #06a3c4;
	font-weight:bold;
}

/*
 * Menu on top:
 */
div.top_menu ul {
	margin: 4px 1ex 2px 1ex;
	padding: 0 0 2px 0;
	list-style-type:none;
}
div.top_menu li {
	display: inline;
	padding-right: 2ex;
}
div.top_menu a {
	color: #999;
	font-weight:bold;
}


/*
 * Header styles:
 */
div.widget_core_menu_link  {
    text-transform: uppercase;
	text-align: center;
}

div.pageHeader h1 {

	border-top: solid 3px #99CCFF;
	background: #336699;
	font-family:verdana, arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-transform:uppercase;
	text-align: center;
	letter-spacing: 0.2em;
	margin: 0;
}
div.pageHeader a {
    text-align: center;
	color: #336699
}

div.pageHeader a:hover {
        
    background-color: white;
    color: #336699;
    border: none;
    text-align: center;

}
div.pageHeader h1 a {
    border: none;	
	text-align: center;
}
div.pageHeader h1 a:hover {
	text-align: center;
	color: #ffffff;
	border: 1px;

}

div.pageHeader div.widget_core_coll_tagline {
	letter-spacing: 4px;
	padding: 0 0 0 0;
	font-size: 109%;
}

div.pageHeader  h2 {
	background: #336699;
	font-family:verdana, arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-transform:uppercase;
	text-align: center;
	letter-spacing: 0.2em;
	margin: 0;
    border: none;
}


div.pageHeader h2 a {
	color: #ffffff;	
    text-align: center;
       
}

div.pageHeader h2 a:hover {
    text-align: center;    
    background-color: white;
    color: #336699;
    border: none;

}

/* 
 * Styles for posts
 */
.bPost, .bPostpublished
{
	font-family:georgia, verdana, arial, sans-serif;
	color:#0D0D0D;
	font-size:115%;
	font-weight:normal;
	background:#eee;
	line-height:1.5em;
    border: 2px solid;
    margin-top: 27px;
    margin-bottom: 7px;
    display: inline-block;
}

.bSmallHead {
	font-size: 78%;
	margin: 1ex;	
}
div.bTitle {
    float: left;
	clear: both;
	background-color:#9EC0DE;	
}
h3.bTitle {
	font-family: verdana, arial; 
	font-size: small; 
	color: #003366; 
	background: #9EC0DE;
	text-transform: uppercase;
	font-weight:bold;
	margin-top: 1.0em;
    padding-bottom: 5px;    
}

h3.bTitle a:link,
h3.bTitle a:visited,
h3.bTitle a:active {
    float: left;
	font-family:verdana, arial, sans-serif;
	font-size: small;
	color: #003366;
    background: #9EC0DE;
	text-decoration: none;
    border:1px solid #C4D8EB;
    padding:1px 3px;    
}

h3.bTitle a:hover {
        background: #D4E6F7;
}


.bText {
	margin: 0 1ex 0;    
}

.bText a {
    font-weight:normal    
}

.bText a:link {
text-decoration: underline; font-size: 14px; font-weight:normal; 
}

.bText a:visited {
text-decoration: underline; font-size: 14px; font-weight:normal; 
}

.bText a:hover {
background: #336699;
text-decoration: none;
font-size: 14px;
border:1px solid #656541;
}

.bSmallPrint
{
	clear: both;
	font-size: 95%;
	margin: 1ex;    
}

.PageLinks {

text-align: center;
}

.PageLinks a {
border: 1px solid white;
padding: 2px;
}

.PageLinks a:hover {
background-color: #fff;
color: black;
}


input.bComment, 
textarea.bComment
{
	background-color: #eee;
	border: 1px solid #ccc;
	width: 97%;
	padding: 2px;
	margin: 0ex;    
}
select.bComment		/* Used by the profile form */
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 1px;
	margin: 0ex;	
}


/*
 * Styles for sidebar (right) 
 */
.bSideItem {
	font-family:verdana, arial, sans-serif;
	color:#000;
    font-size:11px;
	font-weight:normal;
	background:#707070;
    background: url('bg_point-gray1.gif'); 
	padding:0px;
	margin-top:5px;
    text-align:center;
	text-transform:uppercase;
/*	letter-spacing: .2em; */
    background-color: #E1E1E1;
}

.bSideItem ul {
      list-style:none;
      text-align:center;
	  padding-right: 15px;
      margin-top:1px;
}

.bSideItem ul ul{
	margin-left: 8px;
	padding-left: 8px;
	margin-top: 0px;
	margin-bottom: 50px;
}
.bSideItem li {
      list-style:none;
      text-align:center;
	  padding-right: 15px;
      margin-top: 1px;
}
.bSideItem h3 {
	font-family:verdana, arial, sans-serif;
	color:#fff;
    font-size:x-small;
	font-weight:bold;
	background:#707070;
	line-height:100%;
	padding:2px;
	margin-top:1px;
    margin-bottom:1px;
	text-align:center;
	text-transform:uppercase;
	letter-spacing: .2em; 
}
.bSideItem form {
	margin-top: 0px;
	margin-bottom: 0px;
}
.dimmed
{
	color: #000000;
	font-size: 84%;
    font-weight: bold;
}
input.SearchField
{
	background-color: #eee;
	border: 1px solid #ccc;
	padding: .5ex;
	width: 96%;
	margin: 0ex;
}

/* Special SideItems: */
.widget_plugin_evo_Calr,
.widget_core_coll_title,
.widget_core_coll_longdesc {
	padding: 0;
}
.widget_core_coll_title a {
	color: #ffffff;
    border: none;
    background: #707070;
    
}
.widget_core_coll_title a:hover {
	color: #ffffff;    
}

/* Calendar: */
table.bCalendarTable caption {
	border-top: 1px solid #000;
    border-left: 1px solid #000;
	border-right: 1px solid #000;
	font-family:verdana, arial, sans-serif;
	color:#003366;
	font-size:small;
	font-weight:bold;
  	background:#F7F7D4;
  	line-height:140%;
    padding:2px;
}
table.bCalendarTable caption a {
    text-decoration: none;
}
table.bCalendarTable {
	border: solid 1px #000;
	border-collapse: separate; 
    font-size: small;
    background:#F7F7D4;
    
}
table.bCalendarTable a {
    text-decoration: underline;
} #333;
}ght: solid 1px #ccc;
	border-top: solid 1px #ccc;
	margin: 3px;
}

table.bCalendarTable tfoot {
	border-top: solid 1px #000;
}
table.bCalendarTable tfoot td {
	background-color: #F7F7D4;
	border-top: solid 1px #000;
}
table.bCalendarTable tfoot a {
	text-decoration: none;
}
table.bCalendarTable tfoot a:hover {
	background-color: #fac;
}
th.bCalendarHeaderCell {
	color: #000;
	font-weight: bold;
    border-bottom: solid 1px #000;
    background: #EEE7DD;
    padding: 2px;
}
#bCalendarToday {
	border: 1px solid #FF0000; 
}

/*
 * Styles for comment screen:
 */
form.bComment fieldset div.label,
form.bComment fieldset div.input,
form.bComment fieldset div.info
{
	padding-top: 0;
	/* font-size: 84%; */
}
textarea.bComment,
input.bComment,
input.SearchField {
	background-color: #E2F1F4;
}
/* beg Photo-Caption Zoom - Pure-CSS */

.Zright { float:right; margin:5px 0px 2px 10px; }
.Zleft { float: left; margin:5px 10px 2px 0px; }

.Zoom img { border: 1px solid #369; }
.Zoom.t100 img { width:100px; }
.Zoom.t150 img { width:150px; }
.Zoom.t200 img { width:200px; }
.Zoom.t250 img { width:250px; }
.Zoom.t300 img { width:300px; }
.Zoom.t350 img { width:350px; }
.Zoom.t400 img { width:400px; }
.Zoom t450 img { width:450px; }
.Zoom.t500 img { width:500px; }
.Zoom.t550 img { width:550px; }
.Zoom.t600 img { width:600px; }
.Zoom.t650 img { width:650px; }
.Zoom.t700 img { width:700px; }
.Zoom.t750 img { width:750px; }
.Zoom.t800 img { width:800px; }
.Zoom .caption { display:none; }

.Zoom a { margin:0px; }
.Zoom a:hover { margin:0px; background: #eeeeee; border:none;} /* IE picky here */
.Zoom a:visited { margin:0px; }

.w100 a:hover img,.w100 a:hover .caption {width:100px}
.w150 a:hover img,.w150 a:hover .caption {width:150px}
.w200 a:hover img,.w200 a:hover .caption {width:200px}
.w250 a:hover img,.w250 a:hover .caption {width:250px}
.w300 a:hover img,.w300 a:hover .caption {width:300px}
.w350 a:hover img,.w350 a:hover .caption {width:350px}
.w400 a:hover img,.w400 a:hover .caption {width:400px}
.w450 a:hover img,.w450 a:hover .caption {width:450px}
.w500 a:hover img,.w500 a:hover .caption {width:500px}
.w550 a:hover img,.w550 a:hover .caption {width:550px}
.w600 a:hover img,.w600 a:hover .caption {width:600px}
.w650 a:hover img,.w650 a:hover .caption {width:650px}
.w700 a:hover img,.w700 a:hover .caption {width:700px}
.w750 a:hover img,.w750 a:hover .caption {width:750px}
.w800 a:hover img,.w800 a:hover .caption {width:800px}

.Zoom a:hover img { margin-bottom:5px;}

.Zoom a:hover .caption {
display:block;
background:#eef;
border:1px solid #339;
font-family:verdana,sans-serif;
text-decoration:none;
text-align:justify;
font-size:10pt;
color:#339; }

.Zoom a:hover .inner {
display:block;
padding:5px 8px; } /* no IEboxModelHack */

/* end Photo-Caption Zoom - Pure-CSS */