/*
	Theme Name: Blogaholic Blue
	Theme URI: http://www.darjanpanic.com/web-design/download-free-wordpress-templates/
	Description: Blogaholic Blue theme is made by <a href="http://www.darjanpanic.com">Darjan Panic</a> and <a href="http://www.xoolia.com">Xoolia</a>.
	Version: 1.3
	Author: Darjan Panic
	Author URI: http://www.darjanpanic.com	
	Tags: fixed width, two columns, valid XHTML, simple, blue, clean, widgets, widget ready, 2columns, right sidebar, gravatars, rounded corners, transparent

	Thanks to Squidfingers ( www.squidfingers.com/patterns/) for the pattern!
*/

html,body {
background: url(images/sitebg.gif) center repeat-y;
margin: 0x;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #555555;
}

#container {
width: 750px;
margin:auto;
}

#top {
text-align: right;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
line-height: 16px;
color: #ffffff;
background: url(images/bgtop.gif) ;
height: 16px;
vertical-align: middle;
}

#top a{
color: #ffffff;
font-size: 10px;
}

#topmenu {
height: 35px;
background: url(images/bgmenu.gif) top repeat-x;
padding-left: 10px;
padding-right: 10px;
}

#topmenu ul {
display: inline;
text-decoration: none;
margin: 0;
padding: 0;
list-style:none;		
}

#topmenu li {
display: inline;
text-align: center;
padding: 0;
margin:0px;
float: left;
}

#logo {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
margin-top: 10px;
margin-bottom: 10px;
height: 50px;
color: #333333;
padding-left: 10px;
font-size: 14px;
}

#logo a:link{
font-size: 26px;
}

#logo a:visited{
font-size: 26px;
}

#logo a:hover{
font-size: 26px;
}

#content {

}

#left {
float: left;
width: 540px;
}

#left img {
padding: 0px;
margin: 5px;
}

#right {
padding-left: 10px;
float: right;
width: 190px;
border-left: 1px solid #cccccc;
}

.postOne h1 {
color:#3C8CA3;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-size: 18px;
text-decoration: none;
margin: 2px;
padding:2px;
margin-bottom: 5px;
}

.postOne a:link {
color:#ffffff;
text-decoration: underline;
}

.postOne a:visited {
color:#ffffff;
text-decoration: underline;
}

.postOne a:hover {
color:#ffffff;
text-decoration: none;
}

.feedback a {
background: #ffffff;
width: 100px;
height: 18px;
padding: 2px;
padding-left: 16px;
background:url(images/com.gif) no-repeat;
}

.feedbackOne a:link {
display:block;
color: #ffffff;
background-color: #ffffff;
width: 100px;
height: 18px;
padding: 2px;
padding-left: 16px;
background:url(images/comOne.gif) no-repeat;
}

.feedbackOne a:visited {
display:block;
color: #ffffff;
background-color: #ffffff;
width: 100px;
height: 18px;
padding: 2px;
padding-left: 16px;
background:url(images/comOne.gif) no-repeat;
}

.feedbackOne p {
margin: 0px;
padding:0px;
}

h1 {
color:#3C8CA3;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-size: 20px;
text-underline: none;
margin: 2px;
padding:2px;
margin-bottom: 5px;
}

h1 a:link {
color:#3C8CA3;
font-size: 20px;
text-decoration: none;
}

h1 a:visited {
color:#1c5b6d;
font-size: 20px;
text-decoration: none;
}

h1 a:hover {
color:#3C8CA3;
font-size: 20px;
text-decoration: none;
}

.postOne h1 a:link {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
color:#ffffff;
font-size: 20px;
text-decoration: none;
}

.postOne h1 a:visited {
color:#ffffff;
font-size: 20px;
text-decoration: none;
}

.postOne h1 a:hover {
color:#ffffff;
font-size: 20px;
text-decoration: none;
}

a:link {
color:#3C8CA3;
text-decoration: underline;
}

