@import 'reset.css';

/* MAIN TAGS
  ------------------------------------------------------------------------------*/
html {overflow: -moz-scrollbars-vertical;}
body {
    margin: 0px;
    padding: 0px;
	color: #000;
	font-size: 12px;
	font-family: Verdana;
    background: url(images/bg2.jpg) left top repeat;
}

h1, h2, h3, h4 {
    padding-left: 40px;
	color:#262E3C;
	font-family:arial, Tahoma, Times, serif;
    font-size:18px;
	font-weight:bold;
}

a {
	color:#262E3C;
	text-decoration:underline;
}

a:hover {
	text-decoration:none
}

#wrapper {
    width: 798px;
}

#left {
    margin: 0 5px 0 38px;
    padding: 0;
    width: 517px;
    float: left;
    background-color: #E2A6A6;
}

#left .header {
    height: 201px;
    width: 517px;
    background: url(images/header.jpg) left top no-repeat;
    text-align: right;
}

#left .header h1 {
    padding-top: 175px;
	color: #fff;
    font-size: 28px;
	font-family: arial, tahoma;
	font-weight: bold;
	text-transform: uppercase;
}

#left .header h1 a {
    color: #fff;
    text-decoration: none;
}

#left .post {
    margin: 20px auto;
    padding-bottom: 30px;
}

#left .post .head {
	padding: 0 30px 0 47px;
	color: #F7F9FA;
	font-size:11px;
	line-height:17px;
	font-family: arial, tahoma, Microsoft Sans Serif;
}

#left .post .head a {
    color: #262E3C;
    font-size: 18px;
    font-family: arial, tahoma, Microsoft Sans Serif;
    font-weight: bold;
    text-decoration: underline;
}

#left .post .head a:hover {
    text-decoration: underline;
    color: #0000ff;
}

#left .post .content {
    padding:10px 12px 10px 18px;
    line-height:15px;
    font-family: Verdana, sans-serif;
    background-color: #e2a6a6;
}

#left .post .content p {
    margin: 10px;
}
#left .post .content a {
    text-decoration: underline;
    color: #262E3C;
    font-weight: bold;
}

#left .post .content a img {
    border: 2px solid #262E3B;
}

#left .post .content a:hover img {
    border: 2px solid #fff;
}

#left .post .content a:hover,
#left .post .content h2 a:hover {
	color: #0000ff;
    text-decoration: underline;
}

#left .post .content h2 {
    margin: 10px auto;
    padding: 10px 0;
    font-size: 24px;
    text-align: center;
}

#left .post .content_more {
    padding-left: 365px;
    color: #262E3C;
}

#left .post .content_more a {
    color:#262E3C;
    font-size:12px;
    font-family: Verdana, sans-serif;
    text-decoration:underline;
}

#left .post .content_more a:hover {
	color: #0000ff;
    text-decoration:underline;
}

#left .post .content_more b {
	color:#262E3C;
}

#right {
    margin: 0;
    padding: 0;
    width: 225px;
    float: right;
}

#right .search {
    margin: 30px 0;
    font-size: 13px;
    font-family: Arial, tahoma;
    color: #fff;
}

#right .search strong {
    color: #fff;
}

#right .search strong a {
    color: #fff;
    text-decoration: none;
}

#right .search form {
    margin: 0;
    padding: 0;
	font-family: Verdana, sans-serif;
    color: #454545;
}

#right .search .btn {
    margin-left: 5px;
}

#right .box {
    margin: 20px auto;
    padding: 3px;
    border: 2px dashed #fff;
    text-align: center;
    color: #fff;
}

#right .box h3 {
    margin: 0 0 10px 0;
    padding: 7px;
    text-align: left;
    color: #000;
    font-size: 14px;
    background: #E2A6A6;
}

#right .box img {
    margin: 2px;
}

#right .box ul {
    margin-bottom: 10px;
    text-align: left;
}

#right .box a {
    color: #fff;
    font-weight: bold;
}

#right .box a:hover {
    color: #FFFC00;
    text-decoration: none;
}

#right .box p {
    padding-bottom: 10px;
}

#footer {
    display: block;
    clear: both;
    color: #fff;
}

#footer a {
    color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

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