/* Stylesheet for Site Template						*/
/* Created by Array Studio doo, Serbia				*/
/* Contact: predrag@arraystudio.com					*/


/* 1. Clearfix */

.clearfix:after { /* ie.css, ie7.css */
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* 2. Common */

p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #333;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
}

ul {
	font-family: Helvetica, Arial, sans-serif;
}

ol {
	font-family: Helvetica, Arial, sans-serif;
}

a:link,
a:visited {
	font-family: Helvetica, Arial, sans-serif;
	color: #2e5e95;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

img {
	display: block;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

u {
	text-decoration: underline;
}

/* 3. Structure */

body {
	background: #fff url(../graphics/bgnd-body.gif) repeat-x;
	text-align: left;
}

#container {
	width: 980px;
	margin: 0 auto;
}

#header {
	width: 980px;
	height: 367px;
}

#wrapper {
	width: 980px;
}

#content {
	width: 557px;
	float: left;
}

#sidebar {
	width: 422px;
	float: left;
}

/* 4. Header */

.top-header {
	position: relative;
	height: 45px;
}

.phone {
	position: absolute;
	top: 25px;
	right: 9px;
	background: url(../graphics/bgnd-phone.png) no-repeat;
	width: 214px;
	height: 50px;
}

.phone p {
	font-weight: bold;
	font-size: 22px;
	color: #1e283d;
	padding: 10px 0px 0px 49px;
	margin-left: 0px;
	margin-right: 0px;
}

ul.menu-list {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}

	ul.menu-list li {
		float: left;
		background: url(../graphics/bgnd-menu-list.gif) no-repeat left;
		padding: 11px 25px 14px 25px;
	}
	
	ul.menu-list li.last {
		border-right: 1px solid #444e65;
	}
	
	ul.menu-list li a:link,
	ul.menu-list li a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	ul.menu-list li a:hover {
		text-decoration: underline;
	}

.bottom-header {
	position: relative;
}
	
h1 {
	font-weight: bold;
	color: #fff;
	font-size: 36px;
	line-height: 40px;
	padding-top: 20px;
	padding-left: 23px;
	padding-bottom: 12px;
}

h1 a:link,
h1 a:visited {
	color: #fff;
	text-decoration: none;
}

h1 a:hover {
	text-decoration: none;
}

h1 span {
	font-family: Georgia, "Trebuchet MS", sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #213768;
	font-weight: normal;
	display: block;
	line-height: 22px;
	padding-left: 3px;
}

.convincer-shadow {
	position: absolute;
	bottom: -28px;
	left: -4px;
	background: url(../graphics/convincer-shadow.png) no-repeat;
	width: 987px;
	height: 28px;
}

.convincer {
	width: 980px;
	height: 208px;
	background: url(../../images/bgnd-convincer.jpg) no-repeat;
	position: relative;
}

.book {
	float: right;
	width: 110px;
	margin-right: 33px;
	margin-top: 18px;
}

.order-book {
	float: right;
	width: 206px;
	margin-right: 41px;
	padding-top: 22px;
}

.free-book {
	font-size: 24px;
	font-weight: bold;
	color: #6c3530;
	padding-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px;
}

.book-title {
	font-family: Georgia, "Trebuchet MS", sans-serif;
	font-size: 18px;
	font-style: italic;
	color: #213768;
	letter-spacing: -1px;
	padding-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
}

.normal {
	padding-bottom: 13px;
	margin-left: 0px;
	margin-right: 0px;
}

.order-button {
	width: 182px;
}

.twitter-button {
	position: absolute;
	right: 63px;
	top: 57px;
}

.rss-button {
	position: absolute;
	right: 9px;
	top: 57px;
}

/* 5. Content */

#content {
	border-right: 1px dashed #c25b5b;
	padding-top: 10px;
}

h2.post-title {
	font-size: 24px;
	font-weight: bold;
	color: #8c1e1e;
	margin-left: 15px;
	margin-right: 40px;
	padding-bottom: 9px;
	line-height: 29px;
	margin-top: 10px;
}

h2.post-title a:link,
h2.post-title a:visited {
	color: #8c1e1e;
	text-decoration: none;
}

h2.post-title a:hover {
	text-decoration: underline;
}

p {
	margin-left: 15px;
	line-height: 20px;
	padding-bottom: 25px;
	margin-right: 40px;
}

.coment {
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1b4c85;
	text-align: center;
	margin-top: -17px;
}

.coment a:link,
.coment a:visited {
	text-decoration: none;
	background: url(../graphics/comment-popup.gif) no-repeat;
	display: block;
	width: 43px;
	height: 31px;
	padding: 7px 0px 0px 0px;
}

.title-date {
	margin-top: 38px;
}

