/*
Theme Name: BlueBuzz
Theme URI:http://krstathemes.com/bluebuzz-wordpress-theme/
Description: Eye pleasing theme with nice blue tone. Comes with many options and custom header images. Social media links setup is included. Aditional stuff available at theme home page.
Version: 1.2
Author: krstatzar (Vladan Krstic)
Author URI: http://krstathemes.com/
License: GPL
License URI: http://www.gnu.org/licenses/gpl-3.0-standalone.html
Tags: two-columns, fixed-width, blue, custom-header
By downloading and using this theme, you agree to the following terms:
- All variations of this theme have to remain GPL
- You may use this theme for personal or commercial projects
- You may modify, translate or distribute


************
CSS CONTENTS
************
* --- reset
* --- typography
* --- text elements decoration
* --- wordpress styles
* --- layout
* --- header
* --- menu
* --- navigation
* --- content
* --- sidebar
* --- search form
* --- comments
* --- footer
*
*
*/

/* Reset needed styles
*******************************/
html,body,div,span,form,h1,h2,h3,h4,p,blockquote{margin:0;padding:0;border:0;outline: 0;}
:focus {outline: 0;}
body {line-height: 1;}
html {height: 100%;margin-bottom: 1px;}

table {
border-collapse: collapse;
border-spacing: 0;
margin-bottom: 1em;
}
table td,
table th {
padding:5px;
border:1px solid #1B709C;
}
blockquote    {
margin:0 0 1em 1em;
padding-left:1em;
border-left:2px solid #0D4261;
}
strong        { font-weight: bold; }
em            { font-style: italic; }
pre           { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }
ins           { text-decoration:none; } /*remove underline from text*/
del           { text-decoration:line-through; }
acronym       { border-bottom:1px dotted #666; }
/* Typography
*******************************/
body {
font:normal 75% Tahoma, Arial, Helvetica, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
font:normal 1em/1 Georgia, "Times New Roman", Times, serif;
}
pre,
var,
code {
font-family:"Courier New", Courier, monospace;
}
h3,
#sidebar,
.postdata,
.entry-content {
font-family:'helvetica neue',helvetica, arial, sans-serif;
}

.entry-content p {
font-size:14px;
line-height:1.4em;
}



.entry-bottom {
float:right;
text-align:right;
display:block;
padding:4px;
background-color:#A5CCE7;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.entry-bottom a {
text-decoration:none;
color:#25638E;
}

.entry-bottom a:hover {
text-decoration:none;
color:#0F293C;
}


#header h2 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
}

/* Header elements
*******************************/
h1 {
font-size:2.67em;

}
h2 {
font-size:2.17em;
line-height:1.6;
color:#152942;
font-style: italic;

}
h3 {
font-size:1.5em;
color:#152942;
}
h4 {
font-size:1.25em;
color:#152942;
}
h5 {
font-size:1em;
color:#152942;
}
h6 {
font-size:.92em;
color:#152942;
}

/* Text elements
*******************************/
ul,ol,p,dl {
line-height:1.8;
}
ul,ol         {margin: 0 0 1em .8em;}
ul            {list-style-type:disc;}
ol            {list-style-type:decimal;}
p,dl	      {margin: 0 0 1em 0; text-align: left;}
p {font-size:14px;}
strong        {font-weight: bold; }
em            {font-style: italic; }
ins           {text-decoration:none;}
del           {text-decoration:line-through;}
img           {border:0;outline:0;}
blockquote {
border-left: 2px solid #1B709C;
margin:0 0 0 3.2em;
padding: 0 0 0 1.6em;
font: italic normal 1em georgia, 'times new roman', serif;
color: #2F4068;
}
a:link,
a:visited,
a:active{
color:#3b506b;
border-bottom: #3b506b;
}


::-moz-selection { background: #1EB8FF; color: #fff; text-shadow: none; }
::selection { background: #1EB8FF; color: #fff; text-shadow: none; }

/* Wordpress styles
*******************************/
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin:0 1em 1em 0;
}
.alignright {
float: right;
margin:0 0 1em 1em;
}
.wp-caption {
border: 1px solid #ccc;
text-align: center;
padding-top: 4px;
margin-bottom: 1em;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
#content .post .wp-caption img {
/*enable image padding*/
max-width:592px;
height: auto;

}
.wp-caption p.wp-caption-text {
font-size: .92em;
color: #444;
line-height:1.4;
padding: 0 4px 4px;
margin: 0;
}

/* Layout
*******************************/
body {
color: #233040;
background:url(images/bkg_body.png) 0 0 repeat #FFF;
}
#main-wrapper{

width:960px;
margin:0 auto;
background:url(images/page_back.png) repeat-y 0 top;

}

