@charset "UTF-8";
/* CSS Document */
* { margin:0; padding:0; font-family:Geneva, Arial, Helvetica, sans-serif; color:#2d3133;}
a { text-decoration:none; color:#459fcc;}
a:hover {color:#e4c597;}
a img{ border:0px;}
ul li{ display:block;}

body { background: #ccc; width:100%; height:100%;}

#wrapper { width:1024px; margin:auto;}

#container { background:#fff; width:1024px; margin:auto;}

#title { width:1024px; height:90px; margin:auto; background:#fff;}

#header { background:#fbfaf6; width:1024px; height:auto; margin:auto; margin-bottom:5px; border-bottom:4px solid #d8cebf;}

#header ul { display:block; width:auto; margin:auto;}
#header ul li { background:#efe9e1; display:block; float:left; margin:5px 0px 5px 5px; padding:0 10px; height:auto;}
#header ul li { color:#45b0cc; font-weight:bold; font-size:20px;}
#header ul li a:hover {color:#457DE5;}
#header ul li:hover { background:#faf8f5;}


#footer { background:#fbfaf6; width:1004px; color:#efe9e1; padding:5px 10px; border-top:1px dashed #e4c597; font-size:12px;}
#footer a{ color:#e4c597;}
#footer a:hover{ color:#00b4ff;}

.page_content { float:left; width:715px; padding:0 0 0 5px; margin:10px; border: dashed 1px #e4c597; background:url(../images/corner.png) right top no-repeat;}
.page{}
.post{ float:left; width:410px;}
.sidebar { float:right; width:265px; padding:0 0 0 5px; margin:10px; margin-left:0; border: dashed 1px #e4c597; background:url(../images/corner.png) right top no-repeat;}

.sidebar img{ margin:1px; float:left; border:1px solid #999;}
.sidebar .thumb a:visited img{ opacity: .10; margin:2px; border:0px;}

h4{margin:5px 0 3px 0; font-size:14px; color:#666;}
h3{margin:5px 0 3px 0; font-size:18px; color:#555;}
h2{margin:5px 0 3px 0; font-size:19px; color:#444;}
h1{margin:8px 0 4px 0; font-size:20px; color:#333;}
.title h1{margin:0 0 -3px 0;}

div.clear { clear:both;}
div.both { clear:both;}

/*OLD CSS*/
#page p{  margin:0 0 8px 0; font-size:0.8em;}
#page h2{ font-size:1.1em; color:#3181e1;}
.column{margin:10px 0px; width:700px;}
.column img{ float:left; margin-left:5px;}
.column a img{border:1px solid #fff;}
.column a:hover img{border:1px solid #3181e1;}
.title{ margin-left:10px; text-align:left; font-size:0.7em; float:left; color:#3181e1;}
.description{padding:1px; margin-left:8px; width:550px; color:#999; float:left; font-size:0.8em;}
.description p{margin:0}

.contact{ text-align:center; width:500px; margin:auto; padding:50px 0;}
.contact p{ margin:2px 0; font-size:0.7em;}
.contact h1{ margin:8px 0; font-size:0.8em; font-weight:bold; color:#3181e1;}
.social_link{ float:left; margin:5px 8px 5px 8px; font-size:12px; font-weight:normal;}

.left{ float:left;}
.right{ float:right;}