/*
page_layout
helpers
forms
buttons
tables
lists
boxes
menus
header_footer
blocks
*/

/* page_layout */
html { height:100%; margin-bottom:1px; }

#l-root { width:980px; margin:0 auto; text-align:center; position:relative; }
#l-head, #l-body, #l-tail { width:100%; position:relative; }

#l-head { height:450px; position:absolute; top:0; z-index:79; }
#l-tail { height:79px; }

#l-body {
  width:100%; /**/
  min-height:279px;
  _height:279px;
}

#l-body, #l-tail { top:450px;/*head*/ }

#l-hidden {
	position:absolute;
	top:-1079px;
	overflow:hidden;
	height:1px; width:1px;
}

/* helpers */

.h-f-left 	{ float:left; }
.h-f-right 	{ float:right; }
.h-a-left { text-align:left; }
.h-a-center { text-align:center; }
.h-a-right { text-align:right; }
.h-f-clear  { float:none; clear:both; overflow:hidden; }

#l-root .pad-bot-99 { padding-bottom:179px; }
#l-root .pad-bot-79 { padding-bottom:79px; }

h2 { padding-bottom:24px;	}

h1 {
    margin:0; 
    padding:0 0 25px 0;
    text-align:center;
}

h1, h1 a {
    color:#8f8f8f;
    font-size:21px;
    font-weight:normal;
}

h1 span {
    display:block;
    padding-top:4px;
}

h1 span {
   color:#00A1F1;
   font:normal 13px/15px "Century Gothic", Helvetica, sans-serif;
}

h1 span a{
   color:#00A1F1;
   font:normal 13px/15px "Century Gothic", Helvetica, sans-serif;
}


/* forms */

textarea { padding:4px 4px 6px 4px; }

input.f-text, textarea, select, 
.f-generic .w-left input { 	border:1px solid #aaa; }

input.f-text,
.f-generic .w-left input { padding:3px 4px 3px 4px; }

.w-form {
	overflow:hidden;
	width:625px;
	margin:0 auto;
}

.w-form .f-text {
	width:288px;
}

.w-form textarea {
	width:288px;
	height:108px;
}

.f-generic textarea { height:130px; }
.f-generic .w-left input { width:298px; }

.w-form .f-text, .f-generic .w-left input {
	margin-bottom:8px;
}

.w-form .w-left, .w-form .w-right {
	float:left;
}

.w-form .w-left {
	width:300px;
	margin-right:24px;
}

.f-generic .w-action {
	clear:both; overflow:hidden;
	text-align:center;
    margin:0 3px 20px 0;
}

.f-generic .w-action input {
    margin-top:10px;
	width:90px;
    padding-top:3px; padding-bottom:3px;
	text-align:center;
}

.f-generic .w-action .f-proceed { margin:0 14px 0 12px; }

/* buttons */

/* tables */

/* lists */

.ul-list, .ul-list li { overflow:hidden; }

/* boxes */

.box-data {
    position:relative;
	margin:0 37px 0 37px;
    padding-bottom:18px;
	overflow:hidden;
}

/* menus */

.menu-lvl-1 {
    position:absolute;
	left:15px; top:385px;
    width:950px; height:24px;
    z-index:79;
}

.menu-lvl-1 li {
  position:relative;
  float:left;
	padding:2px 52px 6px 26px;
	
	text-align:left;
}

.menu-lvl-1 li.last { padding-right:0; }

.menu-lvl-1 li a {
  display:block;
}

/*
.menu-lvl-1 li:hover ul { display:block; }
*/

.menu-lvl-1 li ul {
	display:none;
	position:absolute;
	left:10px; top:24px;
	z-index:79;
	
	
	
}


.menu-lvl-1 li li {
    display:block;
    float:none;

    width:220px;
    padding:3px 0 3px 16px;
}

.menu-lvl-1 .off-hover li {
	width:129px;
}

/* header_footer */

#l-head .w-flash {
	position:absolute;
	top:29px; left:15px;
	width:950px; height:356px;
	overflow:hidden;
}

#l-tail strong {
	position:absolute;
	left:35px; top:40px;
}

#l-tail .author {
	position:absolute;
	right:35px; top:40px;
}

/* blocks */

		/*	border:1px solid red;*/

.x-blurb {
    padding:0 64px;
}

/* */

.x-template p {
    text-align:left;
}

.x-template em {
    float:right;
    margin:0 0 6px 12px;
}

/* */

.x-ext-site {
    padding:25px 0 15px 0;
}

.x-ext-site div {
	margin:0 auto;
}

/* */

.x-archives {}

.x-archives .w-archives {
    padding-top:15px;
}

.x-archives .w-one-year {
    overflow:hidden;
    padding-bottom:15px;
}

.x-archives .l-left {
    width:126px;
    float:left;
}

.x-archives .l-right {
    float:left;
    overflow:hidden;
}

.x-archives .w-one-m {
    width:60px;
    display:block;
    float:left;
}

.x-archives .w-month, .x-archives .w-postnum {
    display:block;
}

.x-archives a:hover { text-decoration:underline; }

/* */


.x-search {
    padding-top:10px;
    width:165px;
		overflow:hidden;
		position:relative;
}

.x-search .f-text {
    background:#fff;
    border:1px solid #777;
}

.x-search .f-text:hover {
    border:1px solid #444;
    outline:0;
}

.x-search .f-proceed {
    border:0; margin:0; padding:0;
    background:transparent;
}

.x-search .f-proceed {
    color:#fff;
    font-size:14px;
    font-weight:bold;
		
		position:absolute;
		top:-1079px;
}

/* */

.x-post {}