/* Header
*******************************/
#header-wrapper {
background:url(images/header_back.png) repeat-x 0 top;
height:138px;
}
#header {
width:980px;
margin:0 auto;
height:138px;
color:#fff;
padding:0;
}
#header a {
color:#fff;
text-decoration:none;
}

#title {
position:relative;
width:100%;
}

#title h1{
position: absolute;
top: 50px;
left: 20px;
padding:10px;
color:#FFF;
}

#title h1 a{
color:#FFF;
}

#title h2{
position: absolute;
top: 90px;
left: 20px;
color:#FFF;
}

/*
Menu
*******************************/
#access-wrapper {
background:url(images/menu_back.png) repeat-x 0 top;
height:46px;
}
#access {
display: block;
width: 960px;
height:46px;
margin:0 auto;
list-style:none;
background:url(images/menu_back_center.png) no-repeat 0 top;
}

.menu ul li{
background:url(images/menusplitter.png) no-repeat right top;
}

#access .menu-header,
div.menu {
font-size: 13px;
width: 960px;
margin:0 0 0 20px;
height:34px;
float:left;
margin:0 auto;
}

#access .menu-header ul,
div.menu ul {
list-style: none;
margin: 0;
padding:0;
}
#access .menu-header li,
div.menu li {
float: left;
position: relative;
}
#access a {
margin:1px 0 0 0;
float:left;
list-style:none;
padding:0 10px;
height:34px;
text-decoration:none;
font-size:1.2em;
line-height: 35px;
color:#355C84;
}


#access ul ul {
display: none;
position: absolute;
top: 35px;
left: 0;
float: left;
width: 180px;
z-index: 999;
margin:0;
padding:0;
}
#access ul ul li {
min-width: 120px;
margin:0;
padding:0;
background: #A3BEDB; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#C1D7EA, #8DACD0);
background: -o-linear-gradient(#C1D7EA, #8DACD0);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C1D7EA), to(#8DACD0)); /* Older webkit syntax */
background: -webkit-linear-gradient(#C1D7EA, #8DACD0);
color: #FFF;
border-bottom:1px solid #779DC8;
}
#access ul ul ul {
left: 100%;
top: 0;
}
#access ul ul a {
line-height: 1em;
padding: 10px;
width: 160px;
height: auto;
border:0;
margin:0;
}
#access ul ul a:hover {
background:#dadddf
}
#access li:hover > a,
#access ul ul :hover > a {
background: #094E74; /* Show a solid color for older browsers */
background: -moz-linear-gradient(#006699, #1A1F2B);
background: -o-linear-gradient(#006699, #1A1F2B);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#006699), to(#1A1F2B)); /* Older webkit syntax */
background: -webkit-linear-gradient(#006699, #1A1F2B);
color: #FFF;


}
#access ul li:hover > ul {
display: block;
}


#access ul li.current_page_item > a,
#access ul li.current-menu-ancestor > a,
#access ul li.current-menu-item > a,
#access ul li.current-menu-parent > a {

color:#182C41;

}


#access ul li.current_page_item > a:hover,
#access ul li.current-menu-ancestor > a:hover,
#access ul li.current-menu-item > a:hover,
#access ul li.current-menu-parent > a:hover {

color:#FFF;

}
* html #access ul li.current_page_item a,
* html #access ul li.current-menu-ancestor a,
* html #access ul li.current-menu-item a,
* html #access ul li.current-menu-parent a,
* html #access ul li a:hover {
color: #000;
}

/* Navigation
*******************************/

.navigation {
color: #888;
font-size: 12px;
line-height: 18px;
overflow: hidden;
font-family: "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}
.navigation a:link,
.navigation a:visited {
padding:6px 0 0 0;
margin-right:18px;
height:26px;
border-bottom:1px solid #1B709C;
text-decoration:none;
font-size:1.09em;
color: #888;
text-decoration: none;
}
.navigation a:active,
.navigation a:hover {
color: #1B709C;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
#nav-above {
margin: 0 0 18px 0;
}
#nav-above {
display: none;
}
.paged #nav-above,
.single #nav-above {
display: block;
}
#nav-below {
margin: -18px 0 0 0;
}

