/* Global Elements*/
body {
	margin:10px;
	background-color:#e2e2e2;
}

a img{
     border: 0px;

}
h1 {
	font-family: 'Trebuchet MS',Tahoma,Verdana, Helvetica, sans-serif;
	font-size:24px;
	color:#95A1BB;
	padding-top:20px;
}
h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	/*margin-top:32px;
	margin-right:40px;
	padding-top:16px;
	border-top:1px solid #ddd; */
	margin: 10px 0;
	color:#333;
}
h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	/*margin-right:40px;*/
	/*padding-top:16px;*/
	color:#333;
	}
h4 {
	font-family:'Trebuchet MS',Tahoma,Verdana, Helvetica, sans-serif;
	font-size:14px;
	color:#95A1BB;
	background-color:#eee;
	margin-top:32px;
	/*margin-right:40px;*/
	border:1px dotted #999;
	border-left:none;
	border-right:none;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}
h5 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	font-style:italic;
	/*margin-right:40px;*/
	padding-top:8px;
	margin:0px;
	padding-bottom:0px;
	color:#333;
}
p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#333;
	/*padding-right:40px;*/
}
ul {
	list-style-type:square;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
a {
	color:#036;
}
a:hover {
	color:#069;
}
ul a, ul a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:underline;
	color:#036;
}
ul a:hover {
	color:#069;
	text-decoration:underline;
}
div.clearer { clear: both; }
/* Main Panels */
#wrapper {
	/* width: 760px; */
	width: 960px;
	border: 1px solid #999;
	background-color:#FFF;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 0px;
}

#top {
	padding: 0px;
	margin-bottom: 0px;
	border: 1px solid #FFF;
	background-color:#999;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
	color:#FFF;
}

#pagecontent,
#above_content {
  /* width: 480px; */
  width: 720px;
}

#content {
	padding: 0px;
	padding-bottom:40px;
	margin-left: 220px;
	margin-top:20px;
	background-color: #FFF;
	height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	/*float: left;*/
        
}

#content .calendar{
	padding-left: 5px;
	padding-right: 5px;
margin-top:20px;
	background-color: #FFF;

        
}

#content .calendar td {
min-height:100px;
vertical-align:top;
height: 30px;
}

#content .smmonth{
	padding-left: 5px;
	padding-right: 5px;
margin-top:20px;
	background-color: #FFF;
        
}


#content .lgmonth{
	padding: 0px;
margin-top:20px;
	background-color: #FFF;
}


#content .date{
	padding-left: 20px;
	padding-right: 20px;
margin-top:20px;
	background-color: #FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;

        
}

#content .caltitles{
	padding: 0px;
margin-top:20px;
	background-color: #FFF;
	height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;

        
}

#content .caltitles a{
white-space:nowrap;
}


#content .excerpt{
	padding-bottom: 10px;
	background-color: #FFF;
	height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;

        
}
#content img.story-left {
	padding-right:10px;
	padding-bottom:10px;
}
#content img.story-right {
	padding-left:10px;
	padding-bottom:10px;
}
#footer {
	clear: both;
	padding: 0px;
	margin-top: 0px;
	background-color: #CCC;
	height:20px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding-left:5px;
	padding-top:5px;
}
#footer a{
	text-decoration:none;
	color:#666;
}
#footer a:link,
#footer a:visited{
	text-decoration:underline;
}

/* Top Elements */
#top div#breadcrumbs {
	padding: 3px 10px 3px 10px;
	float:left;
}
#top div#breadcrumbs a:link, #top div#breadcrumbs a:visited {
	color: #CCC;
	text-decoration:none;
}
#top div#breadcrumbs a:hover {
	color: #DDD;
}
#top div#global {
	padding: 3px 10px 3px 10px;
	text-align:right;
}
div#global a:link, div#global a:visited {	
	padding-left:14px;
	padding-right:10px;
	border-left:1px solid #FFF;
	color:#eee;	
	text-decoration:none;
}
div#global a:hover {
	color:#fff;
}
/* Left Navigation Elements */

.roundtop { 
	background: url(/images/corners/cnr-tr.gif) no-repeat top right; 
	background-color: #562e91; /* not web safe */
}

.roundbottom {
	background: url(/images/corners/cnr-br-brown.gif) no-repeat top right; 
	background-color:#8dbc83;

}
img.corner {
   width: 17px;
   height: 17px;
   border: none;
   display: block !important;
}
#register {
	background-color:#8dbc83;
	border-top:1px solid #FFF;
}
#register p {
  	font: 10px Verdana, sans-serif;
	padding: 4px 10px 4px 10px;
	color:#fff;
	margin:0px;
	margin-top:10px;
}
#register a.login {
	padding: 4px 10px 4px 10px;
	background-color:#562e91;
	border:1px solid #eee;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	margin-bottom:4px;
	margin-left:10px;
	width: 50px;
}

