/*
Theme Name: crazyxhtml
Theme URI: http://www.crazyxhtml.com
Description: Designed by <a href="http://www.crazyxhtml.com">crazyxhtml</a>.
Version: 1.2.0
Author: <a href="http://www.crazyxhtml.com">crazyxhtml</a>
Author URI: http://www.crazyxhtml.com
*/
/* Css Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
ol,ul{ list-style:none; }
blockquote,q{ quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none; }
:focus{ outline:0; }
ins{ text-decoration:none; }
del{ text-decoration:line-through; }
table{ border-collapse:collapse; border-spacing:0; }

.cufon-loading{
	visibility: hidden !important;
}
.cufon-ready{
	visibility: visible !important;
}

/* General Styles */
label{ cursor:pointer; }
a,a:visited{ color:#7bb628; text-decoration:none; }
a:hover{ text-decoration:underline; }
body{ background:#f6f6f6 url(images/bgr_body.gif) repeat; color:#3b3b3b; font:62.5% Arial, HelvІetica, sans-serif;}

/* Defaults */
h1, h2, h3, h4, h5, h6{ margin: 0; font-family: Arial,Helvetica,Sans-serif; color:#7bb628;}
h1{font-size: 3.6em; color:#4f4f4f;} h2{font-size: 2.4em;} h3{font-size: 2.0em;} h4{font-size: 1.8em;} h5{font-size: 1.6em;} h6{font-size: 1.4em;}

input, select, textarea{font-family: Arial, HelvІetica, sans-serif; font-size: 12px; color: #7a7a7a;}
input.input_text, textarea{padding: 5px; border: 1px solid #ccc;}
textarea{overflow: auto;resize: none;}

/* Hyperlinks */

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited{ text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: underline;}

.fl{float: left; }
.fr{float: right;}
.clear{clear: both;}
.overflow{ overflow: hidden; width: 100%;}

.wrapper_top{
	background: url(images/bgr_wrapper_top.png) repeat-x;
	min-width: 975px;
	padding: 0 10px 0 10px;
}
.wrapper_home{
	background:#e4e4e4 url(images/bgr_wrapper_home.gif) repeat;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #b3b3b3;
	margin: 0 0 22px 0;
	min-width: 975px;
	padding: 0 10px 0 10px;
}
.wrapper{
	width: 80%;
	min-width: 975px;
	padding: 0 10px 0 10px;
	margin:0 auto;
	position: relative;
}
/*main_share*/
.main_share{
	position: absolute;
	top: 266px;
	right: 0;
	width: 42px;
	height: 64px;
	background: #8cc943;
	border-bottom: 1px solid #699d20;
	z-index: 100;
}
.share_link{
	display: block;
	cursor: pointer;
	background: url(images/ico_share.png) no-repeat;
	width: 27px;
	height: 27px;
	text-indent: -9999em;
	margin: 20px auto 0 auto;
}
/*header*/
#header{
	width: 100%;
	height: 99px;
	position: relative;
}
#logo{
	position: absolute;
	top: 5px;
	left: -20px;
	z-index: 10;
}
#logo a{
	width: 259px;
	height: 124px;
	display: block;
	cursor: pointer;
	text-indent: -9999em;
	background: url(images/logo.png) no-repeat;
}
/*menu*/
#menu{
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 5;
	left: 5px;
}
#menu ul{
	float: right;
	margin: 30px 0 0 0;
}
#menu li{
	float: left;
	text-transform: capitalize;
	font-size: 1.4em;
	line-height: 2.5em;
	letter-spacing: 1px;
	border-right: 1px solid #a8d26a;
}
#menu li.last{
	border: 0;
}
#menu li a{
	float: left;
	cursor: pointer;
	color: #fff;
	padding: 0 15px 0 15px;
}
#menu li a b{
	color: #fff266;
}
#menu li a:hover{
	color: #fff266;
	text-decoration: none;
}
#menu li a:hover b{
	color: #faf2a0;
}
#menu li a.selected{
	background: #729e34;
}
/*body*/
#body{
	width: 100%;
	padding: 60px 0 40px 0;
}
/*page_content*/
.page_content{
	width: 100%;
}
.page_content .title{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #c0c0c0;
	padding: 0 0 18px 0;
	margin: 0 0 26px 0;
}
.page_content .title h1{
	float: left;
	font-weight: normal;
}
.page_content .online_help{
	float: right;
	padding: 25px 0 0 0;
	cursor: pointer;
}
.post{
	width: 100%;
	overflow: hidden;
	padding: 0 0 20px 0;
	clear: both;
}
.page_content .post .title{
	padding: 0 0 10px 0;
	margin: 0 0 18px 0;
}
.page_content .post .title h2{
	font-weight: normal;
	font-size: 2.8em;
	float: left;
	width: 80%;
}
.page_content .post .title h2 a:hover{
	color: #6b8b39;
	text-decoration: none;
}
.page_content .post .title .date{
	float: right;
	font-size: 1.2em;
	font-style: italic;
	color: #aaa;
	margin: 12px 0 0 0;
}
.entry{
	width: 100%;
	float: left;
}
.entry a{
	font-weight: bold;
}
.entry p{
	margin:0 0 20px 0;
	font-size: 1.4em;
	line-height: 1.6em;
}
.entry p.email img{
	position: relative;
	top: 5px;
}
.entry .nopad{
	margin:0;
}
.entry acronym{
	cursor: help;
	color: #000;
}
.entry h1{}  .entry h2{}  .entry h3{}  .entry h4{}  .entry h5{}  .entry h6{}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{ margin: 5px 0 15px 0; font-weight: normal; text-shadow: 2px 2px 1px #ffffff;}

.entry ul{ margin: 0 0 20px 0; padding: 0 0 0 30px; font-size: 1.4em; line-height: 1.6em;}
.entry ul ul{ margin: 0; font-size: 1.0em; }
.entry ul li{ background: url(images/ico_list.gif) no-repeat left 6px; padding: 0 0 0 18px; margin: 0 0 8px 0; }

.entry ol{ margin: 0 0 20px 0; padding: 0 0 0 50px; font-size: 1.4em; line-height: 1.6em;}
.entry ol ol{ margin: 0; font-size: 1.0em;}
.entry  ol li{ list-style-type: decimal; margin: 0 0 8px 0;}
.entry  ol li ol li{ list-style-type: lower-alpha; }
.entry ol li ul{ font-size: 1.0em; margin: 10px 0 20px 0;}
.entry ol li ul li{ list-style: none;}

.entry li p{
	font-size: 1.0em;
}

.entry table.table{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0 0 20px 0;
	font-size: 1.4em;
	line-height: 1.6em;
}
.entry table.table table{
	font-size: 1.0em;
}
.entry table.table td, .entry table.table th{
	border: 1px solid #ccc;
	padding: 5px;
}
.entry table.table th{
	background: #eee;
}
.entry .overflow{
	padding: 0 0 30px 0;
}

img.wp-smiley{ padding: 0; border: none; }

.entry .wp-caption{ text-align:center;}
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text{ margin:0; padding:0 0 0 5px; font-size:11px; text-align:left; }

/*body_container*/
.body_container{
	width: 100%;
	float: left;
}
.body_content{
	float: left;
	width: 75%;
}
.body_sidebar{
	float: right;
	width: 20%;
}

/*widget*/
.widget{
	width: 100%;
	background: url(images/bgr_widget.gif) repeat-x bottom;
	margin: 0 0 30px 0;
	padding: 0 0 15px 0;
	font-size: 1.3em;
}
.widget a{
	color: #3b3b3b;
}
.widget_last{
	margin: 0;
	padding: 0;
	background: none;
}
.widget .widgettitle{
	font-size: 1.8em;
	line-height: 1.2em;
	padding: 5px 0 5px 0;
	font-weight: normal;
	width: 100%;
	overflow: hidden;
}
.widget .widgettitle img{
	float: right;
	cursor: pointer;
}
.widget li{
	line-height: 1.5em;
	padding: 5px 0 5px 0;
}
.widget li a{
	background: url(images/ico_list.gif) no-repeat left 5px;
	padding: 0 0 0 16px;
	display: block;
}
.widget_recent_tweets li a{
	display: inline;
	padding: 0;
	background: none;
	color:#7bb628;
}
.widget_recent_tweets li div{
	background: url(images/ico_list.gif) no-repeat left 5px;
	padding: 0 0 0 16px;
	display: block;
}
.widget ul{
	margin: 0 0 18px 0;
	padding: 6px 0 0 0;
}
.widget ul ul{
	margin: 0 0 4px 20px;
	padding: 0;
}
.textwidget{
	width: 100%;
	overflow: hidden;
	padding: 6px 0 0 0;
}
.textwidget p{
	margin: 0 0 12px 0;
	line-height: 1.6em;
}

/* Search Block */
#search_block{
	width:100%;
	overflow:hidden;
	margin:0 0 20px 0;
}
#search_block fieldset{
	float:left;
	width:100%;
}
#search_block .text{
	color:#777777;
	font-size: 1.2em;
	width:96%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff url(images/bgr_input.gif) repeat-x bottom;
	display: block;
}
#search_block .submit{
	float:left;
	margin: 5px 0 0 0;
	cursor:pointer;
	width: 97px;
	height: 30px;
	display: block;
	cursor: pointer;
	border: 0;
	background: url(images/btn_search.png) no-repeat;
	text-indent: -9999em;
	text-transform: capitalize;
}
#search_block .submit:hover{
	background-position: left -30px;
}