.title-date span {
	background: #213768 url(../graphics/bgnd-date.gif) no-repeat;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: -1px;
	color: #fff;
	padding: 3px 15px 4px 13px;
	font-family: Helvetica, Arial, sans-serif;
	margin-left: 15px;
}

ul.form-item {
	font-size: 13px;
}

ul.form-item li {
	padding-bottom: 10px;
}

ul.form-item li label {
	width: 110px;
	float: left;
	cursor: pointer;
}

ul.form-item li .comment-input {
	border: 1px solid #a8a8a8;
	width: 220px;
}

ul.form-item li .url {
	border: 1px solid #a8a8a8;
	width: 220px;
}

.text-input {
	border: 1px solid #a8a8a8 !important;
}

.submit-button input {
	background: #8c1e1e !important;
	color: #fff !important;
	border: none !important;
	padding: 0px 3px 3px 3px !important;
}

.entry img {
	margin-right: 10px;
	padding-top: 30px;
}

.entry ul {
	margin-left: 30px;
	padding-bottom: 20px;
	font-size: 13px;
}

.entry ul li {
	padding-bottom: 7px;
	list-style-type: disc;
}

.entry ol {
	margin-left: 35px;
	padding-bottom: 20px;
	font-size: 13px;
}

.entry ol li {
	padding-bottom: 7px;
	list-style-type: decimal;
}

/* 6. Sidebar */

#sidebar {
	padding-top: 38px;
}

.sidebar-holder {
	width: 384px;
	margin-left: 21px;
	margin-bottom: 42px;
}

.sidebar-holder h4 {
	width: 384px;
	font-size: 22px;
	font-weight: bold;
	color: #262627;
	line-height: 28px;
	background: url(../graphics/bgnd-sidebar-title.gif) no-repeat;
	padding: 18px 0px 19px 21px;
	margin-bottom: 16px;
}

.sidebar-title {
	position: relative;
}

.sidebar-title-shadow {
	background: url(../graphics/sidebar-title-shadow.png) no-repeat;
	position: absolute;
	width: 387px;
	height: 20px;
	bottom: -5px;
	left: 7px;
	z-index: 10;
}

.sidebar-sub {
	font-size: 16px;
	font-weight: bold;
	color: #6d6d6d;
	padding-bottom: 16px;
	margin: 0px;
}

.sidebar-box {
	width: 341px;
	margin: 0 auto;
}

.sidebar-box ul {
	font-size: 13px;
	font-weight: bold;
	color: #6d6d6d;
}

	.sidebar-box ul li {
		padding-bottom: 18px;
	}

		.sidebar-box ul li label {
			display: block;
			cursor: pointer;
			padding-bottom: 2px;
		}

		.sidebar-box ul li .input-text {
			border: 1px solid #a8a8a8;
			width: 338px;
			height: 25px;
		}
		
		/* .sidebar-box ul li .p-num {
			width: 207px;
		} */
		
		.sidebar-box ul li .message {
			height: 136px;
		}

.button {
	background: url(../graphics/button.gif) no-repeat;
	height: 30px;
	width: 182px;
	border: none;
	cursor: pointer;
	float: right;
        text-indent: -999em;
}

.social-button {
	float: left;
	width: 63px;
	margin-right: 29px;
}

.last-social-button {
	margin-right: 0px;
}

.social-button p {
	margin: 0px;
	text-align: center;
	letter-spacing: -1px;
	line-height: 16px;
	padding-top: 4px;
}

.social-button p a:link,
.social-button p a:visited {
	color: #6d6d6d;
	text-decoration: none;
}

/* 7. Footer */

#footer {
	background: #213768;
	padding-top: 24px;
	padding-bottom: 134px;
}

.footer-holder {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

.footer-holder p {
	font-size: 11px;
	color: #fff;
	text-align: center;
	padding-top: 6px;
}

.footer-shadow {
	background: url(../graphics/footer-shadow.png);
	width: 994px;
	height: 24px;
	position: absolute;
	top: -24px;
	left: -7px;
	filter: alpha(opacity=50);
}

.menu-footer-holder {
	background: url(../graphics/bgnd-menu-footer-holder.gif) no-repeat;
	height: 66px;
}

ul.footer-menu-list {
	font-size: 13px;
	color: #fff;
	float: left;
}

	ul.footer-menu-list li {
		float: left;
		padding: 25px 0px 0px 27px;
	}
	
	ul.footer-menu-list li a:link,
	ul.footer-menu-list li a:visited {
		color: #fff;
		text-decoration: none;
	}
	
	ul.footer-menu-list li a:hover {
		text-decoration: underline;
	}
	
.copy {
	float: right;
}

.copy p {
	color: #fff;
	margin: 0px;
	padding: 23px 37px 0px 0px;
}

.footer-holder p a:link,
.footer-holder p a:visited {
	color: #fff;
	text-decoration: underline;
}

.footer-holder p a:hover {
	text-decoration: none;
}