@charset "utf-8";
/* CSS Document */

body {
background-color: #31393e;	
margin: 0;
font-family: Arial;
}

#header {
width: 100%;
height: 85px;
display: block;
background-color: #31393e;
}

.intro {
width: 350px;
height: 70px;
display: block;
font-size: 14px;
color: #fff;
line-height: 1.5em;
float: left;
padding: 5px;
padding-top: 10px;
margin-left: 10px;
}

.intro a {
text-decoration: none;
font-size: 14px;
color: #84bef3;
font-weight: bold;
}

.intro a:hover {
text-decoration: underline;
font-size: 14px;
color: #84bef3;
font-weight: bold;
}

#logo {
width: 250px;
height: 75px;
display: block;
float: left;
margin-top: 5px;
}

#social {
height: 70px;
float: left;
margin-top: 10px;
}

#navigation {
width: 100%;
height: 30px;
display: block;
background-color: #424d54;
color: #999;
font-size: 16px;
font-weight: bold;
line-height: 2em;
text-indent: 20px;
font-family: arial;
border-top: 1px solid #1a262e;
border-bottom: 1px solid #1a262e;
}

#navigation a {
text-decoration: none;
font-size: 16px;
color: #FFF;
font-weight: bold;
font-family: arial;
}

#navigation a:hover {
text-decoration: none;
font-size: 16px;
color: #84bef3;
font-weight: bold;	
font-family: arial;
}

.search {
width: 200px;
height: 30px;
float: right;
display: block;
padding-left: 20px;
padding-top: 4px;
padding-right: 10px;
}

.searchStyle {
width: 150px;
background-color: transparent;
border: 1px solid #999;
float: left;
padding: 3px;
font-size: 11px;
color: #FFF;
margin-right: 5px;
font-family: Arial;
}

.button {
width: 30px;
display: block;
float: left;
font-size: 11px;
color: #FFF;
background-color: #84bef3;
border: 1px solid #FFF;
padding: 2px;
font-family: Arial;
cursor: pointer;
}

.links {
height: 30px;
display: block;
float: left;
}

#container {
width: 620px;
display: block;
margin-left: 20px;
float: left;
}

.content {
width: 580px;
display: block;
background-color: #424d54;
float: left;
margin-top: 20px;
margin-left: 20px;
border: 1px solid #1a262e;
line-height: 1.7em;
color: #CCC;
padding: 10px;
font-size: 14px;
}

.content h4 {
color: #84bef3;
font-size: 14px;
}

.content h1 {
font-size: 20px;
color: #84bef3;
font-weight: bold;	
font-family: arial;
margin-bottom: 5px;
}

.content a {
text-decoration: none;
color: #84bef3;
}

.content a:hover {
text-decoration: underline;
color: #84bef3;
}

.contentDiv {
width: 500px;
height: 1px;
display: block;
float: left;
border-bottom: 1px solid #1a262e;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 40px;
}

.bookmark {
display: block;
text-align: right;
padding-right: 25px;
padding-bottom: 10px;
}

.bookmark h3 {
color: #84bef3;
font-size: 14px;
}

.subTitle {
width: 570px;
margin-bottom: 10px;
border-top: 1px solid #31393e;
text-align: right;
font-size: 12px;
}

#footer {
width: 100%;
display: block;
background-color: #424d54;
border: 1px solid #1a262e;
float: left;
margin-top: 20px;
}

.friends {
width: 300px;
height: 300px;
display: block;
color: #FFF;
font-size: 14px;
font-weight: bold;
font-family: arial;
padding-left: 10px;
float: left;
}

.friends h2 {
color: #84bef3;
font-size: 16px;
font-weight: bold;
font-family: arial;	
}	

.friends a {
text-decoration: none;	
color: #FFF;
font-size: 14px;
font-weight: bold;
font-family: arial;	
}

.friends a:hover {
text-decoration: none;	
color: #84bef3;
font-size: 14px;
font-weight: bold;
font-family: arial;	
}

.friends ul {
color: #999;
line-height: 2em;
margin-left: 0px;
}

.footerAd {
	
}

#rightpanel {
width: 270px;
display: block;
float: left;
margin-left: 10px;
}

#rightpanel h3 {
font-size: 18px;
color: #84bef3;
font-weight: bold;	
font-family: arial;
margin-bottom: 15px;
text-align: center;
}