/*footer*/
#footer{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #c2c2c2;
	padding: 7px 0 5px 0;
	font-size: 1.2em;
	line-height: 1.6em;
	color: #666666;
}
#footer a{
	color: #666666;
}
#footer p{
	padding: 0 0 10px 0;
}
#footer .sep{
	padding: 0 5px 0 5px;
	text-align: center;
}
#footer .top{
	padding: 1px 15px 1px 0;
	background: url(images/ico_top.gif) no-repeat right center;
}

/* Respond */
#respond{
	padding:60px 0 20px 0;
	overflow:hidden;
	font-size: 1.3em;
}
.commentlist #respond{
	padding:0 0 20px 0;
	font-size: 1.0em;
}
#respond h3{
	margin: 0 0 5px 0;
}
.cancel-comment-reply{
	padding: 5px 0 0 0;
}
.cancel-comment-reply a{
	text-decoration:underline;
}
.cancel-comment-reply a:hover{
	text-decoration:none;
}
#commentform p{
	width:100%;
	overflow:hidden;
}
#commentform p a, #commentform p a{
	text-decoration:underline;
}
#commentform p a:hover{
	text-decoration:none;
}
#commentform p input{
	float:left;
}
#commentform p label{
	float:left;
	padding:10px 0 0 5px;
}
#commentform input.input_text{
	width: 200px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff url(images/bgr_input.gif) repeat-x bottom;
}
#commentform{
	margin: 5px 0 0 0;
}
#commentform textarea{
	width: 96%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:5px 0 0 0;
	background: #fff url(images/bgr_input.gif) repeat-x bottom;
}
#commentform #submit{
	margin:5px 0 0 0;
	cursor:pointer;
	width: 138px;
	height: 43px;
	display: block;
	cursor: pointer;
	border: 0;
	background: url(images/btn_submit.png) no-repeat;
	text-indent: -9999em;
	text-transform: capitalize;
}
#commentform #submit:hover{
	background-position: left -43px;
}

