/***************************************************
   HTML Element Styles
 ***************************************************/

body {
  margin:0;
  padding:0;
  text-align: center;
  font: 0.7em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
  color: #333;
  background: #666633;
}

h1 {
  clear: both;
  padding: 5px 0 0px 5px;
  margin: 0;
  color:#663300;
  font: 1.7em "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-weight: normal;
}

#news h1{
 color:#663300;
 font-size: 1.4em;
 font-weight: bold;
}

#text h1 {
  color: #333;
  margin-bottom: 6px;
}
#text h1 a{
  text-decoration: none;
  margin-bottom: 6px;
}

#header h2 {
  /*clear: both;*/
  padding: 5px 5px 0 5px;
  margin: 0 0 -2px 0;  
  font: 1.0em verdana, arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  color: #BE0000;
}

h2 {
  padding: 5px 5px 0 0;
  margin: 0 0 -2px 0;  
  font: 1.7em "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
  font-weight: normal;
}

p {
  line-height: 116%;
  padding: 2px 0 2px 5px;
  margin: 2px 0 2px 0;
}

#news p{
  margin: 2px 0 0px 6px;
}
#news p a{
  padding: 0 12px 2px 0;
  text-align: right;
  color: #BE0000;
}

a {
  color: #669900;
}

a:hover {
  color: #111;
  /*background-color: #DDD;*/
}

/*#news   a:hover {
  background-color: #CCC;
}*/

ul, ol {  
  padding-bottom: 8px;
  line-height: 20px;
}

ul {
  list-style-image: url(../images/li_bullet_dark.gif);
}

acronym {
  border-bottom: 1px solid #BBB;
  cursor: help;
}

.hidden
{
	display: none;
}

.error { 
  color: red; 
  font-size: larger;
  margin: 4px 0; 
} 

/* searchwords */
.highlight{
  background: #ccff66;
  font-style: italic;
}

/***************************************************
   Site Layout Container:
   -------------------------------------------
   adjust width attribute if you would like to
   make the site wider, but make sure to also
   adjust either #news or #text widths as well.
 ***************************************************/

#siteBox {
  width:754px;
  padding: 20px 0 8px 0;
  margin: 0px auto;
  text-align: left;
}


.clearing
{
	width: 754px;
	height: 0;
	clear: both;
}

/***************************************************
   Header Styles
   --------------------------------------------
   Change main header image with #header
   background attribute.
 ***************************************************/
#header {
  margin: 0px auto;
  width: 754px;
  height: 214px;
  background: url(images/hd_img.png) no-repeat;
}

#header .title {
  padding: 10px 10px 0 10px;
  text-align: right;
  font-size: 2.5em;
  line-height: 0.9em;
  letter-spacing: -1.5px;
  color: #EEE;
}

#header .subTitle {
  padding: 14px 18px 0 12px;
  text-align: right;
  color: #EEE;
}

#header .subTitle a {
  text-decoration: none;
  color: #cccc99;
}

#header .subTitle a:hover {
  color: #ffffcc;
  background-color: transparent;
}

/***************************************************
   Top Tabbed Menu Styles
 ***************************************************/

#menu {
  text-align: center;
  margin-bottom: 20px;
}

#menu a {
  padding: 6px 20px 0 20px;
  text-decoration: none;
  text-transform: uppercase;
  color: #666;
}

#menu a:hover, #menu a.active {
  background: url(../images/menu_tab_dark.gif) no-repeat top center;
}





/***************************************************
   right News Column
   -------------------------------------------
   1. Change to right side column by altering
      #news float attribute
   2. If you widen the #siteBox, also increase
      #news or #text width attribute
 ***************************************************/

#container{
  width: 754px;
  margin: 0 auto;
  background: #fff url(images/cnt.gif) repeat-y;
}

#content {
  padding: 18px 26px;
}

#news {
  float: right;
  width: 232px;
  margin: 4px 4px 20px 8px;
  padding-top: 22px;
  background: #cccc99 url(images/menu_hd.png) no-repeat top center;
}

#news .block {
  background: #FFFFCC;
  border-color: #996600;
  border-style: solid;
  border-width: 1px 2px;
}

#news .block h1{
  background: #999966 url(images/cn_bg.png) repeat;
  padding: 2px 0 2px 4px;
}
#news .links {
  margin: 10px 0 10px 0px;
}

#news .links a {
  display: block;
  padding: 3px 0 3px 20px;
  /*text-transform: uppercase;*/
  color: #663300;
  text-decoration: none;  
}

#news .links a:hover {
  color: #ffc;
  background: #996600;
}

/*.iepngfix{
  behavior: expression(IEPNGFIX.fix(this));
}*/

.block a.adm{
  background: url(images/adm02_e.png) no-repeat;
  width: 122px;
  height: 26px;
  margin: 6px 0 2px 50px;
}
.block a:hover.adm{
  background: url(images/adm01_e.png) no-repeat;
  width: 122px;
  height: 26px;
  margin: 6px 0 2px 50px;
}
.block a.up{
  background: url(images/up02_e.png) no-repeat;
  width: 122px;
  height: 26px;
  margin: 0 0 6px 50px;
}
.block a:hover.up{
  background: url(images/up01_e.png) no-repeat;
  width: 122px;
  height: 26px;
  margin: 0 0 6px 50px;
}