.adBox {
width: 125px;
height: 125px;
display: block;
border: 1px solid #999;
float: left;
margin: 3px;
color: #999;
text-align: center;
font-size: 11px;
}

#ads {
width: 270px;
display: block;
float: left;
margin-bottom: 10px;
font-family: arial;
font-size: 12px;
color: #CCC;
border-bottom: 1px solid #424d54;
margin-bottom: 20px;
padding-bottom: 20px;
}

#ads a {
text-decoration: none;
color: #84bef3;
}

#ads a:hover {
text-decoration: underline;
color: #84bef3;
}


#latestComments {
width: 270px;
font-family: arial;
font-size: 12px;
color: #CCC;
padding-top: 5px;
padding-bottom: 10px;
}

.comments {
width: 200px;
display: block;
float: left;
margin-left: 30px;
margin-bottom: 25px;
padding-top: 10px;
}

.comments strong {
color: #84bef3;	
}

.comments a {
text-decoration: none;
color: #84bef3;
}

.comments a:hover {
text-decoration: underline;
color: #84bef3;
}

.posts {
width: 270px;
display: block;
float: left;
margin-bottom: 10px;
font-family: arial;
font-size: 12px;
color: #CCC;
border-bottom: 1px solid #424d54;
border-top: 1px solid #424d54;
padding-bottom: 10px;
padding-top: 5px;
}

.latestPosts {
width: 200px;
display: block;
float: left;
margin-left: 30px;
margin-bottom: 10px;
padding-top: 10px;
}

.latestPosts a {
text-decoration: none;
color: #999;
}

.latestPosts a:hover {
text-decoration: underline;
color: #CCC;
}

.cat {
width: 270px;
display: block;
float: left;
margin-bottom: 10px;
font-family: arial;
font-size: 12px;
color: #CCC;
border-bottom: 1px solid #424d54;
padding-bottom: 10px;
padding-top: 5px;
}

.catList {
width: 200px;
display: block;
float: left;
margin-left: 30px;
margin-bottom: 10px;
padding-top: 10px;
}

.catList a {
text-decoration: none;
color: #999;
}

.catList a:hover {
text-decoration: underline;
color: #CCC;
}

.monthly {
width: 270px;
display: block;
float: left;
margin-bottom: 10px;
font-family: arial;
font-size: 12px;
color: #CCC;
border-bottom: 1px solid #424d54;
padding-bottom: 10px;
padding-top: 5px;
}

.monthlyCon {
width: 200px;
display: block;
float: left;
margin-left: 30px;
margin-bottom: 10px;
padding-top: 10px;
}

.monthlyCon a {
text-decoration: none;
color: #999;
}

.monthlyCon a:hover {
text-decoration: underline;
color: #CCC;
}

.year {
width: 270px;
display: block;
float: left;
margin-bottom: 10px;
font-family: arial;
font-size: 12px;
color: #CCC;
border-bottom: 1px solid #424d54;
padding-bottom: 10px;
padding-top: 5px;
}

.yearCon {
width: 200px;
display: block;
float: left;
margin-left: 30px;
margin-bottom: 10px;
padding-top: 10px;
}

.yearCon a {
text-decoration: none;
color: #999;
}

.yearCon a:hover {
text-decoration: underline;
color: #CCC;
}

.commentDets {
width: 560px;
display: block;
float: left;
padding: 10px;
}

.commentHeader {
width: 580px;
display: block;
float: left;
margin-top: 20px;
margin-left: 20px;
padding: 10px;
font-size: 12px;
}

.commentHeader h1 {
font-size: 18px;
color: #559bdd;
font-weight: bold;	
font-family: arial;
}

.commentForm {
width: 580px;
display: block;
float: left;
margin-top: 20px;
margin-left: 20px;
padding: 10px;
font-size: 14px;
font-weight: bold;
color: #ccc;
font-family: arial;
line-height: 1.8em;
}

.commentText {
background-color: transparent;
border: 1px solid #84bef3;
padding: 3px;
color: #ccc;
width: 305px;
font-size: 14px;
font-weight: bold;
}

.commentButton {
background-color: #84bef3;
border: 1px solid #1a262e;
color: #FFF;
padding: 3px;
cursor: pointer;
font-size: 14px;
font-weight: bold;
}