/* Content
*******************************/
#content {
width:660px;
margin:5px 20px 30px 20px;
float:left;
display:inline;
position:relative;
}

#content .post {
padding-bottom:1.5em;
margin-bottom:1.5em;
border-bottom:1px dotted #1D6C95;
}
#content .single {
border-bottom:0;
}
#content h2 a {
text-decoration:none;
}


#content h3 {
margin-bottom:20px;
line-height:2.1;
border-bottom:1px dotted #1D6C95;
}
#content h2 a:hover {
color:#FFF;
background-color:#4292C1
}
.postdata {
width:280px;
height:50px;
background:url(images/postdata.png) no-repeat 0 top;
margin:0 0 0 -19px;
text-indent:10px;
color:#FFF;
font-size:11px;
padding-top:3px;
}


.postdata a {
color:#ABD0E9;
text-decoration:none;
font-size: .92em;
padding: .1em;
margin:2px 0 0 15px;
}
.postdata a:hover {
text-decoration:underline;
}
.postdata .vcard,
.postdata .published {
font-family:arial, georgia, 'times new roman', serif;
font-variant: small-caps;
text-transform: lowercase;
}

/*date */
.meta {
height:63px;
margin:0 10px 10px -20px;
background:url(images/calendarsmall.png) no-repeat scroll left top transparent;
float:left;
}

.blogdate {
position:relative;
width:70px;
height:54px;
text-align:center;
font-family:Georgia;
display:block;
color:#FFF;
}


.day {
clear:left;
font-size:20px;
position:absolute;
top:14px;
left:16px;
}

.month {
position:absolute;
top:3px;
left:15px;
clear:left;
font-size:14px;
color:#FFF;

}

.year {
clear:left;
font-size:14px;
position:absolute;
top:35px;
left:12px;
}

/*end date*/

p.tags {
line-height:1.2;
margin-bottom: 0;
clear:both;
font: italic normal 1.17em georgia, 'times new roman', serif;
}
p.tags a {
text-decoration: none;
}
p.tags a:hover {
border-bottom: 1px solid #354a56
}
.entry h1{color:#152942}


.entry-content {
overflow: hidden;
zoom:1
}


/* Sidebar
*******************************/
#sidebar {
width:242px;
float:left;
margin:5px 0 0 8px
}

#sidebar h3 {
color:#FFF
}
#sidebar .box {
margin-bottom:18px
}

#sidebar .box a {
color:#465c79;
text-decoration:none
}

#sidebar .box a:hover {
color:#0C225F;
}
#sidebar .box a:visited {
color:#3D79AF
}

#sidebar .box li li a {
padding-left:0px;
}
#sidebar .box li li li a {
padding-left:10px
}

#sidebar .box .textwidget {
line-height:1.6;
font-size:.92em
}

#sidebar .box h3 {
background:url(images/side_title.png) 0 0 no-repeat;
width:238px;margin:0 0 0 13px;
height:45px;
line-height:40px;
text-indent:30px
}

#sidebar ul {
margin:0 0 0 20px;
padding:0;
list-style:none;
font-size:14px;
line-height:1.5em
}

/*rss button*/
#sidebar .rss {
height:59px;
margin-bottom:2px
}

#sidebar .rss a {
float:right;
width:77px;
height:59px;
background:url(images/rss-icon.gif) 0 0 no-repeat;
text-indent:-9999px
}

/*recent comments widget*/
#sidebar #recentcomments {
padding-left:20px
}

#sidebar  #recentcomments li.recentcomments {
display:block
}

#recentcomments li.recentcomments a {
display:inline;
border:0
}
#wp-calendar {
margin:0 0 0 15px;
width:90%
}

tbody
{
background-color:#E8E8EB
}

#wp-calendar caption {
font: italic 1.4em/1.83em georgia, 'times new roman', serif;
text-align:right;
color:#113851
}

#wp-calendar th{
text-align:center;
font-size:.92em;
background-color:#26536D;
color:#FFF
}

#wp-calendar td {
text-align:center;
font-size:.92em;
color:#497BB1
}

