/*-------------------------------------------------
  Nucleus CMS Stylesheet - bundled with version 3.2
  Based on the Default skin bundled with Nucleus 3.2 and
 'The Writer' by Marco van Hylckama Vlieg made for Pivot blog engine
  Assembled by Boris Lifanovsky (http://www.lifanovsky.com)
-------------------------------------------------*/

/*-------------------------------------------------
  General layout
-------------------------------------------------*/
body
{
background: #cccc99;
font-family: Osaka, Verdana, Arial, 'Bitstream Vera Sans', Helvetica,　Georgia,Times,Times New Roman,sans-serif; 
text-align: center; 
font-size: 11px; 
color: #666666; 
line-height: 1.4em; 
margin: 0; 
}
img
{
	border: 0;
}
form
{
	margin: 0;
}

/* Headings */
h1,h2,h3,h4,h5,h6
{
 font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	font-weight: normal;
	margin: 0;
}

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

/* Links */
a:link, a:visited
{
	color: #426bb7;
	text-decoration: none;
}
a:hover, a:active
{
	color: #ff9900;
	text-decoration: underline;
}

/* Basic classes */
.hidden
{
	display: none;
}
.centerize
{
	text-align: center;
}
.clearing
{
	width: 634px;
	height: 0;
	clear: both;
}

.clear-1px{
	clear: both;
	height: 1px;
	line-height: 0;
	font-size: 0;
}

.clear2:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clear2 {
	display: inline-table;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clear2 {height: 1%;}
.clear2 {display: block;}
/* End hide from IE-mac */

/*-------------------------------------------------
  Header
-------------------------------------------------*/

#banner{
    width: 610px;
	margin: 0 12px;
        text-align: left;
	background-color: #000;
	height: 199px;
	border: none;
}

.navi{
	width: 610px;
	height: 20px;
	margin: 0 12px;
	background-color: #660000;
	color: #ffffff;
}

.navi ul{
	margin:0 0 0 15px;
	list-style-type: none;
}

.navi li{
	display: inline;
	margin:0;
	padding: 0;
}

.navi a:link,  .navi a:visited{
    height: 20px;
	margin: 0;
	padding: 0 15px;
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
	display: block;
	float: left;
	line-height: 20px;
}

.navi a:hover{
	color: #ff9933;
	text-decoration: underline;
	background-color: #89221B;
}

/*-------------------------------------------------
  Content wrappers
-------------------------------------------------*/
#mainwrapper
{
	width: 674px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background: url(images/bg_00.gif) center repeat-y;
}
#wrapper
{
	width: 634px;
	border: none;
	margin-left: auto;
	margin-right: auto;
	background:#ffffff  url(images/footer_00.gif) bottom center no-repeat;
	text-align:left
}

/*-------------------------------------------------
  Main content
-------------------------------------------------*/
#pankuzu
{
	width: 634px;
	margin: 0;
	padding: 0;
	background: url(images/dot_02.gif) left no-repeat -1px;
}
#pankuzu2
{
	width: 634px;
	margin: 0;
	padding: 0;
}
#kuzu
{
	text-align: left;
	margin:5px 12px;
	padding: 0;
	color: #666666;
	font-size: 10px;
}

#abcontainer
{
	width: 610px;
	padding:0;
	margin: -15px 12px 12px 12px;
    background: url(images/bg_02.gif) right repeat-y;
}

#abcontainer2
{
	width: 610px;
	padding:10px 12px 12px 12px;
	margin: 0;
}


#container
{
	width: 418px;
	height:1%;
	overflow: visible;
	float: left;
	margin-right: -192px;
	padding: 20px 0 0 12px;
}

#container2
{
	width: 365px;
	height:1%;
	overflow: visible;
	float: left;
	margin: -5px -245px 0 0;
	padding: 0 0 0 0;
}

#container2 h2{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.content
{
	padding: 0px;
	margin: 10px 12px 20px -12px;
}

.content2
{
	width: 365px;
	padding: 0px 12px 0px 0px;
	margin: 0px;
}

.titlef{
	width: 160px;
	float: left;
}

#intro{
	margin: -10px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
}

#intro p{
	margin: 5px 0px 0px 0px;
	padding: 0px;
	line-height: 160%;
}

.topic{
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}

.topic p{
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 190%;
}

.topic ul{
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 190%;

}

.topic li{
	margin: 0px;
	padding: 5px 3px;
	background: url(images/li_00.gif) repeat-x 0px 0px;
	line-height: 130%;

}

.date{
	font-size: 10px;
}

#intro a, .topic a,.marchetext p a{
	color: #426bb7;
	text-decoration: none;
}

#intro a:hover,.topic a:hover,.marchetext p a:hover{
	color: #ff9900;
	text-decoration: underline;
}

.more{
	float: right;
	font-size: 10px;
	width: 80px;
}


