@CHARSET "UTF-8";

/* tags common */
/**********************************************************************************/

body,form,h1,h2,h3,h4,h5,ul,li {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana;
	font-size: 12px;
}
a {
	color: #009;
	text-decoration: underline;
	cursor: pointer;
}
a:hover {
	color: #00e;
	text-decoration: none;
}
a:visited {
	color: #009;
}
a img {
	border: 0;
}
p {
	margin: 0;
	padding: 10px 0;
}
.rt ol, .rt ul {
	padding-left: 20px;
}
	

/* classes common */
/**********************************************************************************/

.clearfix {
	_height: 100%;
}
.clearfix:after {
	display: block;
	margin-top: -1px;
	height: 1px;
	content: "";
	clear: both;
}
.input_text {
	border: 1px solid #ccc;
	background-image: url(../images/input-grad.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 12px !important;
}
.input_large_text {
	font-size: 14px !important;
	padding: 3px 0;
}
.require {
	color: #f00;
}
.clear {
	clear: both;
}
.small {
	font-size: 90%;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.mark {
	background: transparent url(../images/mark.png) no-repeat left center;
	padding-left: 10px;
}
.appstore {
	display: block;
	text-indent: -9999px;
	width: 111px;
	height: 39px;
	background: transparent url(../images/marketing_badge.png) 0 0 no-repeat;
}
.search_word {
	border: 2px solid #600;
	padding: 3px;
	text-align: center;
	background-color: #fff8f3;
	margin-bottom: 30px;
	font-size: 120%;
}


/* header */
/**********************************************************************************/

#header {
	width: 100%;
	height: 115px;
	background: #142344 url(../images/header.gif) repeat-x bottom right;
	border-top: 10px solid #142344;
	margin-bottom: 10px;
}
#header h1 {
	width: 900px;
	height: 80px;
	margin: 0 auto;
}
#header h1 a {
	color: #fff;
	font-weight: bold;
	font-size: 34px;
	line-height: 80px;
	text-decoration: none;
}
#header h1 a:hover {
	text-decoration: underline;
}
#header #header_menu {
	display: block;
	width: 900px;
	height: 30px;
	margin: 0 auto;
}
#header #header_menu .item {
	display: inline;
	list-style: none;
	line-height: 32px;
	font-size: 14px;
	font-weight: bold;
	padding-right: 30px;
}
#header #header_menu .item a {
	text-decoration: none;
	background: transparent url(../images/mark.png) no-repeat left center;
	padding-left: 12px;
}
#header #header_menu .item a:hover {
	text-decoration: underline;
}
#header #header_menu .active_item a {
	background: transparent url(../images/mark_active.png) no-repeat left center;
}


/* container */
/**********************************************************************************/

#container {
	width: 900px;
	height: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
	min-height: 500px;
	font-size: 14px;
	padding: 20px 0;
	position: relative;
}


/* footer */
/**********************************************************************************/

#footer {
	width: 100%;
	height: 50px;
	background-color: #142344;
}
#footer address {
	display: block;
	width: 900px;
	height: 50px;
	line-height: 50px;
	font-style: normal;
	font-size: 90%;
	color: #fff;
	margin: 0 auto;
}
#footer address a {
	color: #fff;
}


/* table */
/**********************************************************************************/

.table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 20px;
}
.table .head, 
.table .data {
	vertical-align: top;
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}
.table .head {
	font-weight: normal;
	text-align: right;
	width: 140px;
	border-right: 1px solid #ccc;
}
.table .bottom_item .head,
.table .bottom_item .data {
	border-bottom: 0;
}


/* table-horizontal */
/**********************************************************************************/

.table_horizontal {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
}
.table_horizontal .head,
.table_horizontal .data {
	font-weight: normal;
	text-align: left;
	padding: 5px 10px;
}	
.table_horizontal .head {
	border-bottom: 2px solid #999;
	font-size: 100%;
}
.table_horizontal .data {
	border-bottom: 1px solid #ccc;
	font-size: 90%;
}
.table_horizontal .icon {
	height: 16px;
	display: block;
	text-indent: -9999px;
	padding-left: 0;
	background-position: center center;
}


/* section */
/**********************************************************************************/

.section {
	display: block;
	margin-bottom: 30px;
}
.section .section_header {
	font-size: 16px;
	font-weight: bold;
	color: #600;
	margin-bottom: 10px;
}
.side_body .section {
	margin-bottom: 20px;
}
.side_body .section .section_header {
	margin-bottom: 7px;
}


/* layout */
/**********************************************************************************/

.main_body {
	float: left;
	width: 700px;
}
.side_body {
	float: right;
	width: 180px;
}
.left_column {
	float: left;
	width: 450px;
}
.right_column {
	float: right;
	width: 400px;
}


/* applications */
/**********************************************************************************/

