/* Structure */

body {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #e3e3e3;
	font-size: 13px;
}

div#wrapper {
	width: 850px;
	margin: 0 auto;
	border-left: 0px solid #000;
	border-right: 0px solid #000;
}

div#page_decoration {
	background: url('../images/background-postheader.png') no-repeat;
	text-align: center;
	margin: 0px;
	height: 82px;
}

div#page_wrapper {
	border: 1px solid #AFAFAF;
	border-top: 0px;
	background-color: #ffffff;
	padding: 15px;
}

#left, #right {
	float: left;
}

#left-warning, #right-warning {
	float: left;
}

#left {
	width: 500px;
}

#left-warning {
	width: 240px;
        padding-left: 10px;
}
#right-warning {
	width: 550px;
	margin-left: 15px;
	margin-top: 5px;
}

#left-post {
	width: 815px;
}

#left-post a {
color:#696464;
text-decoration:none;
}

#left-post a:hover {
    color:#B14E49;
}
#right {
  	width: 300px;
	margin-left: 15px;
	margin-top: 5px;
}

/* Header */

div#header {
	background: url('../images/logo.png') no-repeat top left;
	height: 120px;
	border-bottom: 1px solid #000;
}

div#header img#supinfo_logo {
    margin: 15px;
    float: left;
}

div#header h1 {
	float: left;
	color: #ffffff;
	margin-top: 35px;
	margin-left: 40px;
	font-size: 20px;
	text-shadow: 1px 1px 2px #cee0ea;
}

div#header div#search_bar {
	float: right;
	margin-top: 85px;
	margin-right: 10px;
}

div#header #search_input {
	background: url('../images/search_bg.png') no-repeat top left;
	height: 23px;
	width: 180px;
	padding: 0px;
	border: 0px;
	border-top: 1px solid #292929;
	border-left: 1px solid #3e3e3e;
	border-right: 1px solid #5a5a5a;
	border-bottom: 1px solid #777777;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 1px 4px #dedede;
	-moz-box-shadow: 0px 1px 4px #dedede;
	box-shadow: 0px 1px 4px #dedede;
	padding-left: 27px;
}

div#header #search_input:focus {
	background: #ffffff url('../images/search_bg_over.png');
	border-right: 1px solid #292929;
	border-bottom: 1px solid #3e3e3e;
	-webkit-box-shadow: 0px 1px 2px #dedede;
	-moz-box-shadow: 0px 1px 2px #dedede;
	box-shadow: 0px 1px 2px #dedede;
}

/* Header menu */

#menu {
	height: 16px;
	float: left;
	margin-top: -26px;
	font-size: 12px;
	padding-left: 5px;
	line-height: 33px;
	margin-bottom: 10px;
	color: #efefef;
}

#menu a {
	color: #efefef;
	font-weight: bold;
	text-decoration: none;
}

#menu a:hover {
	color: #8ab3ca;
}

/* Footer */

div#footer {
	border: 1px solid #AFAFAF;
	clear:both;
	color: #666666;
	background: #ffffff;
	padding: 10px;
	padding-bottom: 20px;
	margin-top: 15px;
	font-size: 12px;
}

div#footer a {
	text-decoration: none;
	color: #666666;
}

div#footer a:hover {
	color: #d00e04;
}

div#footer span.title {
	float: left;
	font-weight: bold;
	clear: both;
	margin-bottom: 0.5em;
}

div#footer ul {
	margin-left: 160px;
}

div#footer li.first {
	border-left: 0px;
	padding-left: 0px;
}

div#footer li {
	float: left;
	list-style: none;
	margin-left: 5px;
	border-left: 1px solid #666666;
	padding-left: 5px;
}

div#copyright {
	clear: both;
	text-align: left;
	color: #666;
	font-size: 10px;
	margin: 1em 0px 1em 5px;
}

div#copyright a {
	color: #666;
	text-decoration: underliner;
}

div#copyright a:hover {
	color: #d00e04;
	text-decoration: none;
}

/* Misc */

.clear {
	clear: both;
}

/* Blocks */

div#page_wrapper h2 {
        font-size:18px;
	margin-bottom: 5px;
	color: #b2b2b2;
}

div#page_wrapper h2 a {
	color: #b2b2b2;
	text-decoration: none;
}

div#page_wrapper h2 img {
	float: right;
	margin-right: 15px;
	margin-top: -1px;
}

div.block {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #efefef;
	border: 1px solid #b2b2b2;
	margin-bottom: 20px;
}

div.block li.item {
	padding: 7px;
	border-bottom: 1px solid #b2b2b2;	
}

div.block li.alt {
	background-color: #ffffff;
	border-bottom: 1px solid #b2b2b2;	
	border-top: 1px solid #ffffff;	
}

div.block li img {
	float: left;
	margin-top: 5px;
	margin-left: 2px;
}

div.block li div {
	padding-left: 33px;
	line-height: 1.2em;
}

div.content {
	padding: 10px;
	color: #696464;
	font-size: 12px;
	line-height: 1.2em;
        margin-top:10px;
}

div.content h2 {
font-size:15px!important;
}

div.details {
	padding: 10px;
	color: #696464;
	font-size: 12px;
	line-height: 1.6em;
}

div#pagescategories li div {
	padding-left: 3px;
	line-height: 1.2em;
}

