/*LAYOUT*/

body
{
  text-align: left; 
  padding: 0px; 
  margin: 0px; 
  background: #F6F7F9;
}

#main{margin: auto; margin-top: 20px; text-align: left; width: 870px;}

#top
{
  margin-bottom: 40px;
  border-bottom: 1px solid #CED7DE;
}

#top ul{list-style: none; padding: 0px 0px 15px 0px; margin: 0px;}
#top ul li{display: inline; margin: 0px; padding: 0xp;}
#top ul li a{padding: 10px 20px 10px 0px; color: #000}

#top ul li.current a{font-weight: bold}

#body{margin: auto; padding: 2em 0em 2em 0em;}
#footer{padding-top: 5px; clear: both;}

/* Intro Master */
#intromain{margin: auto; margin-top: 20px; text-align: left; width: 870px;}

#intromain ul.topnavigation {

}
#intromain ul.topnavigation li {

}
#intromain ul.topnavigation li a {

}
#intromain ul.topnavigation li a:hover {
}
html #intromain ul.topnavigation li.active, html ul.topnavigation li.active a:hover  {
}
/* Intro Master */

/* Subpages layout */
#content.textpagecontent{text-align: left; float: left; width: 75%;}
#content.listpagecontent{text-align: left; float: left; width: 100%;}
#content.postpagecontent{text-align: left; float: left; width: 100%;}
#content.startpagecontent{text-align: left; float: left; width: 100%; height: 1200px;}
#subNavigation{margin-top: 40px; width: 22%; float: right;} 
#subNavigation ul{list-style: none; border: 1px solid #FFE8CD; background: #FFF9D8; display: block; padding: 10px; padding-left: 0px;}
#subNavigation ul li{margin: 0; padding: 0px; padding-right: 10px;}

/* FONTS standards */
body {
  /*font-size: 14px;*/
  font-size: 0.8em;
  background:#fff; 
  /*font-family: "Lucida Grande", Arial, sans-serif;*/
  font-family: "Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";
}

