@charset 'UTF-8';

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
	background:url(images/bg.gif);
	color: #000;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Sans-serif;
	font-size: 11px;
	padding: 0;
	margin: 0;
}
img
{
	border: 0;
}
form
{
	margin: 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6
{
	font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	margin: 0;
	font-weight:normal;
}

/* Lists */
ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
li
{
	padding: 0;
	margin: 0;
}

/* Links */
a:link, a:visited
{
color:#0000ff;
	text-decoration:underline;
}
a:hover, a:active,#current
{
color:#0000ff;
}
#header a:link, #header a:visited
{
}
#header a:hover, #header a:active
{
}
#copyrights a:link, #copyrights a:visited
{
}
#copyrights a:hover, #copyrights a:active
{
}

/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 979px;
	height: 0;
	clear: both;
}
.clearleft{
	clear: left;
}
.clear{
	clear: both;
}
/*-------------------------------------------------
  Header
-------------------------------------------------*/
#header
{
	position: relative;
	width: 979px;
	height: 168px;
	/* large header image is defined below */
	/* background: white url(images/header.jpg) no-repeat; */
	background: white;
	border-width:  0;
	border-style: solid;
	border-color: #E0E0E0;
	margin: auto;
}
#header h1
{
	/* small header image specific lines */
	height: 168px;
	width: 692px;
	background: white url(images/header_sm.jpg) repeat-x 0 6px;
	margin: 0 6px;
	/* end small header image specific lines */
	font-size: 38px;
	text-align: center;
	line-height: 160px;
}

/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
/*#mainwrapper
{
	width:979px;
	background: white;
	border-width: 0;
	border-style: solid;
	border-color: #E0E0E0;
	margin: auto;
}
#wrapper
{
	width: 979px;
	background:#000 url(images/bgcontainer01.gif) repeat-y;
	margin: auto;
}
*/
/*-------------------------------------------------
  Main content
-------------------------------------------------*/
/*#container
{
background:#000;
	width: 979px;
	height: 1%;
	overflow: visible;
	float: right;
	padding: 0;
	margin-left: -211px;
}
.content
{
background:#ccc;
	padding: 30px 0;
	margin: 0 0 0 211px;
}
.content3col
{
background:#ccc;
	padding: 0;
	margin: 0 254px 0 0;
}*/
/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
/*.content .contenttitle h2
{

	background: #ccc url(images/sidetitlebg.gif);
	font-size: 14px;
	padding: 0px;
	margin: 0;
}*/

.contenttitlefull{
	padding:2px 16px;
	background: url(images/bgcontenttitle.gif) 0 0;
	}