.applications .item {
	list-style: none;
	min-height: 200px;
	padding-left: 160px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.applications .item .appstore {
	float: right;
}
.applications .item .name {
	font-size: 100%;
}
.applications .item .name a {
	text-decoration: none;
	background: transparent url(../images/mark.png) no-repeat left center;
	padding-left: 12px;
}
.applications .item .name a:hover {
	text-decoration: underline;
}
.applications .item .description {
	font-size: 85%;
	line-height: 160%;
}


/* entries */
/**********************************************************************************/

.entries .item {
	list-style: none;
	height: 25px;
	border-bottom: 1px solid #ccc;
}
.entries .item .date {
	display: block;
	width: 80px;
	float: left;
	line-height: 23px;
	font-size: 90%;
	color: #363;
}
.entries .item .title {
	display: block;
	margin-left: 85px;
	line-height: 23px;
	font-size: 100%;
	text-decoration: none;
}
.entries .item .title:hover {
	text-decoration: underline;
}
.side_body .entries .item {
	background: transparent url(../images/mark.png) no-repeat left center;
	padding-left: 12px;
	font-size: 90%;
	border-bottom: 0;
	height: auto;
}
.side_body .entries .item .title {
	margin-left: 0;
	line-height: 160%;
}


/* entry */
/**********************************************************************************/

.entry {
	position: relative;
	margin-bottom: 50px;
}
.entry .entry_title {
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	color: #633;
}
.entry .entry_title a {
	text-decoration: none;
}
.entry .entry_title a:hover {
	text-decoration: underline;
}
.entry #bookmarklet {
	position: absolute;
	right: 0;
	top: 5px;
}
.entry .informations {
	padding: 3px 0;
	font-size: 90%;
	line-height: 160%;
	margin-bottom: 10px;
}
.entry .informations .publish {
	color: #363;
}
.entry .informations .sep {
	color: #555;
	padding: 0 10px;
}
.entry .informations .tags a {
	text-decoration: none;
}
.entry .informations .tags a:hover {
	text-decoration: underline;
}
.entry .body {
	color: #444;
}
.entry .body p {
	clear: both;
}
.entry .body p img {
	margin: 5px;
}


/* comment */
/**********************************************************************************/

#comment {
	margin-bottom: 80px;
}
#comment #comment_input {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#comment #comment_input #comment_name,
#comment #comment_input #comment_body {
	margin-bottom: 5px;
	font-size: 14px;
}
#comment #comment_input #comment_body {
	margin-bottom: 10px;
}
#comment #comment_input label {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	font-size: 85%;
	line-height: 23px;
}
#comment #comment_input .input_text {
	display: block;
	float: left;
	width: 400px;
}
#comment #comment_input #comment_name .input_text {
	width: 400px;
}
#comment #comment_input #comment_body .input_text {
	width: 550px;
	height: 100px;
}
#comment #comment_input #comment_submit {
	padding-left: 100px;
	margin-bottom: 10px;
}

#comment #comment_list .item {
	list-style: none;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#comment #comment_list .item .head {
	display: block;
	float: left;
	width: 95px;
	padding-right: 5px;
}
#comment #comment_list .item .head .name {
	display: block;
	color: #007;
	font-size: 80%;
	margin-bottom: 7px;
}
#comment #comment_list .item .head .date {
	display: block;
	font-size: 80%;
	color: #363;
}
#comment #comment_list .item .body {
	display: block;
	float: left;
	width: 550px;
	padding: 0;
	padding-right: 5px;
	margin: 0;
	font-size: 90%;
	line-height: 160%;
	color: #444;
}


/* tags */
/**********************************************************************************/

.tags .item {
	list-style: none;
	display: block;
	line-height: 150%;
}
.tags .item .count {
	font-size: 90%;
	color: #555;
}
.tags .item a {
	text-decoration: none;
}
.tags .item a:hover {
	text-decoration: underline;
}
.side_body .tags .item {
	background: transparent url(../images/mark.png) no-repeat left center;
	padding-left: 12px;
	font-size: 90%;
}


/* home */
/**********************************************************************************/

#home .tags .item {
	list-style: none;
	display: block;
	float: left;
	width: 180px;
	line-height: 150%;
}
#home #feeds .section_header {
	height: 30px;
	line-height: 30px;
	background: transparent url(../images/feed_l.png) no-repeat left center;
	text-indent: 34px;
}
#home #feeds p {
	margin: 0;
	padding: 0;
}
#home #feeds p a {
	line-height: 160%;
	font-size: 90%;
}


/* app */
/**********************************************************************************/

#app .introduction {
	line-height: 160%;
}
#app .informations {
	display: block;
	padding-left: 170px;
	padding-top: 10px;
	background: transparent 0 10px no-repeat;
	margin-bottom: 20px;
}
#app .informations table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
}
#app .informations table th, 
#app .informations table td {
	vertical-align: top;
	padding: 5px 10px;
	border-bottom: 1px solid #ddd;
	font-weight: normal;
	font-size: 95%;
}
#app .informations table th {
	font-weight: normal;
	text-align: right;
	width: 100px;
}


/* about */
/**********************************************************************************/

#about {
	line-height: 160%;
}
#about #introduction {
	margin-bottom: 40px;
}
#about #profile .section_body {
	font-size: 90%;
	background: transparent url(../images/prof.png) no-repeat 0 0;
	padding: 0;
	padding-left: 170px;
}


/* contact */
/**********************************************************************************/

#contact {
	line-height: 160%;
}
#contact #introduction {
	margin-bottom: 40px;
}
#contact .table .head {
	font-size: 90%;
}
#contact .table .description {
	font-size: 85%;
	color: #666;
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
}
#contact #contact_name {
	width: 300px;
}
#contact #contact_email {
	width: 400px;
}
#contact #contact_title {
	width: 400px;
}
#contact #contact_body {
	width: 530px;
	height: 100px;
}