#register a.logout {
  	font: 10px Verdana, sans-serif;
        display: inline;
        text-decoration: underline;
        color:#eee;
      
}
#register a.admin {
        display: inline;
  	font: 10px Verdana, sans-serif;
        text-decoration: underline;
        color:#eee;
}
#register a.reg {
	padding: 4px 10px 4px 10px;
	background-color:#727b8f;
	border:1px solid #eee;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
        align: center;
	margin-bottom:4px;
        width: 65px;

}
#register a.login:link {color:#fff;}
#register a.login:visited {color:#fff;}
#register a.login:hover {color:#fff;background-color:#429c4c;}

#register a.reg:link {color:#fff;}
#register a.reg:visited {color:#fff;}
#register a.reg:hover {color:#fff;background-color:#006;}


#nav-left #register ul {
	background-color: #8dbc83; /* not web safe */
}


#nav-left #register ul#subnav {
	padding: 0px; 
	margin: 0px;
	font-weight:normal;


}
#nav-left #register ul#subnav li {
	list-style: none; 
	margin: 0px; 
	border:0px;
	border-bottom: 1px solid #8dbc83;
  	text-align: left;
}

#nav-left #register ul#subnav li a {
	display: block; 
	padding: 0px 10px 3px 5px;
  	text-decoration: none;
	margin:0px;
	border-left:10px solid #8dbc83;
	background-color: #8dbc83;
        color: #FFF;
	font-size:9px;
}
#nav-left #register ul#subnav li a:hover {background: #429c4c;}

#nav-left #register li a:link {color: #fff;}
#nav-left #register li a:visited {color: #fff;}
#nav-left #register li a:hover {background: #429c4c; }

/* Third Level Navigation */
h2.nav-third {
	margin-top:0px;
	border-top:0px;
	padding-top:0px;
}
#nav-third
{
	padding-bottom: 4px;
	margin-right:40px;
	margin-left: 0;
	font-weight:normal;
	border-bottom:1px solid #ddd;
	margin-bottom:16px;
       line-height: 1.5em;
}
#nav-third li
{
	list-style: none;
	margin: 0;
	display: inline;

}
#nav-third li.select
{


}
#nav-third li a
{
	font-size:9px;
	padding:4px;
	border-left: 1px solid #ddd;		
	border-top: 1px solid #ddd;
	text-decoration: none;
}
#nav-third li.select a
{

	padding-left:6px;
	padding-right:6px;
	background-color:#eee;
	text-decoration: none;
}

#nav-third li.select a.first
{
	text-decoration: none;
}
#nav-third li a.first
{
	border-left: 1px solid #ddd;		
	border-top: 1px solid #ddd;

}
#nav-third li a.last
{
	border-right:1px solid #ddd;	
}
#nav-third li a:link { color: #333; }
#nav-third li a:visited { color: #333; }
#nav-third li a:hover
{
	color: #666;
}
/*  Content  */
#photo-main {
	position:relative;
	float:right;
	margin-right:1px;
	margin-top:20px;
}
/* blog item */
div.blog-item {
	padding:10px;
}
div.blog-item h4 {
	/* date */
	background-color:#fff;
	margin:0px;
	border:none;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	font-weight:normal;
	margin-right:40px;
	display:inline;
}
div.blog-item h2 {
	/* headline */
	margin:0px;
	font-family: 'Trebuchet MS',Tahoma,Verdana, Helvetica, sans-serif; /*"Times New Roman", Times, serif;*/
	font-size:16px;
	font-weight:bold;
	color:#036;
	font-style:normal;
	padding:0px;
	border:none;
	margin-right:40px;
}
div.blog-item h3 {
	/* subtitle */
	font-style:italic;
	font-size:11px;
	margin-top:0px;
	margin-right:40px;
	padding-top:0px;
	color:#036;
}
div.blog-item p {

}


#nav-left {
	clear:both;
	float: left;
	width: 180px;
	margin: 20px 0 20px 20px;

	padding: 0px;
	background-color: #FFF;
	display:inline;
	height:100%;
}

#nav-left #container {
}