a:visited {
color:#1c5b6d;
text-decoration: underline;
}

a:hover {
color:#3C8CA3;
text-decoration: none;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
padding-left: 5px;
display: block;
background: url(images/h3.gif) repeat-x;
color: #ffffff;
font-size: 14px;
height: 25px;
line-height: 25px;
font-weight: normal;
vertical-align:middle;
margin: 0px;
}
#right h2 {
font-family: Arial, Helvetica, sans-serif;
padding-left: 5px;
display: block;
background: url(images/bg1.gif) repeat-x;
color: #ffffff;
font-size: 14px;
height: 25px;
line-height: 25px;
font-weight: normal;
vertical-align:middle;
margin: 0px;
}
#right h3 {
font-family: Arial, Helvetica, sans-serif;
padding-left: 5px;
display: block;
background: url(images/bg1.gif) repeat-x;
color: #ffffff;
font-size: 14px;
height: 25px;
line-height: 25px;
font-weight: normal;
vertical-align:middle;
margin: 0px;
}

.clear {
clear: both;
}

.post {
background: url(images/bgPost.gif) top left no-repeat;
margin: 5px;
padding: 5px;
margin-bottom: 20px;
}

.postOne {
width:510px;
background: url(images/t1.gif) top no-repeat #3C8CA3;
color: #ffffff;
margin: 0px 0px 0px 5px;
padding: 10px;
}

.postsEnd {
width: 530px;
height: 15px;
background: url(images/t2.gif) no-repeat;
margin: 0px 0px 20px 5px;
margin-bottom: 20px;
}

#right ul {
list-style: none;
margin: 0px;
padding: 0px;
}

.categories {
line-height: 18px;
list-style: none;
margin-left: 10px;
padding: 0px;
}

.categories ul {
list-style: none;
margin: 0px;
padding: 0px;
}

.categories li {
margin-bottom: 2px;
margin-top: 2px;
width: 190px;
}

.categories a:link {
font-family: tahoma;
padding-left: 25px;
display:block;
color: #333333;
background: url(images/cat.gif) no-repeat;
}

.categories a:visited {
font-family: tahoma;
padding-left: 25px;
display:block;
color: #333333;
background: url(images/cat.gif) no-repeat;
}

.categories a:hover {
font-family: tahoma;
padding-left: 25px;
background: url(images/cat.gif) no-repeat;
background-position: 0px -18px;
color: #ffffff;
text-decoration: none;
}

.children  a:link {
font-family: tahoma;
padding-left: 25px;
display:block;
color: #333333;
background: url(images/chil.gif) no-repeat;
}

.children  a:visited {
font-family: tahoma;
padding-left: 25px;
display:block;
color: #333333;
background: url(images/chil.gif) no-repeat;
}

.children a:hover {
font-family: tahoma;
background: url(images/chil.gif) no-repeat;
background-position: 0px -18px;
color: #ffffff;
text-decoration: none;
}

.archives {
display: block;
width: 190px;
line-height: 18px;
list-style: none;
margin-left: 10px;
padding: 0px;
}

.archives ul {
list-style: none;
margin: 0px;
padding: 0px;
}

.archives li {
list-style: none;
margin-bottom: 2px;
margin-top: 2px;
width: 190px;
display: block;
}

.archives a:link {
font-family: tahoma;
padding-left: 25px;
display:block;
color: #333333;
background: url(images/arc.gif) no-repeat;
}

.archives a:visited {
font-family: tahoma;
padding-left: 25px;
display:block;
color: #333333;
background: url(images/arc.gif) no-repeat;
}

.archives a:hover {
font-family: tahoma;
background: url(images/arc.gif) no-repeat;
background-position: 0px -18px;
color: #ffffff;
text-decoration: none;
}

.linkcat h2 {
font-family: tahoma;
padding-left: 5px;
display: block;
background: url(images/bg1.gif) repeat-x;
color: #ffffff;
font-size: 14px;
height: 25px;
line-height: 25px;
font-weight: normal;
vertical-align:middle;
margin: 0px;
}

