/*  
Theme Name: Mellow Blue
Theme URI: http://www.cyber-knowledge.net/blog/
Description: Blue and white theme with slick feel.
Version: 1
Author: Alex Bailey
*/
/* CSS Document */

body {
margin: 0;
padding: 0;
background-image: url(images/stripe.gif);
}

/* Header Begins */

div#header-wrap {
margin: auto;
width: 100%;
height: 120px;
}

div#header-container {
margin: 0 auto;
width: 870px;
height: 120px;
background-color: #C7E8F7;
}

div#logo{
margin: 0;
padding: 40px 0 0 25px;
float: left;
}

.logotxt a:visited, .logotxt a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #fff;
text-decoration:none;
}

.logotxt a:hover {
text-decoration: underline;
}

.desc {
font-family: Arial, Helvetica, sans-serif ;
font-size: 12px;
color: #fff;
}

/* Header Ends */

/* Navigation Begins */

div#nav-wrap {
margin: auto;
width: 100%;
height: 35px;
}

div#nav-container {
margin: 0 auto;
width: 870px;
height: 35px;
background-color: #82D0F4;
border-top: 2px solid #fff;
} 

div#menu {
margin: 0;
padding: 0;
width: 870px;
height: 35px;
}

#menu ul{
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
list-style:none;
margin:0;
padding:9px 0 0 0;
}

#menu li{
display:inline;
}

#menu li a{
padding:8px 10px 8px 10px;
color:#fff;
text-decoration: none;
border-right:1px dashed #fff;
}

#menu a:hover{
color: #C7E8F7;
background-color: #fff;
text-decoration: underline;
}
/* Navigation Ends */

/* Content & Sidebar Begins */

div#content-wrap {
margin: auto;
width: 100%;
}

div#content-container {
margin: 0 auto;
padding: 0;
width: 870px;
background-color: #fff;
overflow: auto;
}

div#content {
margin: 0;
padding: 0 0 0 10px;
width: 600px;
float: left;
background-color: #fff;
}

div#sidebar {
margin: 20px 10px 0 0;
padding:0;
width: 200px;
float: right;
}

div#sidebar h2 {
margin: 0 0 10px 0;
padding: 0 0 0 23px;
border-bottom: 1px dashed #e7e7e7;
background: url(images/title_icon.gif) no-repeat left center;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #82D0F4;
}

#title {
margin: 0;
padding: 0;

}

div#sidebar ul {
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
display: block;
}

div#sidebar ul li {
margin: 0 0 0 10px;
padding: 0 10px 0 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #82D0F4;
line-height: 20px;
background: url(images/li_icon.gif) no-repeat left center;
border-bottom: 1px dashed #e7e7e7;
}

div#sidebar ul li a:link, a:visited {
text-decoration: none;
color: #82D0F4;
}

div#sidebar ul li a:hover {
color: #000;
}

#searchform input {
margin: 0;
padding: 0;
width: 90px;
}

/* Content & Sidebar Ends */

/* Footer Begins */

div#footer-wrap {
margin: 0 auto;
width: 870px;
height: 40px;
background-color: #82D0F4;
border-bottom: 2px solid #fff;
}

div#footer-container {
margin: 0;
padding-top: 10px;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #fff;
}

p{
padding: 10px 0 0 10px;
}

.post{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
text-align:justify;
padding: 20px 0 10px 0;
}

.post a:link, .post a:active, .post a:visited {
text-decoration: none !important;
color: #5B90D4;
}

.post a:hover {
text-decoration: underline !important;
}

.post h2{
margin: 0 0 0 0;
padding: 0 0 0 25px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-weight: normal;
background:url(images/title_icon.gif) no-repeat left center;
border-bottom: 1px dashed #e7e7e7;
}

.post h2, .post h2 a:link, .post h2 a:active, .post h2 a:visited {
text-decoration: none !important;
color: #82D0F4;
}

.entry{
margin: -12px 0 0 0;
padding: 0 0 0 0;
font-family: Arial, Helvetica, sans-serif;
line-height: 18px;
}

p.postmetadata{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #82D0F4;
border-top: 1px dashed #e7e7e7;
border-bottom: 1px dashed #e7e7e7;
border-left: 1px dashed #e7e7e7;
border-right: 1px dashed #e7e7e7;
margin: 10px 0 0 0;
padding: 5px 0 5px 10px;
text-decoration: none !important;
}

p.postmetadata a:link, p.postmetadata a:active, p.postmetadata a:visited {
text-decoration: none !important;
color: #000;
}
 
p.postmetadata a:hover{
text-decoration: underline !important;
}

.navigation{
padding: 10px 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
color: #82D0F4;
font-size: 14px;
line-height: 10px;
}

.navigation a:link, .navigation a:active, .navigation a:visited {
color: #82D0F4;
text-decoration: none !important;
}

.navigation a:hover {
text-decoration: underline !important;
}

.comments-template{
margin: 10px 0 0;
padding: 10px 0 0;
}

.comments-template ol{
margin: 0;
padding: 0 0 15px;
list-style: none;
}

.comments-template ol li{
margin: 10px 0 0;
line-height: 18px;
padding: 0 0 10px;
border-bottom: 1px dashed #171515;
}

.comments-template h2, .comments-template h3{
padding-left: 25px;
font-family: Arial, Helvetica, sans-serif;
color: #82D0F4;
font-size: 16px;
background: url(images/reply_icon.gif) no-repeat left center;
border-bottom: 1px dashed #e7e7e7;
}

.commentmetadata{
font-family: Arial, Helvetica, sans-serif;
color: #5B90D4;
font-size: 12px;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Arial, Hevletica, Georgia, Sans-seriff;
font-size: 12px;
font-weight: bold;
color: #000;
background-color: #C7E8F7;
border: 1px dashed #82D0F4;
}

.comments-template input {
font-family: Arial, Hevletica, Georgia, Sans-seriff;
font-size: 15px;
font-weight: bold;
color: #000;
background-color: #C7E8F7;
border: 1px dashed #82D0F4;
}

.sponsoredlinks{
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	}