@page-width: 960px;
@sidebar-width: 310px;
@menu-height:42px;
@header-height:280px;
@content-padding:40px;

@green:#71be50;
@red:#ee574a;
@body_border:#e8e8e8;

a {
	text-decoration: none;
	color: @red;
}
h1,h2,h3,h4,h5,h5 {
	font-weight: normal;
}
h1 {
	font-size: 28px;
	color: @red;
	margin-bottom: 15px;
	margin-top: @content-padding;
}
h1.front {
	color: @green;
}
h2 {
	font-size: 20px;
	color: #fff;
}
h3 {
	font-size: 14px;
	padding-top: 15px;
}
.rapper {
	margin: auto;
	width: @page-width;
}

a.btn,
input[type=submit] {
	background: url("images/bg_btn.png") repeat-x;
	color: #fff;
	line-height: 26px;
	height: 26px;
	padding: 0 10px;
	border: 1px solid #74bf54;
	font-size: 12px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type=text],
textarea {
	color: #666;
	line-height: 20px;
	font-size: 12px;
	border: 1px solid #dbdbdb;
	padding: 5px 10px;
}
label {
	color: #888;
}
a.btn:visited {
	color: #fff;
}

input[type=submit]:hover,
a.btn:hover {
	background: none;
	background-color: @green;
}
body {
	color: #555;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Tahoma, sans-serif;
	font-size: 12px;
	line-height: 1.8em;
	background: url("images/bg_body.png") repeat-x;
}
#header {
	display: block;
	height: @header-height - @menu-height;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: url("images/portrait3.png") no-repeat;
	background-position: 600px 0;

	h1 {
		display: none
	}
	span {
		display: none
	}
	a {
		float: left;
		margin-top: @header-height - @menu-height - 125px;
		img {
			float: left;
		}
	}

}
div.primary_menu {
	border-left: 1px solid #548dac;
	ul {
		float: right;
		li {
			float: left;
		}
		li a {
			display: block;
			font-size: 16px;
			color: #fff;
			height: @menu-height;
			line-height: @menu-height;
			padding: 0 15px;
			border-right: 1px solid #548dac;
			border-left: 1px solid #61a4c6;
		}
		li a:hover,
		li.current-menu-item {
			background-color: #5b9dbf;
		}
	}

}
#main {
	border-left: 1px solid @body_border;

	#content {
		width: @page-width - @sidebar-width - 2*@content-padding - 1px;
		padding: 0 @content-padding @content-padding @content-padding;
		clear: both;
		float: left;
		p{
			padding:5px 0;
		}
		.page {
			margin-bottom: 20px;
		}
		.nocomments {
			display: none;
		}
		.frontpage-quotes {
			margin-top: 15px;
			padding-top: 50px;
			background: url("images/quote.png") no-repeat;
			.quote {
				width: 260px;
				float: left;
				font-size: 14px;
				line-height: 22px;
				margin-top: 10px;
				.quoter {
					font-size: 10px;
					line-height: 14px;
					margin-top: 10px;
					color: #888;
					text-align: right;
					float: right;
				}
			}
			.first {
				margin-right: 40px;
			}
		}
		a.goto-cat {
			margin-top: 10px;
			float: right;
		}
		.frontpage-news {
			clear: both;
			border-top: 1px solid @body_border;
			margin-top: 40px;
			h1 {
				margin-top: 20px;
			}
			span.date {
				color: #888;
				font-size: 10px;
				line-height: 10px;
				padding: 5px 0 10px 0;
			}
		}

	}
	#sidebar {
		float: left;
		border-left: @body_border;
		border-right: @body_border;
		width: @sidebar-width;
		background-color: #e7e7e7;
		margin-top: 42px;

		h2.widgettitle {
			clear: both;
			padding-left: 20px;
			padding-bottom: 10px;
			a {
				line-height: 42px;
				padding: 12px 0;
				color: #fff;
				img {
					display: none;
				}
			}
		}
		li.widget_twitter{
			.follow-button{ display:none; }
			h2 {
				background: url("images/bg_twitter_header.png") repeat-x;
				padding-top: 21px;
				padding-bottom: 20px;
			}
		}
		li.widget_rss h2 {
			background: url("images/bg_blog_header.png") repeat-x;
		}
		a.btn {
			float: right;
			margin: 10px 20px 25px 0;
		}
		ul.sidebar ul li {
			margin: 5px 20px;
		}
		.s2_form_widget {
			h2 {
				display: none;
			}
			.letter {
				margin: 25px 20px;
			}
			input[type=text] {
				width: 249px;
				margin-bottom: 5px;
			}
			input[type=submit] {
				float: right;
				margin: 0 0 5px 5px;
			}
			form {
				margin-top: 10px;
			}
			p {
				clear: both;
			}

		}

	}

}

#footer {
	clear: both;
	background: url("images/bg_footer.png") repeat-x;
	border-top: 3px solid #3785A7;

	.rapper {
		background: url("images/bg_footer-light.png") repeat-x;
		padding-bottom: 25px;
		color: #fff;
		#contactinfo {
			float: left;
			margin-left: 20px;
			p {
				float: left;
				margin-right: 40px;
				line-height: 1.5em;
			}
		}
		#social-links {
			width: @sidebar-width;
			float: right;
		}
		h3 {
			margin: 30px 0 15px 0;
		}
	}
}

/* self clearing - start */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clear {
	height: 1%;
}
.clear {
	display: inline-block;
}
.clear {
	display: block;
}
/* self clearing - end */