/* Comments*/
#comments{
	margin: 0 0 5px 0;
}
.commentlist{
	padding: 0;
	text-align: justify;
	line-height:1.6em;
}
.commentlist li{
	margin: 15px 0 10px;
	padding: 15px;
	list-style: none;
	border:1px solid #ececec;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background:#f6f6f6;
	font-size: 1.3em;
	line-height: 1.4em;

}
.commentlist .alt{
	margin: 10px 0 0 0;
	background:#fff;
}
.commentlist li ul li{ 
	margin-right: 15px;
	margin-left: 10px;
	font-size: 1.0em;
}
.commentlist p{
	margin: 10px 5px 10px 0;
}
.commentlist .children{ padding: 0; }

.nocomments{
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata{
	margin: 0;
	display: block;
}
.commentlist .reply{
	text-align:right;
}
.comment-author{
	margin:0 0 10px 0;
}
.comment-author img{
	border:2px solid #b8b8b5;
}
.commentlist .fn{
	position:relative;
	top:-10px;
	left: 10px;
	text-transform:capitalize;
}
.commentlist .says{
	position:relative;
	top:-10px;
	left: 10px;
}

/* Calendar */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;padding:3px 0;}
#wp-calendar td{background:transparent;}

/* Begin Images */
p img{
	padding: 0;
	max-width: 100%;
}
img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignright, img.alignright, a img.alignright {
	float:right;
	margin:10px 0px 10px 16px;
}
.alignleft, img.alignleft, a img.alignleft {
	float:left;
	margin:10px 16px 10px 0;
}
.aligncenter, img.aligncenter, a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}

/* Various Tags & Classes */
acronym, abbr, span.caps{
	cursor: help;
}
acronym, abbr{
	border-bottom: 1px dashed #dfcfba;
}
blockquote{
	margin: 15px 0 20px 0;
	padding:0 15px 0 40px;
	background: url(images/bgr_blockquote.png) no-repeat;
}
blockquote cite{
	margin: 5px 0 0;
	display: block;
}
.center{
	text-align: center;
}
.hidden{
	display: none;
}
.nopost, .nocomments{
	text-align:center;
	font-size: 14px;
}

/*wp_syntax*/
.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  width: 95%;
  margin:0 auto 18px auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
}

.wp_syntax table {
  border-collapse: collapse;
}

.wp_syntax div, .wp_syntax td {
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
  font-size: 12px;
  line-height:1.3em;
}
sup{
	position: relative;
	top: -5px;
}
sub{
	position: relative;
	top: 5px;
}
.clear{
	clear: both;
	line-height: 0;
}

/* Pagenation */
.pagenation{
	width:100%;
	padding: 15px 0;
	overflow:hidden;
	font-size: 1.3em;
}
.single .pagenation{
	padding: 5px 0 0 0;
}
.pagenation a{
}
.wp-pagenavi{
	padding: 5px;
	text-align: center;
}
.wp-pagenavi a, .wp-pagenavi span{
	padding: 5px 10px;
	margin: 0 5px 0 5px;
	border: 1px solid #7bb628;
	color: #3b3b3b;
}
.wp-pagenavi .pages{
	border: 0;
	padding: 6px 11px;
}
.wp-pagenavi a:hover{
	background: #6ca221;
	border: 1px solid #6ca221;
	text-decoration: none;
	color: #fff;
}
.wp-pagenavi span.current{
	background: #7bb628;
	border: 1px solid #7bb628;
	color: #fff;
	font-weight: bold;
}
.share_tweetme{
	margin: 0 0 5px 5px;
}
.share_google{
	position: relative;
	top: 5px;
}
.share_facebook{
	padding: 0 0 10px;
}