#wp-calendar td a {
font-weight:bold;
color:#59B200
}

#wp-calendar td a:hover,
#wp-calendar td a:active,
#wp-calendar td a:visited{
color:#000
}

#wp-calendar #today {
background:#26536D;
color:#FFF;
font-weight:bold;
font-size:1.1em
}

#wp-calendar #today a {
color:#FFF
}

#wp-calendar #prev {
text-align: left;
background:#26536D
}

#wp-calendar #next a,
#wp-calendar #prev a {
color:#CCC;
font-weight:bold;
}

#wp-calendar #next a:hover,
#wp-calendar #prev a:hover{
color:#FFF;
font-weight:bold
}

tfoot
{
background-color:#26536D
}

#wp-calendar #next {
text-align: right;
background:#26536D;
color:#FFF;
font-weight:bold
}

#sidebar .categories {
list-style:none
}


/* Search Form
*******************************/
#searchform {
margin:10px 0 0 0
}

#searchform label {
display: block;
padding-bottom: 3px;
display: none
}

#s {
vertical-align:middle;
border:1px solid #29495F;
font-size:1em;
color:#152942;
padding: 3px;
height: 14px;
float: left;
width:180px;
margin:0 5px 0 10px
}

#searchsubmit {
text-indent:-9999px;
width:25px;
height:26px;
background: url("images/sbutton.png") top left no-repeat;
border: none
}

#searchsubmit:hover {
background-position:-25px 0
}

/* Comments
*******************************/
#comments{list-style:none}
#commentform {
margin-top:12px
}
#commentform input.text,
#commentform textarea {
border:1px solid #7E929E;
border-right-color:#E8E8E8;
border-bottom-color:#E8E8E8;
padding:2px
}
#commentform input.text {
width:200px
}
#commentform textarea {
width:400px
}
#commentform input.submit {
border:1px solid #7E929E;
background:#E8E8E8;
color:#152942
}
.comment {
list-style:none;
margin: 0 0 20px 0;
padding: 20px;
background: #E7F1F8;
border-left: 2px solid #1A729F
}
.comment .details img {
vertical-align:middle
}

/* Footer
*******************************/
#footer {
clear:both;
background:url(images/footer_back.png) no-repeat 0 top;
height:40px;
width:960px;
display:block;
position:relative
}

#footer img {
vertical-align:middle;
margin-right:10px
}

#extra-footer{
width:960px;
display:block;
height:50px;
background:url(images/extra-footer-back.png) no-repeat 0 top;
margin:0 auto
}

.site-info{
float:left;
position:relative;
width:960px;
height:20px;
color:#91CAF0;
text-align:center;
margin:2px 0 0 0
}

.site-info a{
color:#91CAF0;
}

.site-info a:hover{
color:#FFF;
}

#content .post *{
max-width:650px
}
#comments{clear:both}
.comment-form-comment label,.comment-form-author,.comment-form-email,.comment-form-url{display:block;width:100px}
.clearfix{clear:both}
.gallery-caption {}
.sticky{}
.bypostauthor{}


#socialLinks {
position:absolute;
right:10px;
bottom:3px;
}

#socialLinks a {
display:block;
float:left;
padding-right:10px;
border:none
}

#socialLinks a:hover {
display:block;
float:left;
padding-right:10px;
border:none
}

#socialLinks a img {
-o-transition-duration: .33s;
-o-transition-property: border, color, opacity, -moz-opacity;
-webkit-transition-duration: .33s;
-webkit-transition-property: border, color, opacity, -moz-opacity;
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
border:none;
}
#socialLinks a img:hover {
-o-transition-duration: .33s;
-o-transition-property: border, color, opacity, -moz-opacity;
-webkit-transition-duration: .33s;
-webkit-transition-property: border, color, opacity, -moz-opacity;
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;
}

a.more-link, a.more-link:link, a.more-link:visited , a.more-link:active{
-webkit-border-radius: 4px;
border-radius: 4px;
border:0;
background: #206083;
color: #FFFFFF;
float:left;
font: italic 0.8em/1.2em verdana,sans-serif;
margin: 10px 400px 10px 0; /*large margine to the right to push socaial essentials down*/
padding: 4px;
text-decoration:none
}


a.more-link:hover{
background:#2E8BBE;
color: #FFFFFF;
text-decoration: underline
}