/* Start of CMSMS style sheet 'Layout: Top Menu + Main' */
/* CSS Document */

* {  /* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
	margin: 0;
	padding: 0;
}

/*****************
Set initial font styles
*****************/

body {
	text-align: left;
	font: 11px/14px Trebuchet MS, verdana, arial, hevetica, ms-sans-serif, sans;
	color: #666666;
	margin: 0;
}
div {  /* set font size for all divs, this overrides some body rules */
	font-size: 11px;
}

/*****************
default link styles
*****************/

a, a:link, a:visited {
	color: #5b5b3a;
	text-decoration: underline;
}
a:hover, a: active {
	color: #5b5b3a;
	text-decoration: none
}

/*****************
basic layout 
*****************/

body {
	padding: 0px;
	background-color: #5b5b3a;
}
#pagewrapper {
	margin: 50px auto;  /* this centers wrapper */
	width: 669px;  /* sets content width */
	padding: 0;
	background: #fff;
}

/*****************
main content
*****************/

td.main {
	background-color: #ffffff;
	padding: 10px 50px 25px 25px;
	margin-top: 0;
	margin-bottom: 25px;
}
#content {
	color: #666666;
	background-color: #ffffff;
}

/********************
CONTENT STYLING
*********************/

h1, h2, h3, h4, h5, h6 {
	font-family: Trebuchet MS, verdana, arial, hevetica, ms-sans-serif, sans;
	color: #4a2908;
	margin-top: 20px;
	margin-bottom: 10px;
}
p {
	font-family: Trebuchet MS, verdana, arial, hevetica, ms-sans-serif, sans;
	color: #666666;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 15px;
}
h1 {
	font-size: 18px;
	line-height: 18px;
	font-weight: normal;
}
h2 {
	font-size: 15px;
	line-height: 15px;
	font-weight: normal;
}
h3 {
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
}
h4 {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
}
h1 + h2 {
	margin-top: 5px;
}
h2 + h3 {
	margin-top: 5px;
}
input, textarea, select {
	border: 1px solid #999999;
	font-size: 11px;
	line-height: 13px;
	font-family: Trebuchet MS, verdana, arial, hevetica, ms-sans-serif, sans;
}

/********************
IMAGES
*********************/

img {  /* if img is inside "a" it would have borders, we don't want that */
	border: 0;
}
.left {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}


/* End of 'Layout: Top Menu + Main' */

/* Start of CMSMS style sheet 'Navigation: CSS Menu horiz' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
   background: transparent url(../uploads/images/nav/nav.gif) top left no-repeat;
   width: 100%;
   height: 17px;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 100px; 
}


/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   display: none; 
}

#primary-nav ul ul {
   margin-top: 1px;
   margin-left: -1px;
   left: 100%;
   top: 0px;
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
}
#primary-nav li { 
   margin-left: 0;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -1px;
   float: none; 
   position: relative; 
}

/* Styling the basic appearance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px; 
   text-decoration: none; 
   color: #fff;
}
#primary-nav li li a { 
   border: 1px solid #ccc;
}	

#primary-nav ul li, #primary-nav ul li.menuparent { 
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
}

#welcome ul li, #welcome ul li.menuparent { 
   background-color: #5b5b3a;
}
#who ul li, #who ul li.menuparent { 
   background-color: #a492a8;
}
#what ul li, #what ul li.menuparent { 
   background-color: #4a2908;
}
#why ul li, #why ul li.menuparent { 
   background-color: #a492a8;
}
#where ul li, #where ul li.menuparent { 
   background-color: #5b5b3a;
}
#email ul li, #email ul li.menuparent { 
   background-color: #4a2908;
}

/* Styling the basic appearance of the active page elements (shows what page in the menu is being displayed) */

/* #primary-nav li li.menuactive { 
   background-color: #d3dbe4;
} */


/* Styling the basic appearance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent 
#primary-nav ul li.menuparent:hover 
#primary-nav ul li.menuparenth {
/* arrow for menuparents */
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}

/* Styling the apperance of menu items on hover */