h1, h2, h3, h4, h5, h6 {color: #426FC8; font-weight: 500;}
h1 {font-size:60px; line-height: 1; margin-bottom:0.5em; font-weight: bold; letter-spacing: -1px; width: auto; color: #666;}
h2 {font-size:25px; margin-bottom:0.75em;}

h3 {font-size: 18px;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em; /*font-size: 16px;*/}
p img {/*float:left;*/margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

/* LINKS standards */
a:hover {color:#000;}
a {color: #426FC8; text-decoration:underline;}
h1 a{color: #666; text-decoration: none;}
h2 a{color: #426FC8; text-decoration: none;}

/* ELEMENTS standards */
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre, code {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;background:#C3D9FF;}
th, td {padding:4px 10px 4px 5px;}
tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}
caption {background:#eee;}

/* FORM ELEMENTS */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea 
{
  width:300px;
  /*height:250px;*/
  padding:5px;
}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error ul{margin-bottom: 0; padding-bottom: 0;}




/* Clear fix to repleace br clear:both */ 
.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%;
}


/* MY STUFF START ------------------------------ */

.hiddenfieldarea {
    display: none;
}

ul.topnavigation {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 32px; /*--Set height of topnavigation--*/
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  width: 100%;
}
ul.topnavigation li {
  float: left;
  margin: 0;
  padding: 0;
  height: 31px; /*--Subtract 1px from the height of the unordered list--*/
  line-height: 31px; /*--Vertically aligns the text within the tab--*/
  border: 1px solid #999;
  border-left: none;
  margin-bottom: -1px; /*--Pull the list item down 1px--*/
  overflow: hidden;
  position: relative;
  background: #e0e0e0;
}
ul.topnavigation li a {
  text-decoration: none;
  color: #000;
  display: block;
  font-size: 1.2em;
  padding: 0 20px;
  border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
  outline: none;
}
ul.topnavigation li a:hover {
  background: #ccc;
}
html ul.topnavigation li.active, html ul.topnavigation li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
  background: #fff;
  border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}





/*.tab_container { */
#textpage {
  border: 1px solid #999;
  border-top: none;
  overflow: hidden;
  clear: both;
  float: left;
  width: 829px;
  background: #fff;
}

.tab_container {
  padding: 0;
  margin: 0;
  /*font-size: 1.2em;*/
}
.tab_content {
  padding: 20px;
}


/*BLOG STYLES */
#content .post{
  border: solid 1px #555;
  background-color: #eee;
  padding: 20px;
  margin-bottom: 20px;
  text-align: left;
}

#content .post h2 
{ 
  margin-top: 0;
}

li .socialarea
{
  width: 330px;
}
.socialarea
{
    border: solid 1px #222255;
    background-color: #fff;
}

.socialarea p
{
    margin: 1em;
}
.post #gallerylike
{
  float: right;
  width: 360px;
  border: solid 1px #1B728F;
    background-color: #8BD2EF;
}
.post #gallerylike p
{
    margin: 0.5em 0.5em 0 0.5em;
}
.post .galleryrecomend
{
  float: right;
}




.post {
  border: 10px #8FD3EF solid;
  padding: 15px 20px;
  background: url(images/img04.gif) repeat left top;
  margin-bottom: 20px;
}

.post img 
{
    border: 2px #333 solid;
}

.post .title {
  margin-bottom: 20px;
  padding-bottom: 5px;
}

.post h1 {
  /*
  width: 520px;
  padding: 0px 0 0 0px;
  background: url(images/img08.jpg) no-repeat left top;
  font-size: 24px;
  color: #FFFFFF;
  */
  color: #426FC8;
  font-weight: 500;
  font-size:30px;
}

.post h2 {
  width: 520px;
  padding: 0px 0 0 0px;
  font-size: 22px;
  color: #000;
}
.post ul, ol {
  margin: -2em 0 1em 0;
  line-height: 19px;
}
.post ul li
{

}

.post .entry {

}
.post .entry .readmorelinkarea
{
    position:relative;
  border: solid 2px #EFC8AD;
  margin-top: 30px;
}
.post .entry .readmorelinkarea .transparentarea
{
  height: 25px;
  background-color: #FFE8CD;
  opacity: .5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
  filter: alpha(opacity=50); // second!
  position:absolute;  
    top:0px;  
    left:0px; 
}
.post .entry .readmorelinkarea .contentarea
{
  vertical-align: center;
  position: absolute;  
    bottom: 4px;  
    left: 7px; 
}

.post .entry .readmorelinkarea a
{
  /* font-size: 120%; */
  text-decoration: none;
  color: #444;
}
.post .entry .readmorelinkarea a:hover
{
  text-decoration: underline;
}



.post .meta {
  padding: 15px 15px 30px 0px;
  
  
  position: relative;
}
.post .meta, .post .meta p {font-size: 10px;}

.post .meta p {
  margin: 0;
  padding-top: 15px;
  line-height: normal;
  color: #000;
}

.post .sharethislinks
{
  position: absolute;
  right: 0px;
}

.post .meta .byline {
  position: absolute;
  left: 0px;
}
.post .meta .ratearea {
  position: absolute;
  left: 200px;
}
.post .meta .commentlinkarea {
  //float: left;
  position: absolute;
  right: 200px;
}


.post .meta .links {
  float: right;
}

.post .meta .more {
  padding: 0 20px 0 18px;
}

.post .meta .comments {
  position: absolute;
  left: 5px;
  bottom: 5px;
}

.post .meta b {
  display: none;
}

.post iframe, .post object {
    border: 2px solid #333;
}

/* FOOTER */
#footer
{
 font-size: 75%; 
}
/* FOOTER */

/* SHARE LINKS */
.sharethislinks {margin: 10px 0 0 0;display:block;float:right;}
.sharethislinks a {text-decoration: underline;color:#000;display:block;}
.sharethislinks a:hover {text-decoration:underline;}

.sharethislinks .facebookshare, .sharethislinks .twittershare, .sharethislinks .myspaceshare, .sharethislinks .sharehelp {width:20px;float:left;overflow:hidden;margin:5px;}

.sharethislinks .facebookshare {background: url(images/share_icons/ikon_facebook.png) transparent 0px 0px no-repeat;}
.sharethislinks .facebookshare a, .sharethislinks .twittershare a, .sharethislinks .myspaceshare a {padding: 2px 0 4px 30px;border: 0px #b70808 solid;}
.sharethislinks .twittershare {background: url(images/share_icons/ikon_twitter.png) transparent 0px 0px no-repeat;}
.sharethislinks .myspaceshare {background: url(images/share_icons/ikon_myspace.png) transparent 0px 0px no-repeat;}
/* SHARE LINKS */




/* CALENDAR STYLES */
#calendararea
{
  position: relative;
}
div.addbuttonarea
{
    position: absolute;
    top: -70px;
    right: 10px;
}
a.addbutton
{ 
  
  background: url("images/calendar/plus_add_green_51.png") no-repeat scroll 0 0 transparent;
  
  display: block;
  height: 51px;
  width: 51px;
  /*
  padding-left: 15px;
    background: url("images/calendar/plus_add_green.png") 3px 1px no-repeat;
    cursor: pointer;
    */
  /*
  display: inline;
    height: 29px;
    position: absolute;
    right: -18px;
    top: -14px;
    width: 25px;
    z-index: 3200;
  */
  
    text-decoration: none;
}
/*
td.calendarday
{
  height: 100px;
  width: 100px;
  padding: 2px;
}
*/
td.nextprevmonthselection
{
  font-size: 2em;
}
td.nextprevmonthselection a
{
  text-decoration: none;
}

.othermonth 
{
  opacity: .5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
  filter: alpha(opacity=50);          // second!
}
td.calendarday
{
  height: 100px;
  width: 100px;
  padding: 2px;
  /*border: solid 1px #003399;*/
  padding: 0;
  margin: 0;
}
td.calendarday .content
{
  /*border: solid 1px #CC2222;*/
  width: 100%;
  /*height: 100%;*/
  display:inline-block;
  /*padding: 2px;*/
}
td.today .content
{
 padding: 2px;
    width: 90%;
  height: 100%;
  border: solid 4px #ED6B1A;
}
td.nottoday .content, td.nottodayred .content
{
 margin: 2px;
}
/*td.today .content
{
  width: 90%;
  height: 100%;
  border: solid 4px #ED6B1A;
}*/
td.calendarday .weeknumber
{
  border-top: solid 1px #336666;
  border-left: solid 1px #336666;
  border-bottom: solid 1px #336666;
  background-color: #99CCCC;
  position: absolute;
  left: -20px;
  width: 17px;
  height: 42px;
  margin: 2px;
  text-align:center;
 vertical-align: middle;
  padding-top: 25px;
  margin-top: 15px;
  
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; // first!
  filter: alpha(opacity=0);          // second!
}

td.calendarday .weeknumbercontent 
{
}
.rot-neg-90 {
  /* rotate -90 deg, not sure if a negative number is supported so I used 270 */
  -moz-transform: rotate(270deg);
  -moz-transform-origin: 50% 50%;
  -webkit-transform: rotate(270deg);
  -webkit-transform-origin: 50% 50%;
  /* IE support too convoluted for the time I've got on my hands... */
}

td.weekend
{
  background-color: #CCCCFF;
}
td.today
{
  /*background-color: #AAAADD;*/
  background-color: #E8C095;
}
td.red
{
  background-color: #DDAAAA;
}
td.todayred
{
  background-color: #DDAADD;
}
td.nottodayred
{
  background-color: #DDAAAA;
}
td.weekendred
{
  background-color: #DDAAAA;
}
td.weekendtoday
{
  background-color: #BBBBFF;
}
td.weekendnottoday
{
  background-color: #BBBBFF;
}
td.weekendtodayred
{
  background-color: #FFBBFF;
}
td.weekendnottodayred
{
  background-color: #DDAAAA;
}

div.daycounterarea
{
    color: #777;
  font-size: 80%;
}

.scheduleitem
{
  margin-bottom: 2px;
  padding: 1px;
    /*border: solid 1px #8888AA;*/
  font-size: 80%;
  line-height: 1.5em;
}
.scheduleitem.editarea
{
   
}
.scheduleitem a
{
  text-decoration: none;
  color: #224FA8;
}
.scheduleitem a:hover
{
  text-decoration: none;
  color: #000;
}
.taskitem a
{
  text-decoration: none;
  color: #553333;
}
.deadlinetoday a
{
  text-decoration: none;
  color: #FF3333;
}
.taskitem a:hover
{
  text-decoration: none;
  color: #000;
}
.birthdayitem
{
  margin-bottom: 2px;
  padding: 1px;
  font-size: 80%;
  line-height: 1.5em;
}
.calendarpagecontent
{
  margin: 2em 0;
}

.addevent
{
 float: right;
}
.nottoday .addevent, .nottodayred .addevent
{
  padding-right: 4px;
}
.addevent a {
    color: #aaaaaa;
    text-decoration: none;
}


/*
.day1{ background:url(/css/images/dates/date1.gif); }
.day2 { background:url(/css/images/dates/date2.gif); }
.day3 { background:url(/css/images/dates/date3.gif); }
.day4 { background:url(/css/images/dates/date4.gif); }
.day5 { background:url(/css/images/dates/date5.gif); }
.day6 { background:url(/css/images/dates/date6.gif); }
.day7 { background:url(/css/images/dates/date7.gif); }
.day8 { background:url(/css/images/dates/date8.gif); }
.day9 { background:url(/css/images/dates/date9.gif); }
.day10 { background:url(/css/images/dates/date10.gif); }
.day11 { background:url(/css/images/dates/date11.gif); }
.day12 { background:url(/css/images/dates/date12.gif); }
.day13 { background:url(/css/images/dates/date13.gif); }
.day14 { background:url(/css/images/dates/date14.gif); }
.day15 { background:url(/css/images/dates/date15.gif); }
.day16 { background:url(/css/images/dates/date16.gif); }
.day17 { background:url(/css/images/dates/date17.gif); }
.day18 { background:url(/css/images/dates/date18.gif); }
.day19 { background:url(/css/images/dates/date19.gif); }
.day20 { background:url(/css/images/dates/date20.gif); }
.day21 { background:url(/css/images/dates/date21.gif); }
.day22 { background:url(/css/images/dates/date22.gif); }
.day23 { background:url(/css/images/dates/date23.gif); }
.day24 { background:url(/css/images/dates/date24.gif); }
.day25 { background:url(/css/images/dates/date25.gif); }
.day26 { background:url(/css/images/dates/date26.gif); }
.day27 { background:url(/css/images/dates/date27.gif); }
.day28 { background:url(/css/images/dates/date28.gif); }
.day29 { background:url(/css/images/dates/date29.gif); }
.day30 { background:url(/css/images/dates/date30.gif); }
.day31 { background:url(/css/images/dates/date31.gif); }
*/

.sortnavigation ul
{
  border: 1px solid #555555;
  background-color: #EEEEEE;
  margin-top: 15px;
}
.sortnavigation li
{
  display: inline; 
  padding-right: 15px;
}
.sortnavigation a
{
 text-decoration: none; 
}

.containernavigation ul
{
  border: 1px solid #333333;
  background-color: #CCCCCC;
  margin-top: 15px;
}
.containernavigation li
{
  display: inline; 
  padding-right: 15px;
}
.containernavigation div
{
  display: inline; 
  padding-right: 15px;
}
.containernavigation a
{
 text-decoration: none; 
}

.addeventlinkarea
{

}

ul.birthdaylist, ul.holidaylist, ul.namedaylist
{
 list-style: none; 
  border: solid 1px #000;
  padding: 0;
}
ul.birthdaylist li, ul.holidaylist li, ul.namedaylist li
{
 /*border: solid 1px #000; */
  padding: 3px 6px 3px 6px;

}
ul.birthdaylist li.even, ul.holidaylist li.even, ul.namedaylist li.even
{
 background-color: #ddd;
}
ul.birthdaylist li.odd, ul.holidaylist li.odd, ul.namedaylist li.odd
{
 background-color: #eee;
}

ul.birthdaylist li span.functions, ul.holidaylist li span.functions, ul.namedaylist li span.functions
{
  float: right;
}
ul.birthdaylist li span.functions a, ul.holidaylist li span.functions a, ul.namedaylist li span.functions a
{
  text-decoration: none;
}
div.namedaylist 
{
 color: #744; 
  font-size: 80%;
}
div.holidayitem
{
 color: #444; 
  font-size: 90%;
}
div.birthdayitem
{
 color: #383; 
  font-size: 90%;
}

.compactlist .day .schedulelist, .compactlist .day .tasklist, .compactlist .day .birthdaylist, .compactlist .day .namedaylist
{
  float: left;
  width: 25%;
  margin: 10px;
}
.compactlist .day .schedulelist
{
 /*border: solid 1px #000;*/
}
.compactlist .day .tasklist
{
 /*border: solid 1px #550000;*/
}
.compactlist .day .birthdaylist
{
 /*border: solid 1px #005500;*/
}
.compactlist .day .namedaylist
{
 /*border: solid 1px #000055;*/
}
.compactlist .day .clear
{
 clear: both;
}

/* CALENDAR STYLES */

/* DATE AND TIME PICKER STUFF */
#ui-datepicker-div
{
  /* font-size: 62.5%; */
  font-size: 80%;
}
/* DATE AND TIME PICKER STUFF */


/* GALLERY LIST STYLES */
.imagegalleryteaser, .imagegalleryteaserlarge{
   position: relative;
   width: 100%; /* for IE 6 */
  margin-bottom: 50px;
}
.imagegalleryteaser,{
  height: 308px;
}
.imagegalleryteaserlarge{
  height: 508px;
}

.imagegalleryteaser img, .imagegalleryteaserlarge img{
  border: solid 3px #333;
  width: 800px;
}
.imagegalleryteaser img{
  height: 300px;
}
.imagegalleryteaserlarge img{
  height: 500px;
}

.imagegalleryteaser div.galleryinfo, .imagegalleryteaserlarge div.galleryinfo {
   position: absolute;
   top: 10px;
   left: 10px;
  width: 250px;
   /*width: 100%;*/
  
     color: white;
   /* font: bold 24px/45px Helvetica, Sans-Serif; */
   letter-spacing: -1px;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.5);
   padding: 10px;
}
.imagegalleryteaser div.galleryinfo span, .imagegalleryteaserlarge div.galleryinfo span {

}

.imagegalleryteaser div.galleryfacts, .imagegalleryteaserlarge div.galleryfacts{
   position: absolute;
   bottom: 10px;
   left: 3px;
    width: 800px;
  
     color: #aaa;
   /* font: bold 24px/45px Helvetica, Sans-Serif; */
   /*letter-spacing: -1px; */
    font-size: 80%;
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.3);
   padding: 0;
}
.imagegalleryteaser div.galleryname, .imagegalleryteaserlarge div.galleryname{
  font: bold 24px/45px Helvetica, Sans-Serif;
}
.imagegalleryteaser div.gallerycontent, .imagegalleryteaserlarge div.gallerycontent{
  display: inline;
  padding: 0;
}
.imagegalleryteaser div.gallerydate, .imagegalleryteaserlarge div.gallerydate{
  display: inline;
  padding: 0 0 0 5px;
}
.imagegalleryteaser div.gallerylinkarea, .imagegalleryteaserlarge div.gallerylinkarea
{
  float: right;
  display: inline;
  font-size: 85%;
  padding: 0 5px 0 0;
}
.imagegalleryteaser a, .imagegalleryteaserlarge a
{
  text-decoration: none; 
  color: #fff;
}
.imagegalleryteaser a:hover, .imagegalleryteaserlarge a:hover
{
  text-decoration: none; 
  color: #999;
}
.imagegalleryteaser div.gallerylinkarea a, .imagegalleryteaserlarge div.gallerylinkarea a
{
  text-decoration: none; 
  color: #aaa;
}
.imagegalleryteaser div.gallerylinkarea a:hover, .imagegalleryteaserlarge div.gallerylinkarea a:hover
{
  text-decoration: none; 
  color: #777;
}

/* GALLERY LIST STYLES */



/* CONTENT SLIDER STYLES */
div.postlistslideritem {
    height: 1200px;
}
div.postlistslidercontrols { 
    background-color: #EEEEEE;
    border: 1px solid #555555;
    margin: 10px 0 10px 0;
    padding: 0 10px 2px 10px;
    
    height: 1%;
    overflow: hidden;
}
div.postlistslidercontrols a { text-decoration: none; } 
.go-prev-area { float: left; }
.go-next-area { float: right; }
/* CONTENT SLIDER STYLES */



/* IFRAME MASTER */

#iframe_main #conent 
{ 
  padding: 0 1em 1em 1em;
}
/* IFRAME MASTER */


/* LOGIN STYLE START */
table.logincontrol
{
  border: solid 1px #333333;
  background-color: #DDDDDD;
 width: 300px;
}
table.logincontrol table
{
  margin-top: 15px;
  margin-bottom: 0;
}
td.logintitletext
{
   display: none;
}
/* LOGIN STYLE END */



































































































































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