/*-------------------------------------------------
  Item styles
-------------------------------------------------*/
.contenttitle h2
{
	margin:25px 0 0 10px;
	padding-left: 20px;
	font-weight: bold;
    font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	font-size: 12px;
	color: #556b2f;
	background: url(images/point_green.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

.contenttitle a:link, .contenttitle a:visited
{
	color: #556b2f;
	text-decoration: none;
}
.contenttitle a:hover, .contenttitle a:active
{
	color: #ff9900;
	text-decoration: underline;
}

.contentbody
{
	margin:-5px 0 0 0;
	background-color: #ffffff;
	color:#666666;
	padding:20px;
	border: 1px #cccccc solid;
	text-align:justify;
	font-size: 11px;
	line-height: 160%;
}

.contentbody2
{
	margin:-10px 0 0 0;
	color:#666666;
	padding:20px;
	text-align:justify;
	font-size: 11px;
	line-height: 160%;
}
.contentbody3
{
	margin:0;
	color:#666666;
	padding:5px 12px 0 12px;
	text-align:justify;
}


/*-------------------------------------------------
  Item info
-------------------------------------------------*/
.contentitemcategory
{
	background: url(images/folder.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 5px 0 15px;
}
.contentitempostedby
{
	background: url(images/person.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 5px 0 12px;
}
.contentitemcomments
{
	background: url(images/comment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 5px 0 12px;
}
.contentitemedit
{
	background: url(images/edit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 5px 0 12px;
}
.contentitem
{
	padding: 0;
	margin: 0 0 10px 0;
}

.contentitem1
{
	margin: 0;
	padding-left: 40px;
	font-size: 10px;
	color: #666666;
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
	font-size: 10px;
}
.contentitem3
{
	display: inline;
	background: url(images/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
	font-size: 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(images/dotv.gif) left repeat-y;
	font-size: 10px;
}

.contentbody a:link
{
	color: #426bb7;
	text-decoration: none;
}
.contentbody a:hover
{
	color: #ff9900;
	text-decoration: underline;
}

/*-------------------------------------------------
  Comments
-------------------------------------------------*/
.itemcomment
{
	background: url(images/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 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　	padding:12px 12px 0 0px;;
-------------------------------------------------*/
#sidebarcontainer
{
	float: right;
	width: 180px;
	margin:0px;
}
#sidebarcontainer2
{
	float: right;
	width: 232px;
	margin:0;
}
.sidebar
{
	color: #eeeeee;
	margin-bottom:15px;
}

/* Menu lists */
.sidebardl
{
	padding: 0;
	margin: 0;
}
.sidebardl dt
{
	background: #fffff0 url(images/subbg_03.gif);
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 10px;
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", Baskerville, Cochin, Georgia, sans-serif;
	border-top: solid 1px #eeeee0;
}
.sidebardl dd
{
	background:#eeeee0;
	padding: 3px 10px 3px 20px;
	margin: 1px 0 0 0;
	color:#999999;
	font-size: 10px;
}

.sidebardl dd a:link, .sidebardl dd a:visited
{
	padding: 0;
	color: #426bb7;
	text-decoration: none;
	font-size: 12px;
}
.sidebardl dd a:hover
{
	color: #ff9900;
	text-decoration: underline;
}


.event{
	margin: 0px 0px 10px 0px;
	padding: 12px 12px;
	background: #fffff0 url(images/subbg_03.gif);
	font-size: 10px;
}

.event h2{
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
}

.event h3{
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
}

.marchetext h3{
	margin: 3px 0px 8px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 10px;
}

.marchetext h3 a{
	padding-left: 5px;
	color: #426bb7;
	text-decoration: none;
	font-size: 10px;
}

.marchetext h3 a:hover{
	padding-left: 5px;
	color: #ff9900;
	text-decoration: underline;
	font-size: 10px;
}

.marchetext p{
	margin: -5px 0px 10px 5px;
	border-left: 1px solid #cccccc;
	padding-left: 8px;
	line-height: 140%;
	font-size: 10px;
}
.marcheimg{
	width: 200px;
	height: 150px;
	margin: 0;
	padding: 3px;
	border: 1px solid #d0d0d0;
	background: #ffffff;
	}
	
.cright{
	text-align: left;
}
/*-------------------------------------------------
  Footer
-------------------------------------------------*/
#footer
{
	width: 610px;
	clear: both;		
	margin: 0 ;
    padding: 0 12px;
	font-size: 10px;
	color: #999999;
}

#copyrights
{
	text-align: left;
    padding-bottom: 20px;
}

/*-------------------------------------------------
  Forms
-------------------------------------------------*/

.loginform, .searchform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
    padding: 20px;
    background: #eeeee0;
    /* Rounded borders, for Mozilla browsers */
    /* -moz-border-radius: 10px; */
}
.commentform img{
    margin: 5px 0 0 0;
}

.formfield
{
	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;
    line-height:20px;
	background: white;
	color: #666666;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0px;
}
.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
{
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield, #nucleus_cf_body
{
    width: 330px;
}

.commentform .formbutton
{
	width: 100px;
	height: 22px;
    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	margin-left:235px;
}

.error
{
	color: red;
	font-weight: bold;
}

/*-------------------------------------------------
  Tag
-------------------------------------------------*/
.pageswitch{
	font-size: 10px;
	text-align: right;
}

.tagsubmap{
	margin-top:10px;
	font-size:12px;
	font-weight:bold;
}

.tagdesc{
	font-size:10px;
	font-weight:nomal;
}

.tagmap{
	text-align: left;
}

/*-------------------------------------------------
  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 {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}