/* #primary-nav li a:hover, 
#primary-nav li a.menuh, 
#primary-nav li a.menuparenth, 
#primary-nav li a.menuactiveh { 
   background-color: #d3dbe4; 
} */


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li:hover ul ul ul, 
#primary-nav li:hover ul ul ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul,
#primary-nav li.menuparenth ul ul ul  
#primary-nav li.menuparenth ul ul ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul { 
   display: block; 
}


/* First level navigation 	*/

#welcome a, #who a, #what a, #why a, #where a, #email a {padding: 0; height: 17px; display: block; text-indent: -9999px; overflow: hidden;}

#primary-nav ul li a {padding: 5px 10px; text-indent: 0;}
	
#welcome		{left: 0; width: 76px;}
#who	{left: 76px; width: 76px;}
#what	{left: 152px; width: 76px;}
#why	{left: 228px; width: 76px;}
#where	{left: 304px; width: 76px;}
#email	{left: 380px; width: 76px;}


#welcome > a:hover	{background: transparent url(../uploads/images/nav/nav.gif) 0 -26px no-repeat;}
#who > a:hover {background: transparent url(../uploads/images/nav/nav.gif) -76px -26px no-repeat;}
#what > a:hover {background: transparent url(../uploads/images/nav/nav.gif) -152px -26px no-repeat;}
#why > a:hover {background: transparent url(../uploads/images/nav/nav.gif) -228px -26px no-repeat;}
#where > a:hover {background: transparent url(../uploads/images/nav/nav.gif) -304px -26px no-repeat;}
#email > a:hover {background: transparent url(../uploads/images/nav/nav.gif) -380px -26px no-repeat;}

/* Active First level navigation */
	
#welcome > a.menuactive	{background: transparent url(../uploads/images/nav/nav.gif) 0 -52 no-repeat;}
#who > a.menuactive {background: transparent url(../uploads/images/nav/nav.gif) -76px -52px no-repeat;}
#what > a.menuactive {background: transparent url(../uploads/images/nav/nav.gif) -152px -52px no-repeat;}
#why > a.menuactive {background: transparent url(../uploads/images/nav/nav.gif) -228px -52px no-repeat;}
#where > a.menuactive {background: transparent url(../uploads/images/nav/nav.gif) -304px -52px no-repeat;}
#email > a.menuactive {background: transparent url(../uploads/images/nav/nav.gif) -380px -52px no-repeat;}


/* Set second level onward to default :hover color */
#welcome ul.subnav a:hover {background-color: #242400;}
#who ul.subnav a:hover {background-color: #69546f;}
#what ul.subnav a:hover {background-color: #260600;}
#why ul.subnav a:hover {background-color: #69546f;}
#where ul.subnav a:hover {background-color: #242400;}
#email ul.subnav a:hover {background-color: #260600;}
#welcome.subnav a.menuparent, #who.subnav a.menuparent, #what.subnav a.menuparent, #why.subnav a.menuparent, #where.subnav a.menuparent, #email.subnav a.menuparent {background: transparent url(images/cms/arrow.gif) center right no-repeat;}
.subnav a.menuparent:hover {background: transparent url(images/cms/arrow.gif) center right no-repeat !important}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { 
   height: 1%; 
}
/* End of 'Navigation: CSS Menu horiz' */

/* Start of CMSMS style sheet 'Module: Blogs Made Simple' */
@charset "UTF-8";
/* CSS Document */

/*
************
General styles
************
*/

a.blogs-breadcrumb,
.blogs-breadcrumb {
  color:#808080;
  font-weight:bold;
  padding:0px;
  padding-bottom:12px;
}

a.blogs-breadcrumb {
  text-decoration:underline;
}

a.blogs-breadcrumb:hover {
color:#9C0800;
}

.blogs-showmessage {
  margin:12px;
  padding:12px;
  border:2px solid #9C0800;
}

.entry-headline {
  font-weight:bold;
  color: #000000;
}

/*
****************
Pagespecific styles
****************
*/

/*Main Blogs-styles*/
.blogs-showblogsentries {

}