div.block li div.title {
	font-weight: bold;
}

div#hometips li div, div#promo li div {
	padding-left: 5px;
}

div.block li div.title a {
	text-decoration: none;
	color: #696464;
}

div.block li div.title a:hover {
	color: #b14e49;
}

div.block li div.infos {
	font-size: 11px;
	color: #afafaf;
}

div.block li div.infos span.summary {
	color: #757474;
}

div.block div.more, div.block div.less {
	padding: 7px;
	text-align: right;
	font-weight: bold;
	padding-right: 5px;
	font-size: 11px;
}

div.block div.no_list {
	padding: 10px;
}

div.block div.more a, div.block div.less a {
	text-decoration: none;
	color: #696464;
}

div.block div.more a:hover, div.block div.less a:hover {
	text-decoration: underline;
}

div#pagescategories div.more {
	text-align: left;
	padding-left: 10px;
	font-size: 12px;
}

div#pagescategories div.more a:hover {
	text-decoration: none;
	color: #b14e49;
}

div.less {
	float: left;
}

div.next {
	float: right;
	margin-right: 2px;
}

div#pagescategories div.next {
	margin-top: -7px;
}

div#pagescategories li.end div.next {
	margin-top: -1px;
	margin-right: 9px;
}

div.block li.end {
	/* border-top: 1px solid #b2b2b2; */
}

div.block div.comments {
	float: right;
	background: transparent url("../images/comments_bg_alt.png") no-repeat top left;
	height: 26px;
	width: 30px;
	margin-right: -8px;
	margin-top: 1px;
	padding: 4px 0px 0px 10px;
	font-weight: bold;
	color: #5a5555;
}

div.block div.comments.alt {
	background: transparent url("../images/comments_bg.png") no-repeat top left;
}

/* Promo */

div.block div.infos span.summary {
    color:#666666;
}

div.block div.title {
    color:#696464;
    font-weight:bold;
}

div.block div.infos {
    color:#AFAFAF;
    font-size:12px;
}

div#homepromo {
    padding: 10px 10px 10px 10px;
}

div#homepromo div.title{
    padding-bottom: 3px;
}

div.block li.title {
	border-bottom: 1px solid #b2b2b2;	
	padding-left: 7px;
}

div.block li.title img {
	float: right;
	margin-right: 12px;
	margin-top: 7px;
}

div.block li.title div {
	padding: 7px;
	font-weight: bold;
	font-size: 16px;
}

div.block li.title div a {
	text-decoration: none;
	color: #5a5555;
}

div.block li.title div a:hover {
	text-decoration: underline;
}

div.block_light {
	background-color: #efefef;
}

/* Follow */

div.follow-us {
    float: right;
    margin:-7px;
    padding-right:12px;
}

div.follow-us a {
	margin-left: 20px;
}

div.follow-us img {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

div.follow-us img:hover {
	opacity: .8;
	-moz-opacity: .8;
	filter: alpha(opacity=80);
}

/* Form comments */

form.comment_form {
	margin-top: 10px;
	color: #4F4F4F;
}

form.comment_form input {
	margin-bottom: 8px;
	width: 200px;
	margin-right: 8px;
}

form.comment_form input, form.comment_form textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 5px;
	background-color: #f7f7f7;
	border: 1px solid #b2b2b2;
}

form.comment_form textarea {
	width: 490px;
	height: 100px;
	margin-top: 4px;
}

/* Article */
.loader  {
    background:url("../images/ajax-loader.gif") no-repeat scroll 0 0 transparent;
    display:none;
    height:16px;
    margin-bottom:10px;
    padding-left:15px;
}

/* Comments */
.comment_page {
    padding-top: 10px;
    color:#4F4F4F;
}
.comment {
    clear:both;
    width:750px;
}
.comment_content {
    border-bottom:1px dotted #B0B0B0;
    margin-bottom:25px;
}

.author_info {
    float:left;
    font-size:11px;
    line-height:18px;
    width:172px;
}

.comm_text  {
    float:left;
    width:578px;
    padding-top:5px;
    padding-bottom:15px;
}

.post_info{
    list-style:none outside none;
    display: inline;
    margin: 0;
    color:#4F4F4F;
    padding-left:10px;

}

.post_info li {
    display:inline;
    margin:0;
}

.post_info img {
   vertical-align:middle;
}

div.paging {
    margin-bottom: 20px;
}

.comment-form {
    clear:both;
}
.comment-form label {
    float: left;
    text-align: left;
    width:80px;
}

.comment-form input textarea {
    text-align: left; 
}

.items {
    color:#4F4F4F;
    margin-bottom: 10px
}

.items a {
    color:#696464;
    text-decoration:none;
}

.items a:hover {
        color:#B14E49;
}

#right-warning p {
    padding:0.3em;
}
#right-warning a{
     color:#000000;
    
}
#right-warning a:hover {
    color:#CC0000;
    text-decoration:none;
}

.error_list {
    color: red;
}

.notice  {
background:url("../images/tick.png") no-repeat scroll 10px 4px #FFFFCC;
border-bottom:1px solid #DDDDDD;
border-top:1px solid #DDDDDD;
margin:4px 0;
padding:4px 4px 4px 30px;
}

#news a {
text-decoration: underline;
}