.linkcat ul {
margin: 2px 2px 4px 20px;

}

.linkcat li {
margin:0px;
padding-left: 5px;
padding-top:2px;
padding-bottom:2px;
line-height: 12px;
}

.linkcat a:link {
text-decoration: none;
color: #333333;
}

.linkcat a:visited {
text-decoration: none;
color: #333333;
}

.linkcat a:hover {
text-decoration: underline;
color: #333333;
}

.meta {
line-height: 16px;
display: block;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #8b8b8b;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px solid #8B8B8B;
}

.metaOne {
line-height: 16px;
display: block;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #ffffff;
font-weight: normal;
text-transform: uppercase;
border-bottom: 1px solid #ffffff;
}

.page_item a:link {
color:#ffffff;
line-height: 35px;
height: 35px;
padding: 11px;
}

.page_item a:visited {
color:#ffffff;
line-height: 35px;
height: 35px;
padding: 11px;
}

.page_item a:hover {
background: url(images/bgmenu2.gif);
border-bottom: 5px solid #333333;
text-decoration: none;
}

#bnav {
font-size: 13px;
color: #ffffff;
line-height: 23px;
}

#bnav a {
display: block;
text-align: center;
color: #ffffff;
background:url(images/bnav.gif);
height: 23px;
width: 147px;
margin-left: 30px;
margin-right: 30px;
}

.bnavleft {
float:left;
}

.bnavright {
float:right;
}

.searchbutton {
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}

.searchbox {
font-size: 20px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
}

#search {

}

#comm {
padding: 0px 10px;
}

#footer {
font-size: 10px;
letter-spacing: -1px;
clear:both;
background: url(images/bgfooter.gif) ;
color: #ffffff;
padding: 5px;
text-align: right;
}

#footer a:link{
color: #ffffff;
text-decoration: none;
}
#footer a:visited{
color: #ffffff;
text-decoration: none;

}
#footer a:hover{
color: #ffffff;
text-decoration: underline;

}

#footer p {
margin: 0px;
padding: 0px;
}

#bottomcontent {
background: #3C8CA3;
width: 750px;
color: #ffffff;
margin-top: 20px;
}

#bottomcontent ul{
margin: 0px;
padding: 0px;
margin-left: 15px;
}

#bottomcontent a:link{
color: #ffffff;
text-decoration:none;
}

#bottomcontent a:visited{
color: #ffffff;
text-decoration:none;
}

#bottomcontent a:hover{
color: #ffffff;
text-decoration: underline;
}

h4 {
margin-top: 9px;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-size: 18px;
margin: 0px;
padding: 0px;
}

#bottom1 {
float: left;
width: 230px;
padding: 10px;
background: #3C8CA3;
background:url(images/bgf2.gif) left top no-repeat;
}

#bottom2 {
float: left;
width: 230px;
padding: 10px;
background: #3C8CA3;
background:url(images/bgf2.gif) left top no-repeat;
}

#bottom3 {
float: right;
width: 230px;
padding: 10px;
background: #3C8CA3;
background:url(images/bgf2.gif) left top no-repeat;
}

.storycontent li {
list-style-image: url(images/dot.gif);
}

.storycontent blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
border-left: 2px dashed #333333;
padding-left: 5px;
}

.date {
float: right;
text-align: center;
}

.day {
font-size: 18px;
}

.month {
font-size: 18px;
}

.year {
font-size: 12px;
letter-spacing: 1px;
}

#commentlist {
margin-left: 10px;
padding-left: 10px;
}

.commenter {
color:#3C8CA3;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: -1px;
font-size: 18px;
text-decoration: none;
margin: 2px;
padding:2px;
margin-bottom: 5px;
font-size: 20px;
}

.commentinfo {
border-bottom: 1px dotted #3C8CA3;
}

.commentdate {
text-align: right;
}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}