.x-post .w-body, .x-post .w-head, .x-post .w-tail {
    position:relative;
}

.x-post .w-head {
    height:16px;
}

.x-post .w-body {
    padding-top:25px; padding-bottom:25px;
}

.x-post .w-tail {
    height:86px;
    /* height:16px;*/
}

.x-post .w-com-ctrl {
    position:absolute;
    top:46px; right:60px;
}

.x-post .w-com-ctrl a, .x-post .w-com-ctrl, .x-post .w-com-ctrl em {
    color:#fff;
    font:normal bold 12px/14px "Century Gothic", century, verdana, arial, sans-serif;
}

.x-post .w-date {
    position:absolute;
    top:46px; left:360px;
    width:179px;
    text-align:center;
}

.x-post .w-date {
    color:#fff;
}

/* */

.w-post-cat {
    display:block;
    padding:0 0 15px 60px;
    font-size:1.2em;
}

.x-post .w-pic {
  position:relative;
  padding-top:15px;
  margin:0 auto;
}

.x-post .w-pic a.js-add-comment {
	position:absolute;
	display:none;
	bottom:0px; right:0px;
	padding:7px 20px;
}

.x-post .w-pic { overflow:hidden; }

.x-post .w-pic div:hover a.js-add-comment { display:block; }

.x-post .copyright {
	position:absolute;
	left:0; top:0;
	
	-moz-opacity:0;
	opacity:0;
}

.x-post .w-pic .example_img {
	position:absolute;
	left:0; top:0;
}

.x-post .w-html {
  font-size:1.2em;
	text-align:center;
}

.x-post .h-f-left { margin-right:10px; }

/* */

.x-pagenavy {
    text-align:center;
}

.x-pagenavy a, .x-pagenavy strong, .x-pagenavy span {
	color:#00A1F1;
    font:normal 12px/14px "Century Gothic", century, verdana, arial, sans-serif;
	text-decoration:none;
}

.x-pagenavy span {
    color:#00A1F1;

    padding:0 4px;
}

.x-pagenavy a:hover {
	text-decoration:underline;
}

/* */

.x-subscribe {
    text-align:center;
}

.x-subscribe em {
    display:block;
    font-style:normal;
}

.x-subscribe .f-text {
    padding:1px 3px;
}

.x-subscribe .f-proceed {
    border:none;
    margin:0; padding:0 0 0 2px;
    color:#00A1F1;
}

.x-subscribe .w-rss {
    padding-right:18px;
}

/* */

.w-comment {
    position:relative;
    margin:0 37px 20px 37px;
    display:none;
}

.x-comment {
    position:relative;
    left:0; top:0; 
    width:906px; height:100px; /*906x100*/
    background:url(../images/x-comment-nr.png) no-repeat;
    padding-bottom:25px;
}

.x-comment {

}


.x-comment .w-hide {
	position:absolute;
	top:10px; left:160px;
    width:725px; height:84px;

	overflow:auto;
	color:#8f8f8f;
}

.x-comment .w-hide a {
    color:#a2d2e0;
}

.x-comment .w-hide span {
	display:block;
	margin-bottom:13px;
}

.x-comment .w-hide .w-name { 
	padding-right:8px;
    
    font-style:normal;
    color:#a2d2e0;
    font-weight:bold;
}

.x-comment .w-hide .w-name:hover {
	text-decoration:underline !important;
}

.x-comment .w-hide span em {

}

.x-comment .w-hide .w-scroll {
	position:absolute;
	top:0px;
	padding:0 12px;
}

.x-comment .w-action {
	z-index:79;
	position:absolute;
	right:35px; top:8px;
}

.x-comment .w-action a {
	padding:0; 
	display:block;
	position:absolute;
	left:0;
}

.x-comment .w-action a.js-scrollup { top:0; }
.x-comment .w-action a.js-scrolldown { top:73px; }

.x-comment .w-control {
    position:absolute;
    left:20px; top:8px;
	overflow:hidden;
    width:150px;
}

.x-comment .w-control .w-post-act a {
    display:block;
    padding:2px 0;
    margin-bottom:4px;

    text-align:left;
    color:#8f8f8f;
    font:bold 12px/14px "Century Gothic", century, verdana, arial, sans-serif;
	text-transform:lowercase;
}

.x-comment .w-control .w-post-act a:hover {
    text-decoration:underline;
}

.x-comment .w-control .w-social {
    margin-top:5px;
    text-align:left;
}

.x-comment .w-control .w-social a {
    display:inline;
    margin:0 8px;
}

.x-comment .w-control .w-social .h-a-left {
    margin:0 16px 0 0;
}

.x-comment .w-control .w-social .h-a-right {
    margin:0 0 0 16px;
}

/* R */

.f-pic-action  {
	display:none; /*js hidden*/
}

.f-pic-action {
	margin-bottom:10px;
}

.f-pic-action textarea {
	height:104px;
}

.f-pic-action .w-action {
	overflow:hidden;
	text-align:right;
	margin-right:8px;
}

.f-pic-action .w-action a {
	margin-right:12px;
	
	font-weight:normal;
	text-decoration:none;
}

.f-pic-action .w-action a:hover {
	text-decoration:underline;
}

.f-pic-action .w-action em {
	font-style:normal;
}

/* */

#l-root .x-twitter li {
	width:220px; 
}

.x-twitter p {
	width:205px;
	margin-bottom:0;
	white-space:normal;
}

.x-twitter a {
	display:block;
}

.x-twitter {
	padding-bottom:6px;
}

.x-twitter {
	font-family:georgia, "Times New Roman", times, serif;
	font-size:12px;
	color:#fff;	
}