.contenttitle{
margin-top:16px;
	padding:0 16px;

}
.contenttitle h2
{
	color:#000;
	background: #fff;
	font-size:18px;
	font-weight:bold;
}
.contenttitle h2 a:link,
.contenttitle h2 a:visited{
color:#000;
}
.contenttitlefull h2{
color:#fff;
}
.contentbody,.pageswitch
{
	font-size:12px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
	text-align:left;
	line-height:160%;
	padding:16px 16px;
}
.contentbody img{
	margin-bottom:16px;
}
/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 0px;
}
.contentitempostedby
{
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 0px;
}
.contentitemcomments
{
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 0px;
}
.contentitemedit
{
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 0px;
}
.contentitem
{
width:480px;
height:41px;
	background: url(images/bgcontentitem.png) 0 0 no-repeat;
	padding:0px;
	margin: 0 16px;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	padding: 0px;
}
.contentitem3
{
	display: inline;
	padding: 0px;
}
.contentitem4
{
	display: inline;
	padding: 0px;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.comments{
padding:0pt 16px;
}
.itemcomment
{
	background: #F9F9F9 url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid #CCCCCC;
	margin: 10px 16px 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}

/*-------------------------------------------------
  Menu
-------------------------------------------------*/
/*
#sidebarcontainer
{
	float: left;
	width: 211px;
	background: #000;
	padding: 0 0 0 0;
}
#sidebarcontainer2
{
color:#000;
	float: right;
	width: 254px;
	padding: 0 0 0 0;
}
.sidebar
{
	color: #ccc;
	margin: 0 0 4px 0;
}
*/
/* Menu lists */
/*
.sidebardl
{

background:#000 url(images/logo.png) center 30px no-repeat;
	padding: 110px 0 10px 0;
	margin: 0;
}*/
.sidebardl dt
{

/*	background: #E5E5E5 url(images/sidetitlebg.gif);*/
	color: #3A3523;
	font-size: 12px;
	font-weight: bold;
    font-family: "Georgia", "Lucida Grande", "Lucida Sans Unicode", Arial, "Trebuchet MS", sans-serif;
	padding: 4px 10px;
}
.sidebardl dd
{
  font-size:120%;
  text-transform:uppercase;
  line-height:1.4em;
  text-align:center;
  font-weight:bold;
/*	background: #EEEEEE;
*/
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd:hover
{
/*	background: #E7E7E7;
*/
	padding: 2px 10px;
	margin: 1px 0 0 0;
}
.sidebardl dd a:link, .sidebardl dd a:visited
{
/*	background: url(images/arrow.gif) left center no-repeat;
*/
color:#ccc;
	padding: 0 0 0 10px;
	letter-spacing:.1em;
}
.sidebardl dd a:hover
{
color:#F3E316;
	padding: 0 0 0 10px;
	letter-spacing:.1em;
}
/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer
{
	background: #000;
	padding: 20px 0 20px 0;
	margin: 0 auto;
}

#copyrights
{
	text-align: right;  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
	color: #ccc;
	margin-right:10px; 
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin: 10px 16px;
    padding: 0px;
    background: #fff;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
    
}
.formfield
{
	display:block;
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}
.searchform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.searchform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.loginform .formfield
{
	width: 130px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email
{
    width: 300px;
    margin-right: 105px;
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
    width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}

/* Form
----------------------------------------------- */
form {background:transparent none repeat scroll 0%;}
.mailform{
	width: 420px;
	padding: 5px 0px 7px;

}
.formfield{
width:97%;
}
form .text{
display:block;
width:80%;

}
form input, form textarea, form select {
margin:1px 0pt;
}
form textarea {
background:#FFFFFF none repeat scroll 0%;
clear:left;
color:#333333;
display:block;
width:97%;
}
form .error input.text, form .error textarea {
border-color:#CC6666 rgb(255, 178, 178) rgb(255, 178, 178) rgb(204, 102, 102);
}
form input.formbutton, form input.formbutton2 {
background:#CCCCBB none repeat scroll 0%;
border-color:#6699CC rgb(51, 102, 153) rgb(51, 102, 153) rgb(102, 153, 204);
border-style:solid;
border-width:2px;
color:#000000;
font-family:Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
padding:1px;
}
form input.formbutton2 {
border-color:#999988 rgb(102, 102, 85) rgb(102, 102, 85) rgb(153, 153, 136);
color:#333333;
}
form input.formbutton:hover, form input.formbutton2:hover {
background:#EEEEDD none repeat scroll 0%;
color:#996633;
cursor:pointer;
}
form input.formbutton:active {
background:#CCCCCC none repeat scroll 0%;
border-color:#336699 rgb(102, 153, 204) rgb(102, 153, 204) rgb(51, 102, 153);
color:#000000;
}
form input.formbutton2:active {
background:#CCCCCC none repeat scroll 0%;
border-color:#666666 rgb(153, 153, 153) rgb(153, 153, 153) rgb(102, 102, 102);
color:#000000;
}
/* Sidebar Content
-----------------------------------------------*/
.sidebar2{
}
.sidebar2 h2{
display:block;
width: 237px;
font-weight:bold;

  margin:0 0 1.5em;
  border-bottom:1px solid #999;

}
.sidebar2 ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  list-style:none;
  } 
.sidebar2 li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
.sidebar2 p {
  color:#666;
  line-height:1.5em;
  }
#rss {
  padding:0 0 .25em 0;

}
.sidebar2 a:link,
.sidebar2 a:visited{
color:#0000ff;
	text-decoration: none;
}
.sidebar2 a:hover{
color:#0000ff;
	text-decoration: underline;
}
/* Profile
----------------------------------------------- */
#profile-container {
display:block;
width:234px;height:227px;
background:#fff url(images/bgcalender.png) 0 0 no-repeat;
  margin:0 20px 1.5em 0;
  padding:2em 0 1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
/* Calendar
----------------------------------------------- */
table.calendar {
	margin:10px auto 0;
}

table caption {
  margin:1em auto .75em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#000;
  }

tr.calendardateheaders {
	color:#000;
}

td.days {
	text-align: center;
}

td.today {
	text-align: center;
	background-color: #DECE67;
}
table.calendar th{
width:28px;
height:18px;
}
table.calendar td{
height:21px;
}
/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/
.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(images/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(images/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(images/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
clear:both;
}

.leftbox {
	float: left;
}
.rightbox {
	float: right;
	width:230px;
		margin:0;
		padding:0 0 0 16px;
}
.rightbox img{

}
.leftbox2 {
	float: left;
	width:80px;
	margin:0 3px 3px 0;
	border-right: 2px solid #fff;
}
.rightbox2 {
	width:580px;
	float: right;
	margin:0 0 3px 3px;
	border-left: 2px solid #fff;
}


html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center}
p{margin:0 10px 10px}
a{color: #000;}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #ccc;color: #79B30B}
div#container{text-align:left;padding-top:30px;}
div.content p{line-height:1.4}
div#navigation{background:#000;color:#ccc;background:url(images/logo.png) center top no-repeat;}
div#extra{background:#ccc;}
div#footer{background: #000;color: #FFF;text-align:center;padding:25px 0px}
div#footer p{margin:0;}
div#wrapper{}
div#container{width:979px;margin:0 auto;background:url(images/bg_wrapper.png) 0 0 repeat-y;}
div#wrapper{float:left;width:100%}
div.contentfull{margin: 0 0 0 211px}
div.contentfull .contentbody .leftbox{display:block;width:100%;}
div.contentfull .contentbody br{clear:left;width:100%;}
div.contentblog{background:url(images/bg_blog.png) 16px 0 no-repeat;padding-top:50px;margin: 0 254px 0 211px}
div.contentnews{background:url(images/bg_news.png) 16px 0 no-repeat;padding-top:50px;margin: 0 254px 0 211px}
div.content{margin: 0 254px 0 211px}
div#navigation{float:left;width:211px;margin-left:-979px;padding-top:70px;}
div#extra{background:#fff;float:left;width:254px;margin-left:-254px}
div#footer{clear:left;width:100%;}
#leftnav
{
	display: block;
	width: 85px;
	height:290px;
	background: url(images/bg_leftnav.png) 0 0 no-repeat;
	padding: 0;
	margin-left:63px;
}
#leftnav li, #leftnav a {margin:0;padding:0;height: 24px;width:85px; display: block;}

#panel1 a:hover{background: transparent url(images/bg_leftnav.png) -170px 0 no-repeat;}
#panel2 a:hover{background: transparent url(images/bg_leftnav.png) -170px -24px no-repeat;}
#panel3 a:hover{background: transparent url(images/bg_leftnav.png) -170px -48px no-repeat;}
#panel4 a:hover{background: transparent url(images/bg_leftnav.png) -170px -72px no-repeat;}
#panel5 a:hover{background: transparent url(images/bg_leftnav.png) -170px -96px no-repeat;}
#panel6 a:hover{background: transparent url(images/bg_leftnav.png) -170px -120px no-repeat;}

#panel1 #current{background: transparent url(images/bg_leftnav.png) -85px 0 no-repeat;}
#panel2 #current{background: transparent url(images/bg_leftnav.png) -85px -24px no-repeat;}
#panel3 #current{background: transparent url(images/bg_leftnav.png) -85px -48px no-repeat;}
#panel4 #current{background: transparent url(images/bg_leftnav.png) -85px -72px no-repeat;}
#panel5 #current{background: transparent url(images/bg_leftnav.png) -85px -96px no-repeat;}
#panel6 #current{background: transparent url(images/bg_leftnav.png) -85px -120px no-repeat;}