#news .plugin a{
   padding: 3px 0 3px 0px;
   display: inline;
}
#news .plugin a img{
   border: 0;
}

#news .bn{
  text-align: center;
  padding: 12px 0;
  background: #cccc99;
  border-color: #996600;
  border-style: solid;
  border-width: 0 2px;
}

#news .adbn{
  text-align: center;
  padding: 12px 0;
}


#news a{
  display: block;
  /*margin: 2px 20px;*/
}

#news .bottom {
  height: 19px;
  background: url(images/menu_ft.png) no-repeat bottom center;
}

/***************************************************
   left Content Column
   -------------------------------------------
   1. Change to left side column by altering
      #text float attribute
   2. If you widen the #siteBox, also increase
      #news or #text width attribute
 ***************************************************/

#text {
  float: left;
  width: 438px;
  /*padding: 16px 0px 16px 16px;*/
  /*margin: 0 -280px 0 0;*/
}
#text a{
  color: #333;
}

.texinfo{
  clear: both;
  margin: -3px 0 6px 0;
  font-size: 1em;
  color: #cccc99;
}

#text .texinfo a{
 text-decoration: none;
 padding: 0 2px;
}

#text .texinfo a:hover{
  border-width: 1px;
  border-color: #999;
  border-style: none none dotted none;
  padding: 0 2px;
}

.texbox{
  margin: -3px 8px 18px 0;
  padding:2px 8px;
}

.texbox .info_d{
 text-align: right;
}

/*p:first-letter {
  font-size: 1.6em;
} */

.pageswitch{
  text-align: center;
}
/*-------------------------------------------------
  //Comment area//
-------------------------------------------------*/
.comm{
  margin: 10px 0 10px 0;
  padding: 2px 6px;
}

.comm a:link{
  color: #996633;
}

.wrote{
  margin: -7px 0 0 10px;
  padding: 0 8px 8px 22px;
  font-size: 1em;
}

.commby{
 height: 30px;
 /*width: 380px;*/
} 

.info_n{
  margin-left: 32px;
  font-size: 1.2em;
}

.info_d{
  margin-left: 2px;
  color: #666;
  font: 1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
}

.id1, .id2{
  background: url(images/f_id1.png) no-repeat;
}
.id0{
  background: url(images/f_id0.png) no-repeat;
}

ol li{
  list-style-type: decimal-leading-zero;
  list-style-position: outside;
}

/*-------------------------------------------------
  //form//
-------------------------------------------------*/
.searchform{
	margin: 8px;
	width:170px;
        text-align: right;
}

.loginform{
	width: 170px;
	margin: 14px;
	text-align: right;
} 
.formfield 
{
	margin: 0;
	font: 1.1em verdana, arial, sans-serif;
}
.formbutton
{
	margin: 2px 0 0 0;
}
.searchform .formfield
{
	width: 110px;
	/*padding: 2px 0;*/
	margin: 0 0 2px 10px;
}
.searchform .formbutton
{
	/*width: 60px;*/
	/*padding: 2px 2px; */
        margin: 0 0 2px 10px;
}
.loginform .formfield
{
	width: 100px;
	/*padding: 2px 0;*/
	margin: 0 0 2px 0px;
}
.loginform .formbutton
{
	width: 60px;
	/*padding: 2px 2px;*/
	margin: 0 0 2px 10px;
}
.mainform .formfield
{
	width: 280px;
	padding: 2px 0;
	margin: 0 2px 2px 0;
	font-size: 1em;
}
.mailform .formbutton
{
	width: 100px;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail
{
    width: 200px;
    /*margin:-4px 0 0 0;*/
}


.commentform .formfield{
  display: block;
  margin-top:2px;
}

.commentform textarea, .mailform textarea, .mailform .formfield
{
    margin: 0;
    width: 360px;
    font: 1.1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;     
}

/***************************************************
   Footer Styles
 ***************************************************/

#footer {
  clear: both;
  width: 754px;
  height: 105px;
  text-align: center;
  margin: 0px auto;
  background: url(images/footer.png) no-repeat;
}

#footer .info{
  color:#999966;
  padding: 32px 3px 0 5px;
}

#footer .info a{
  color:#669933;
  margin-bottom: 2px;
}
#footer .info a:hover{
  color:#99cc66;
}

p#footer:first-letter {
  font-size: 1.0em;
}

#footer .info img{
  border: 0px;
  width: 124px;
  height: 20px;
  margin-bottom: -4px;
}



/***************************************************
   Large <ul> Link Styles
   --------------------------------------------
   Creates the large links blocks that can be
   used in the #text section
 ***************************************************/


ul.links {
  float: left;
  padding: 0px;
  margin: 0px;
}

ul.links li {
  float: left;
  list-style-type: none;
  list-style: none;
}

