/*
Theme Name: Berry Blue
Theme URI: http://garion.gwplus.net
Description: A cool, breezy theme for Wordpress
Version: 2.0
Author: Garion
*/

/* Master Reset */
 html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td {border: 0; margin: 0; padding: 0;}

body{font-size: 62.5%; background: #FFFFFF url(images/background.png) repeat-x top left;}
#wrapper{margin: 0 auto; min-width: 960px; max-width: 960px; padding: 0 20px;}

/* Header */
 #header{height: 105px;}
 #header h1{width: 350px; height: 70px; margin: 22px 0 0 10px; float: left; background: url(images/logo.png) no-repeat top left; text-indent: -99999px;}
 #header h1 a{display: block; height: 70px; width: 350px; outline: none;}
 
/* Navigation Bar */
 #navBar{background: #363636; height: 30px; -moz-border-radius: 6px; -moz-box-shadow: #C0C0C0 0 0 10px; -webkit-border-radius: 6px; -webkit-box-shadow: #C0C0C0 0 0 10px; padding: 0 5px; margin-bottom: 20px; font-family: Arial;}
 #navBar ul{list-style: none;}
 #navBar li{float: left; font-size: 1.6em; font-weight: bold; margin: 5px 10px;}
 #navBar a{color: #DEDEDE; text-decoration: none; display: block; outline: none;}
  #navBar a:hover{color: #FFFFFF;}
 #navBar .rss{float: right;}
  #navBar .rss a{background: url(images/rssHead.png) no-repeat 0 2px; padding-left: 20px;}
  #navBar .rss a:hover{background-image: url(images/rss16.png);}
 #navBar .twitter{float: right;}
  #navBar .twitter a{background: url(images/twitter.png) no-repeat 0 -20px; padding-left: 24px;}
  #navBar .twitter a:hover{background: url(images/twitter.png) no-repeat 0 0;}

/* Headers */
 h1{font-family: Arial; font-size: 2.6em; margin-bottom: 10px; color: #508ac5;}
  h1 .small{font-size: 0.8em; line-height: 1.36em;}
  h1 a{ text-decoration: none; color: #508ac5;}
  h1 a:hover{color: #000000; color: #000000;}
 h2{font-family: Arial;  font-size: 2.0em; color: #508ac5;}
  h2 a{ text-decoration: none; color: #508ac5;}
  h2 a:hover{color: #000000;}
 .title{margin-left: 10px; margin-bottom: 0; font-family: 'Arial'; font-variant: small-caps; font-size: 1.7em;}


/* Content */
 #content{margin: 0 300px 0 10px;}

/* Adverts */
 .postAd{padding: 10px 0; text-align: center; margin: 20px; background-color: #e7effa; -moz-border-radius: 6px; -webkit-border-radius: 6px;}


/* Multiple Posts on the One Page */
 .miniEntry{margin-bottom: 40px;}
  .miniEntry .entryInfo{margin: 5px 0; font-size: 1.4em; font-weight: bold; font-family: Arial; height: 16px; line-height: 16px;}
   .miniEntry .entryInfo span{padding-left: 20px; height: 16px; display: block; float: left; margin-right: 20px; color: #508ac5;}
   .miniEntry .entryInfo .date{background: url(images/icons.png) no-repeat 0 0;}
   .miniEntry .entryInfo .comments{background: url(images/icons.png) no-repeat 0 -16px;}
   .miniEntry .entryInfo .tags{background: url(images/icons.png) no-repeat 0 -32px;}
   .miniEntry .entryInfo .edit{background: url(images/icons.png) no-repeat 0 -48px;}
   .miniEntry .entryInfo a{color: #508ac5; text-decoration: none;}
    .miniEntry .entryInfo a:hover{text-decoration: underline;}
  .miniEntry .entryBody{font-size: 1.6em; font-family: Calibri, Tahoma; line-height: 1.4em;}
   .miniEntry .entryBody a{text-decoration: underline; color: #508ac5;}
   .miniEntry .entryBody a:hover{text-decoration: none;}


 
/* Post Details */
 .postDetails{font-size: 1.4em; font-family: Arial; display: block; margin-top: 2px; font-weight: bold; color: #508AC5;}
 .postDetails a{color: #508AC5; text-decoration: none;}
 .postDetails a:hover{color: #000000;}

/* Feature Text in Page */
 #feature{font: 1.6em Calibri, Tahoma; line-height: 1.4em;}
  #feature p{margin: 1.1em 0;}
  #feature a{color: #508ac5; text-decoration: underline;}
  #feature a:hover{text-decoration: none;}
  #feature img{max-width: 100%;}
  #feature .quote{margin: 1.1em 40px; padding: 10px 10px 10px 20px; border-left: 2px solid #508ac5; background: #f8fcfe url(images/quoteBg.png) no-repeat bottom right;}
  #feature .code{margin: 1.1em 40px; font-family: 'Courier New'; padding: 10px 10px 10px 20px; font-size: 0.9em; overflow-y: auto; border-left: 2px solid #508ac5; background: #f8fcfe url(images/codeBg.png) no-repeat bottom right;}
  #feature .video{margin: 1.1em 0 1.13em 62px;}
  #feature .gallery{margin: 1.1em 20px 1.1em 40px; padding: 10px 0 10px 20px; border-left: 2px solid #508ac5; background: #f8fcfe;}
   #feature .gallery img{border: 0; border-bottom: 3px solid #f8fcfe;}
   #feature .gallery img:hover{border-bottom-color: #508ac5;}
  #feature ul{margin: 20px;}
  
/* Post Information */
 #featureInfo{margin-bottom: 10px; font-size: 1.4em; font-weight: bold; font-family: Arial; height: 16px; line-height: 16px;}
 #featureInfo span{padding-left: 20px; height: 16px; display: block; float: left; margin-right: 20px; color: #508ac5;}
 #featureInfo .date{background: url(images/icons.png) no-repeat 0 0;}
 #featureInfo .comments{background: url(images/icons.png) no-repeat 0 -16px;}
 #featureInfo .tags{background: url(images/icons.png) no-repeat 0 -32px;}
 #featureInfo a{color: #508ac5; text-decoration: none;}
  #featureInfo a:hover{text-decoration: underline;}

/* Sidebar */
 #side{width: 280px; float: right; margin-right: 10px;}
  #side h4{font-size: 1.5em; font-family: Arial; width: 260px; height: 20px; padding: 8px 10px 2px 10px; background: url(images/sideHead.png);}
  #side #ad{margin: 10px 6px;}
  #side ul{font-family: arial; font-size: 1.2em; margin: 10px; list-style: none;}
    #side ul a{color: #000000; text-decoration: none;}
    #side ul a:hover{text-decoration: underline;}
  #side li{margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #C0C0C0;}
  #side li:last-child{border-bottom: none;}


/* Sidebar Box */
 #side .box{font-size: 1.6em; font-family: Calibri, Tahoma; line-height: 1.4em; margin: 10px;}
  #side .box .link{margin-left: 20px; margin-top: 10px; text-decoration: underline; color: #508ac5;}
  #side .box .link a{text-decoration: underline; color: #508ac5;}
  #side .box .link a:hover{text-decoration: none;}

/* Sidebox Images */
 .boxrss{background: url(images/sidebar/rss.png) no-repeat bottom right;}
 .boxabout{background: url(images/sidebar/about.png) no-repeat bottom right;}
 .boxcontact{background: url(images/sidebar/contact.png) no-repeat bottom right;}
 .boxblog{background: url(images/sidebar/blog.png) no-repeat bottom right;}

/* More Link */
 .moreLink{margin: 20px 0 0 20px; font-size: 1.6em; font-family: Calibri, Tahoma;}
  .moreLink a{text-decoration: underline; color: #508ac5;}
  .moreLink a:hover{text-decoration: none;}

/* Writing a Comment */
 #write{margin: 10px 0 0 20px;}
  #write #loggedIn{font-size: 1.4em; font-family: Arial; margin-bottom: 10px;}
   #write #loggedIn a{text-decoration: none; color: #508ac5;}
   #write #loggedIn a:hover{text-decoration: underline;}
  #write .label{font-size: 1.5em; height: 29px; line-height: 29px; font-family: 'Arial'; display: block; float: left; width: 80px;}
   #write .label span{display: none;}
  #write .input{border: 1px solid #C0C0C0; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 4px; width: 240px; font-family: Calibri; font-size: 1.6em; margin-bottom: 10px;}
   #write .input:focus{border-color: #656565;}
  #write .textarea{border: 1px solid #C0C0C0; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 4px; font-family: Calibri, Tahoma; font-size: 1.6em; width: 400px; height: 140px; overflow: auto;}
   #write .textarea:focus{border-color: #656565;}
  #write .rss{font-size: 1.4em; font-family: 'Arial'; background: url(images/rss16.png) no-repeat top left; padding-left: 19px; color: #000000; text-decoration: none; margin-left: 10px;}
   #write .rss:hover{text-decoration: underline;}
  #write .button{padding: 4px 20px; font-weight: bold; height: 28px; background: url(images/buttonBg.png) repeat-x top left; margin-top: 20px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #c0c0c0; color: #656565; text-decoration: none;}
   #write .button:hover{border-color: #656565;}

/* Comments */
 .comment{margin-bottom: 20px; margin-top: 10px; margin-left: 20px; width: 600px;}
  .comment .commentInfo{background: url(images/commentHead.png) no-repeat 0 0; height: 22px; padding: 10px 10px 0 10px; font-family: 'Arial';}
  .pending .commentInfo{background: url(images/commentHead.png) no-repeat 0 -34px;}
  .author .commentInfo{background: url(images/commentHead.png) no-repeat 0 -68px;}
   .comment .commentInfo .author{font-size: 1.4em; font-weight: bold;}
    .comment .commentInfo .author a{color: #000000; text-decoration: none;}
    .comment .commentInfo .author a:hover{text-decoration: underline;}
   .comment .commentInfo .date{font-size: 1.1em; font-style: italic;}
    .comment .commentInfo .date a{text-decoration: underline; color: #000000;}
    .comment .commentInfo .date a:hover{text-decoration: none;}
    .comment .commentInfo .date span{cursor: default; border-bottom: 1px dashed #c0c0c0;}
  .comment .commentBody{font-family: Calibri, Tahoma; font-size: 1.6em; line-height: 1.3em; margin: 0 10px;}
   .comment .commentBody p{margin: 1.1em 0;}
   .comment .commentBody a{text-decoration: underline; color: #86b1dd;}
   .comment .commentBody a:hover{text-decoration: none;}

/* No Comments? */
 #noComments{font-size: 1.6em; font-family: Calibri, Tahoma; font-style: italic; margin: 40px 0 100px 20px;}


/* The Footer */
 #footer{padding: 9px 20px 0 50px; height: 25px; border-top: 2px solid #508ac5; background: url(images/wordpress.png) no-repeat 20px 5px; margin-top: 20px; clear: both; font-size: 1.2em; font-family: 'Arial'; line-height: 16px;}
  #footer .right{float: right;}
  #footer a{color: #000000; text-decoration: underline;}
  #footer a:hover{text-decoration: none;}