/* subnavigation list */
#nav-left ul {
	padding: 0px; 
	margin: 0px;
  	font: 10px Verdana, sans-serif;
	font-weight:bold; 
	background-color: #727B8F; /* not web safe */
}
#nav-left ul#subnav {
	padding: 0px; 
	margin: 0px;
	font-weight:normal;
	color:#727B8F; 
	background-color: #CBC8E5; /* not web safe */
}
#nav-left li {
	list-style: none; 
	margin: 0px; 
	border-top: 1px solid #fff;
  	text-align: left;
}
#nav-left ul#subnav li {
	list-style: none; 
	margin: 0px; 
	border:0px;
	border-bottom: 1px solid #95A1BB;
  	text-align: left;
}
#nav-left li.logo {
	list-style: none; 
	margin: 0px; 
	border-top: none;
}
#nav-left li a {
	display: block; 
	padding: 4px 10px 6px 10px;
  	text-decoration: none;
	margin:0px;
}
#nav-left ul#subnav li a {
	display: block; 
	padding: 0px 10px 3px 5px;
  	text-decoration: none;
	margin:0px;
	border-left:10px solid #95A1BB;
	background-color: #CBC8E5;
	color:#727B8F; 
	font-size:9px;
}
#nav-left li.logo a {
	margin:0px;
	padding: 0px;
}
#nav-left li a:link {color: #fff;}
#nav-left li a:visited {color: #fff;}
#nav-left li a:hover {background: #95A1BB;}

#nav-left ul#subnav li a:link {color:#727B8F; }
#nav-left ul#subnav li a:visited {color:#727B8F; }
#nav-left ul#subnav li a:hover {background: #ddd;}

#nav-left li.logo a:hover {	background-color: #727B8F; /* not web safe */}

#nav-left li.select a {
	display: block; 
	padding: 4px 10px 6px 10px;
  	text-decoration: none;
	margin:0px;
}
#nav-left li.select a:link { background-color: #95A1BB; /* not web safe */}
#nav-left li.select a:visited { background-color: #95A1BB; /* not web safe */}
#nav-left li.select a:hover { background-color: #95A1BB; /* not web safe */}

#nav-left ul#subnav li.select a {
	background-color: #eee;
}
#nav-left ul#subnav li.select a:link { background-color: #eee; /* not web safe */}
#nav-left ul#subnav li.select a:visited { background-color: #eee; /* not web safe */}
#nav-left ul#subnav li.select a:hover { background-color: #eee; /* not web safe */}


/* Third Level Navigation */
h2.nav-third {
	margin-top:0px;
	border-top:0px;
	padding-top:0px;
}
#nav-third
{
	padding-bottom: 4px;
	margin-right:40px;
	margin-left: 0;
	font-weight:normal;
	border-bottom:1px solid #ddd;
	margin-bottom:16px;
	padding-left: 0;
}
#nav-third li
{
	list-style: none;
	margin: 0;
	display: inline;
}
#nav-third li a
{
	font-size:9px;
	padding:4px;
	border-left: 1px solid #ddd;		
	border-top: 1px solid #ddd;
	text-decoration: none;
}
#nav-third li.select a
{
	padding-left:6px;
	padding-right:6px;
	background-color:#eee;
	text-decoration: none;
}

#nav-third li.select a.first
{
	text-decoration: none;
}
#nav-third li a.first
{
	border-left: 1px solid #ddd;		
	border-top: 1px solid #ddd;

}
#nav-third li a.last
{
	border-right:1px solid #ddd;	
}
#nav-third li a:link { color: #333; }
#nav-third li a:visited { color: #333; }
#nav-third li a:hover
{
	color: #666;
}
#obiki-groupspace-title {
   display: block !important; 
}

div#obiki-admin-toolbar {
  left: -10px !important;
  top: -36px !important;
}
div#midcol {
  float: left;
  width: 520px;
  margin-right: 20px;
}
div#rightcol {
  float: left;
  width: 180px;
}
html body table#comment_tbl { width: 520px !important; }
span#comment_parent {
	display: block;
	width: 520px;
	overflow: auto;
}
/* user profile --------------------------- */

body.user_profile #content h1 {
  margin-bottom: 0;
}

div#user_stats_wrap {
	float: left;
	width: 350px;
	margin: 0 0 20px 0;
}
dl.user_stats {
	width: 350px;
	padding-top: 10px;
}
dl.user_stats dt,
dl.user_stats dd {
	display: block;
	float: left;
	margin-bottom: .5em;
	min-height: 1.5em;
}
dl.user_stats dt {
	font-weight: bold;
	width: 70px;
}
dl.user_stats dd {
	margin-left: 10px;
	width: 260px;
}
dl.user_stats dt.alt,
dl.user_stats dd.alt  {
	width: 350px;
	clear: both;
	margin-left: 0;
}
div#user_sidebar {
	width: 200px;
	margin-top: 10px;
	float: right;
}