ul.links li a {
  float: left;
  width: 370px;
  padding-top: 5px;
  margin: 0px;  
  cursor: pointer;
  text-decoration: none;
}

ul.links li a:hover {
  background: #DDD url(../images/link_top.gif) no-repeat top center;
}

ul.links li a span.title {
  display: block;
  margin-left: 11px;
  text-indent: 20px;  
  background: url(../images/link_arrow.gif) no-repeat center left;
}

ul.links li a span.desc {
  float: left;
  width: 350px;
  padding-right: 3px;
  margin-left: 10px;
  color: #666
}

ul.links li a span.bottom {
  display: block;
  height: 18px;
  clear: both;
}

ul.links li a:hover span.bottom {
  background: #EEE url(../images/link_bottom.gif) no-repeat top center;
}




/***************************************************
   Display Classes
 ***************************************************/

.date {
  display: block;
  text-transform: uppercase;
  color: #BE0000;
}

p.quote {
  float: left;
  padding: 8px;
  margin: 5px 0px 20px 5px !important;
  margin: 5px 0px 10px 3px;
  background: #eee;
  border: 1px dotted #cccc99;
}

/*p.quote span.bottom {
  float: right;
  width: 20px;
  background: url(roundedcornr_409163_br.gif) no-repeat bottom right;
} */

img.right {
  float: right;
  padding: 3px;
}

img.left {
  float: left;
  padding: 3px;
}

/*-------------------------------------------------
  //image_bg//
-------------------------------------------------*/
img.ib
{
position: relative;
top: -1px;
background-image: url('images/imgbg.jpg');
width: 128px;
height: 96px;
padding: 7px;
}

img.left
{
float: left;
margin-right: 14px;
}

/*-------------------------------------------------
  //TRACKBACK//
-------------------------------------------------*/
div.tb {
	margin: 6px 4px;
        width: 420px;
}

div.tb div.head {
	padding: 4px 0;
	/*background: #000; color: #FFF;
	font-weight: bold; text-transform: lowercase; letter-spacing: 0.6em;*/
}

div.tb div.item {
	padding: 4px 0;
        background: #ccc;
}
div.tb div.item a{
        font-weight: bold;
}
div.tb div.item div.name {
	font-size: 95%; font-weight: bold; text-align: right;
}
div.tb div.body {

	font-size: 95%;
 	margin-bottom:10px;
}
div.tb div.item div.date {

	color: #999;
	font-size: 95%; text-align: right;
}
div.tb div.info {
        margin-top:4px;
	padding: 4px;
	color: #000;
	font-size: 95%;
        border:1px solid #999;
}

.div.tb.div.info a{
        color:#fff;
        /*background:#ccc;*/
        padding:1px;
}

div.tb.div.head h2
{
	clear: both;
	background: url(images/dot.gif) bottom repeat-x;
	font-size: 18px;
	padding: 0 0 2px 0;
	margin: 0;
}

/*-------------------------------------------------
  //date style//
-------------------------------------------------*/
.post{
width: 418px;
}
.post .date{
 float: left;
 width: 80px;
}
.post .day{
float: left;
font: 2.8em "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
font-weight: bolder;
color: #cc9933;
margin-top: -6px;
padding: 1px;
}
.monthyear{
/*width: 32px;
height: 30px;*/
font: 1em Verdana, Arial;
color: #999;
display: block;
}


.post .h1 a{
width: 330px;
float: right;
font: 1.6em "Georgia", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;
color: #333333;
margin-top:5px;
}

/*-------------------------------------------------
  //box_02//
-------------------------------------------------*/
.ibox { 
  background: url(images/cn_bg.png) repeat; 
}
.iboxtop { 
  background: url(images/cn_bg.png) no-repeat top right; 
}
.iboxtop div { 
  height: 20px; 
  background: url(images/cn_l1.png) no-repeat top left; 
}
.iboxbottom { 
  background: url(images/cn_r2.png) no-repeat bottom right; 
}
.iboxbottom div { 
  height: 20px; 
  background: url(images/cn_bg.png) no-repeat bottom left; 
}
.iboxcontent {
  padding: 0px 16px 0px 16px;
}

/*-------------------------------------------------
  //adobe_Spry//
-------------------------------------------------*/
.CollapsiblePanelTab {
	margin: 0px;
	/*padding: 2px;*/
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/*-------------------------------------------------
  //highslidejs//
-------------------------------------------------*/
.highslide {
    cursor: url(graphics/zoomin.cur), pointer;
    outline: none;
    margin:1px 4px 1px 0px;
    clear:both;
    float:left;
}
/*.highslide a{
   color: #cccc99;

}*/
.highslide img {
	position: relative;
	/*top: -1px;*/
	width: 128px;
	height: 96px;
	padding: 7px;
	border: 0;
}
.highslide:hover img {
	border: 0;
}

.highslide-image {
	border: 5px solid #fff;
}

/*.iepngfix{
  behavior: expression(IEPNGFIX.fix(this));
}*/


.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: #cccc99;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/*-------------------------------------------------
  //NP_ShowBlogs//
-------------------------------------------------*/
.pageswitch{
 padding-bottom: 3px;
}