.blogs-showblogsentry {
    padding: 1em 0; /* padding for the news article summary */
    margin: 0 0 1em 0; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.blogs-showblogsentrytime {
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    color: #4a2908;
    margin-bottom: 0.3em;
}

.blogs-showblogsentrytitle {
    font-size: 13px;
    line-height: 14px;
    font-weight: bold;
    margin-bottom: 0.2em;
}

.blogs-showblogsentryshorttext {

}

.blogs-showcategoryentrytext {

}

.blogs-showcategoryentryfiles {

}

.blogs-showcategoryentryauthor {
  padding:2px;
  font-style:italic;

}

.blogs-showblogsentrycategory {

}

.blogs-showblogsentrycomments {
  font-weight:bold;
}

/*ShortCategory-styles*/
.blogs-shortbox {
  text-align:center:
  width:216px;
  margin:4px;
  margin-left:8px;
  margin-right:8px;
  float:left;
}
.blogs-shortcategorytitle {
  text-align:center; 
  text-transform:capitalize;
  font-size:130%;
  border:2px solid black;
  padding-left:4px;
  padding-right:4px;
  padding-top:12px;
  padding-bottom:12px;
  width:212px;
}

.blogs-shortcategorytitle:hover {
  background-color:#eee;
}



.blogs-shortentrylist {
  margin-top:10px;
}
.blogs-shortentry {
}
.blogs-shortentrydate {
  color:#333;
  font-size:80%;
  padding-left:12px;
}
.blogs-shortentrylink {
   padding-left:12px;
   padding-bottom:4px;
}

/*** ShowCategoryList-styles ***/
.blogs-showcategorylistbox {
  
}

.blogs-showcategorylistheader {
  
}

.blogs-showcategorylistcategories {

}

.blogs-showcategorylistcategory {
  
}



/*** ShowCategory-styles ***/
.blogs-showcategorybox {
  width:90%;
}

.blogs-showcategoryheader {
  width:50%;
  border:2px solid black;
  padding:10px;
  margin-bottom:24px;
}

.blogs-showcategorytitle {

  font-size:130%;
  padding-bottom:13px;

}

.blogs-showcategorydescription {
}

.blogs-showcategoryentries {
  margin-top:10px;
  margin-left:12px;
}

.blogs-showcategoryentry {
  padding-bottom:24px;
}

.blogs-showcategoryentrytime {
  color:#333;
  font-size:80%;
}

.blogs-showcategoryentrytitle {
  font-style:italic;
  margin-bottom:5px;
  margin-top:4px;
  padding-left:12px;
}

.blogs-showcategoryentrytext {
  padding-bottom:2px;
}

.blogs-showcategoryentryfiles {
  padding-top:4px;
  padding-left:8px;
}

.blogs-showcategoryentryauthor {
  padding:2px;
  font-style:italic;
}

.blogs-showcategoryentrycomments {
  font-weight:bold;
}


/*** ShowEntry-styles ***/

.blogs-showentrybox {
  width: 98%;
}

.blogs-showentryheader {
  margin-bottom:24px;
}

.blogs-showentrytime {
    font-size: 12px;
    line-height: 14px;
    font-weight: normal;
    color: #4a2908;
    margin-bottom: 0.3em;
}

.blogs-showentrytitle {
}

.blogs-showentrytext {
}

blogs-showentrytext.a {
  color:#993333;
}

.blogs-showentryauthor {
  font-style:italics;
}

.blogs-showentryfiles {
  padding-top:13px;
  padding-left:0px;
}


.blogs-showentrycomments {
}

.blogs-showentrycomment {
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid .222; 

}

.blogs-showentrycommenttime {
  color:#333;
  font-size:80%;
}

.blogs-showentrycommenttext {
}

.blogs-showentrycommentauthor {
  font-style:italic;
}

.blogs-showentrycommentform {
  padding-top:10px;
  margin-top:10px;
  margin-bottom:10px;
}

.blogs-authorinput {
  width:400px;
  border:1px solid #333;
}

.blogs-authorinput:hover {
  background-color:#ddd;
}

.blogs-commentinput {
  width:400px;
  border:1px solid #333;
}
.blogs-commentinput:hover {
  background-color:#ddd;
}

.blogs-submitinput {
  border:1px solid #bbb;
}

.blogs-submitinput:hover {
  background-color:#ddd;
}

/* End of 'Module: Blogs Made Simple' */