/*********************************************************************************************

Theme Name: Telegraph
Theme URI: http://www.wpzoom.com/themes/telegraph
Version: 2.4.3
Author: WPZOOM
Author URI: http://www.wpzoom.com/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

The PHP code portions of this WPZOOM theme are subject to the GNU General Public
License, version 2. All images, cascading style sheets, and JavaScript elements are
released under the WPZOOM Proprietary Use License below.

**********************************************************************************************

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Toolbox CSS  -----------------------  All Theme Files
2.  Header & Page Structure ------------  header.php
3.  Navigation  ------------------------  header.php
4.  Featured Slider  -------------------  wpzoom_slider.php
5.  Homepage Widgets -------------------  index.php
6.  Archive posts ----------------------  index.php, archive.php
7.  Single posts -----------------------  single.php
8.  Comments  --------------------------  comments.php
9.  Sidebar & Widgets ------------------  sidebar.php
10.  Footer  ---------------------------  footer.php
11.  Footer Carousel  ------------------  wpzoom_carousel.php

**********************************************************************************************/


/*********************************************************************************************

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

/* Reset & General Styling */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html { font-size: 100%; overflow-y: scroll; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { border: 0; border-top: 1px solid #ccc; display: block; margin: 1em 0; padding: 0; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre, code { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0; list-style-position: inside; }
ul ul, ol ol, ul ol, ol ul { margin: 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol,
#mainmenu, .part-items { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure, form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type=button], input[type=reset], input[type=submit] { cursor: pointer; -webkit-appearance: button; }
input[type=checkbox], input[type=radio] { box-sizing: border-box; }
input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #EAE7DE; }
td { vertical-align: top; }

/* Smart clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*********************************************************************************************

1. Toolbox CSS  -------------------------  All Theme Files

*********************************************************************************************/

body {font-family:Arial, Helvetica, Tahoma, sans-serif; font-size: 62.5%; text-align:center; background: #333; color: #444; margin: 0; padding: 0; }
a {text-decoration:none; color: #27629c; }
a:hover {text-decoration:underline; color: #cb0e3d; }
h1,h2,h3,h4,h5,h6 {font-weight: normal; margin:0; padding:0; color: #222; }
h3 a:hover {text-decoration: none; }
p {margin: 0 0 16px; }
li {
	list-style-type: none;
}

::-moz-selection{background:#555; color:#fff;}
::selection{ background:#555; color:#fff; }

#container {width:100%; text-align:center; }
#container div.wrapper {margin: 0 auto; text-align: left; width: 960px; }
#container div.cleaner {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#container div.sep {font-size:1px; height: 1px; margin:0; line-height: 1px; margin: 3px 0; background-color: #ccc; }
div.box {padding: 9px; border: solid 1px #eee; background-color: #fff; margin-bottom: 10px; }
div.box-nopadd {padding: 0; border-top: none; }

#header {padding: 15px 5px; }
#logo {float: left; display: inline; margin-left: 10px; }
#logo h1 { font: 900 50px/100% 'Maven Pro', 'Arial Black', 'Arial Bold', Gadget, sans-serif; text-transform: uppercase; margin: 0; }
#logo h1 a { text-decoration: none; color: #fff; }
#logo #tagline { font: bold 13px 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif; letter-spacing: 0.05em; color: #999; margin: 0; }
div.bannerHead {float: right; display: inline; }

#navigation {line-height: 33px; }
#nav {background: #555 url(images/back_menu.png) repeat-x top left; display: block; margin: 0 3px; }
#nav li {float: left; display: inline; font-size: 12px; font-weight: bold; padding: 0 12px; border-right: solid 1px #777; }
#nav li li {padding: 3px 0; line-height: 20px; }
#nav li.current-menu-item {background-color: #333;}
#nav li.home {padding-left: 0; padding-right: 0; border: none; }
#nav li.home img {float: left; display: inline; }
#nav li.cleaner {float: none; display: inline-block; border-right: none;}
#nav a {color: #fff; text-decoration: none; text-shadow: #444 1px 1px 0; }
#nav a:hover {color: #c6d4e1;}
#navigation2 {line-height: 29px; background: #333 url(images/back_menu_sec.png) repeat-x top left; }
#nav2 {display: block; margin: 0 0 0 50px; }
#nav2 li {display: inline; font-size: 11px; font-weight: normal; margin-right: 10px; }
#nav2 a {color: #666; text-decoration: none;  }
#nav2 a:hover {color: #222;}

#menuSocial {float: right; display: inline; margin-right: 5px; }
#menuSocial li {float: left; display: inline; margin-right: 5px; }
#menuSocial img {-moz-opacity:.30; filter:alpha(opacity=30); opacity:.30;}
#menuSocial img:hover {-moz-opacity:1; filter:alpha(opacity=100); opacity:1;}

#frame {padding: 10px; background-color: #f4f4f4; min-height: 400px; }
ul.posts div.cover {float: left; display: inline; margin-bottom: 5px; position: relative; }
ul.posts h3 {font-size: 14px; font-weight: bold; line-height: 20px; }
ul.posts.postsList h3 {font-size: 12px; }
ul.posts p {font-size: 12px; line-height: 19px; margin-bottom: 6px; overflow: hidden; }
ul.posts time {display: block; position: absolute; bottom: 0; left: 0; padding: 3px 5px; background-color: #999; color: #fff; font-size: 11px; text-transform: uppercase; margin: 0; z-index: 10; }
ul.posts-side div.cover {margin-right: 10px;}
ul.posts-side time,
div.featCategory ul.posts time.nostyle,
ul.postsRelated time.nostyle {display: inline-block; position: relative; bottom: auto; left: auto; padding: 0; background: none; color: #999; text-transform: none;  }
span.video, span.audio, span.image, span.event, span.attachment {position: absolute; top: 0; left: 0; margin: 3px 0 0 3px; width: 16px; height: 16px; background: transparent url(images/icon_video4.png) no-repeat top left; z-index: 11; }
span.audio {background-image: url(images/icon_audio4.png); }
span.image {background-image: url(images/icon_image.png); }
span.attachment {background-image: url(images/icon_attachment.png); }
span.event {background-image: url(images/icon_event.png); }
ul.posts div.postcontent {overflow: hidden;  }
#container .posts li.last {margin-right: 0;}

#smallPosts ul.posts li {float: left; display: inline; width: 145px; margin-right: 10px; }
#smallPosts h3 {font-size: 12px; line-height: 18px; }

.featCategory li.main, div.archive ul.posts li {float: left; display: inline; width: 280px; margin-right: 14px; padding-right: 15px; border-right: solid 1px #eee; }

/* Featured Slider */

#featPosts {
	position:relative;
}

#featPosts li {
	background-color: #fff;
	list-style-type: none;
}

#featPosts .cover {
	display: inline;
	float: left;
	margin-right: 20px;
	width: 280px;
}

#featPosts .post-excerpt {
	display: inline;
	float: left;
	width: 290px;
}

#featPosts h3 { margin-bottom: 10px; }

div.archive ul.posts li.last {padding-right: 0; border-right: none; margin-right: 0;}
.postsList {float: left; display: inline; width: 280px; }
#sidebar .featCategory li.main {padding-right: 0; border-right: 0; width: 300px; }
#sidebar .postsList {width: 300px; margin-top: 5px; padding-top: 10px; border-top: solid 1px #eee; }

#featPosts, #main {float: left; display: inline; width: 590px; margin-right: 10px; }
#quickPosts, #sidebar {float: left; display: inline; width: 300px; margin-right: 0; }
#quickPosts ul.posts p.datetime {width: 75px; text-align: center; padding: 2px 0; }
#quickPosts div.cover {margin-right: 10px; }
.featCategory ul.posts div.cover {float: right; margin: 0 0 5px 10px; }
.featCategory ul.posts p.datetime, div.archive ul.posts p.datetime {width: 100px; text-align: center; padding: 2px 0; }
.featCategory h3, div.archive h3 {margin-bottom: 6px;}
.postsList li h3 {font-weight: normal; }
span.morePosts {float: right; display: inline; text-transform: none; font-weight: normal; }
div.archive div.cover {float: left; display: inline; margin: 0 10px 5px 0;}
div.archive ul.posts li {margin-bottom: 10px; }

div.title {padding: 0 10px; background: #939799 url(images/back_title_grey.png) repeat-x top left; }
div.blue {background-image: url(images/back_title_blue.png); }
div.blue2 {background-image: url(images/back_title_blue2.png); }
div.blue3 {background-image: url(images/back_title_blue3.png); }
div.dark {background-image: url(images/back_title_dark.png); }
div.green {background-image: url(images/back_title_green.png); }
div.grey2 {background-image: url(images/back_title_grey2.png); }
div.pink {background-image: url(images/back_title_pink.png); }
div.purple {background-image: url(images/back_title_purple.png); }
div.red {background-image: url(images/back_title_red.png); }
div.title h2 {text-transform: uppercase; font-size: 11px; line-height: 22px; font-weight: bold; color: #fff; margin-bottom: 10px; }
div.title h2 a {color: #fff; }
div.title h2 a:hover {color: #fff; text-decoration: underline;}

/* Main */
#main {float: left; display: inline; margin-right: 10px; width: 610px; }
#main ul.medium {margin: 10px 0 20px 10px;}
#main ul.medium li {
	font-size: 12px;
	line-height: 20px;
}
#main p.medium {
	font-size: 13px;
	line-height: 22px;
}

h1 {font-size: 30px; font-weight: normal; line-height: 36px; letter-spacing: -1px; margin-bottom: 12px; }
p.postmetadata {font-size: 11px; margin:0; color: #999; }
div.single {float: right; margin-left: 10px; width: 410px; display: inline; font-size: 13px; line-height: 21px; overflow: hidden; padding-right: 10px; }
div.single-nometa {margin-left: 0; width: 580px; }
div.sep {margin: 10px 0 !important; }
div.single h2, div.single h3, div.single h4, div.single h5, div.single h6 {font-weight: bold; margin-bottom: 18px; }
#container div.single h2, h2.title {font-size: 24px; line-height: 28px; }
#container div.single h3 {font-size: 20px; line-height: 24px; }
div.single h4 {font-size: 18px; line-height: 22px; }
div.single h5 {font-size: 16px; line-height: 20px; }
div.single h6 {font-size: 14px; line-height: 18px; }
div.single p {margin-bottom: 14px; }
div.single img {margin-bottom: 10px; max-width: 420px; height: auto; }
div.single-nometa img {margin-bottom: 10px; max-width: 580px; height: auto; }
div.single ul, div.single ol {margin: 0 0 14px 14px; }
div.single li ul, div.single li ol {margin-bottom: 0; }
div.single li {list-style-position: inside;}
div.single ul li {list-style-type: square;}
div.single ol li {list-style-type: decimal;}
div.single blockquote {font-style: italic; font-size: 18px; line-height: 24px; border-left: solid 5px #ddd; background-color: #eee; padding: 10px 15px 1px; margin: 10px; }
.boxSingle a {color: #cb0e3d; }
div.singleFull {float: none; display: block; width: 580px; margin:0; }
.side-left #main {float: right; display: inline; margin-right: 0; margin-left: 10px; }
.full-width #main {margin-right: 0; width: 940px; }
.full-width div.single, .page div.single {float: none; display: block; width: auto; padding-right: 0; }
.full-width-post div.single {width: 750px;float: right; display: inline; }
.full-width div.single img {max-width: 750px; }
.full-width-post div.single-nometa {width: 920px; float: none; display: block; }


.metabox {float: left; display: inline; width: 160px; margin: 0 0 10px 0; font-size: 11px; }
.metabox .cover {margin-bottom: 10px; position: relative; }
.metabox ul.posts h3 {font-size: 11px; line-height: 16px; font-weight: normal;}
.metabox ul.posts li {margin-bottom: 10px; color: #777; margin-left: 10px; }
.metabox .avatar {float: left; display: inline; margin-right: 10px;  }
.metabox .author {font-size: 11px; line-height: 18px; color: #777; }
.metabox ul.postsRelated li {
	list-style-type: none;
}
.metabox ul.postsRelated time {
	font-size: 11px;
	font-style: italic;
}

/* Comments */
#main ol.normalComments {clear: left; padding: 1em 0; margin:0; }
#main ol.normalComments div.comment-body {position: relative; }
#main ol.normalComments div.reply {position: absolute; top: 0; right: 0; }
#main ol.normalComments li {clear: left; list-style-type: none; margin: 0 0 1em; padding: 10px 15px 5px; font-size: 11px; line-height: 16px; min-height: 80px; }
#main ol.normalComments li ul.children {padding: 10px 0 0; }
#main ol.normalComments li ul.children li {clear: left; margin: 0 10px 10px 10px; }
#main ol.normalComments li p {margin-bottom: 0;}

#main ol.normalComments img.avatar { float: left; display: inline; margin: 0 15px 20px 0; }
#main ol.normalComments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; float: left; display: inline; margin-right: 10px;  }
#main ol.normalComments .commentmetadata {line-height: 18px; font-size: 11px; margin-bottom: 5px; }
#main ol.normalComments blockquote {font-size: 12px; line-height: 18px; }
#main ol.normalComments span.says {display: none; }

.reply a, .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }
.reply a:hover, .cancel-comment-reply a:hover { text-decoration: none; }

#respond {clear: left; margin-top: 10px; }
.cancel-comment-reply {margin: 10px 0 5px; }
#respond div.sep {display: none; }
li #respond div.sep {display: block; }
#respond {padding: 10px; }
li #respond {padding: 10px; }

#commentform {margin-top: 15px; clear: left; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform #formLabels {float: left; display: inline; width: 45%; }
#commentform #formContent {float: left; display: inline; width: 50%; text-align: center; }
#commentform label {text-align: left; font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#commentform input {width: 90%;	padding: 8px 0 8px 7px;	font-size: 14px; margin-bottom: 10px; }
#commentform textarea {	width: 100%; height: 110px;	padding: 4px; margin-bottom: 10px; font-size: 14px; line-height: 20px;	}
#commentspost p {font-size: 12px; line-height: 24px;}

#main label, #commentform label {font-weight:bold; line-height: 2.0em; font-size: 11px; display: block; text-transform: uppercase; }
#main #submit, #commentform #submit {background:none; font-size: 14px; text-transform: lowercase; padding: 5px 7px; width: auto; cursor: pointer; }

#main ol.normalComments img.avatar {border: solid 4px #ddd; }
#main #submit, #commentform #submit {background:none; background-color: #27629c; color: #fff; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 6px 15px;}
#main #submit:hover, #commentform #submit:hover {background-color: #444; }

/* Comments */
#content .reply a, #content .cancel-comment-reply a { background-color: #555; color: #fff; }
#content .reply a:hover, #content .cancel-comment-reply a:hover {background-color: #27629c; }

#main .normalComments li.comment {background-color: #f1f1f1; border-top: solid 1px #ccc; }
#main .normalComments li.bypostauthor { background-color: #fff; }
#main input, #main textarea, #commentform input, #commentform textarea {background-color: #f1f1f1; border: 1px solid #ccc; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#main .content h2.title {clear: left; }

/* Sidebar */
#sidebar {float: left; display: inline; width: 320px; }
#sidebar .widget {margin-bottom: 10px; font-size: 12px; line-height: 20px; }
#sidebar .widget li {line-height: 22px; }
#sidebar div.cover {margin-right: 10px; }
#sidebar li.main div.cover {margin-right: 0; }
#sidebar ul.posts h3 {font-size: 12px; line-height: 18px;}
#sidebar ul.posts p.postmetadata {font-size: 11px; }

/* Footer */
#footer {text-align: left; color: #777; margin: 0; }
#footer p {margin:0; line-height: 18px; font-size: 11px;  }
#footer p.copy {font-size: 11px; }
#footer p.wpzoom { display: inline; float: right; }
#footer p.wpzoom a {color: #777; text-decoration: none;}
#footer p.wpzoom img { display: inline; float: right; padding: 0 0 0 2px; }

div.navigation { text-align: center; margin-bottom:15px; font-size: 14px; }
div.navigation {background-color: #f3f3f3; border: solid 1px #e7e7e7; background-repeat:repeat-x; background-image:-khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f1f1f1)); background-image:-moz-linear-gradient(top, #f9f9f9, #f1f1f1); background-image:-ms-linear-gradient(top, #f9f9f9, #f1f1f1); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f1f1f1)); background-image:-webkit-linear-gradient(top, #f9f9f9, #f1f1f1); background-image:-o-linear-gradient(top, #f9f9f9, #f1f1f1); background-image:linear-gradient(top, #f9f9f9, #f1f1f1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f1f1f1', GradientType=0);}
div.navigation p {margin: 0;}
div.navigation a,
div.navigation .current { border: none; line-height: 50px; margin-right: 5px;  }
div.navigation .current { font-weight:bold;  }
div.navigation .page-numbers {padding: 0 10px; border-right: solid 1px #e5e1da; margin-right: 0 !important; }
div.navigation .next {float:right; padding-right:20px; border-right: 0; }
div.navigation .prev {float:left; padding-left:20px; border-right: 0;}

/* Begin Images */
div.single img.centered {	display: block;	margin-left: auto;	margin-right: auto;	}
div.single img.alignright {	margin: 0 0 5px 10px;	display: inline;	}
div.single img.alignleft {	margin: 0 10px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {	cursor: help;	}
acronym, abbr {	border-bottom: 1px dashed #999;	}
blockquote {	margin: 15px 30px 0 10px;	padding-left: 20px;	border-left: 5px solid #ddd;	}
blockquote cite {	margin: 5px 0 0;	display: block;	}
.center {	text-align: center;	}
.hidden {	display: none;	}
hr {	display: none;	}
a img {	border: none;	}
.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 10px;	}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption {	border: 1px solid #ddd;	text-align: center;	background-color: #f3f3f3;	padding-top: 4px;	margin: 10px;}
.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;}
/* End captions */
img#wpstats{display:none}

#searchform label {font-weight: bold; font-size: 11px; display: none; }
#searchform input {float: left; display: inline; height: 18px; padding: 4px; border: solid 1px #ccc;}
#searchform input#s {width: 220px; margin-right: 5px;}
#searchform input#searchsubmit {	font-size: 11px; font-weight: bold; height: 28px; width: 60px; padding:0; margin-bottom: 5px; background-color:#27629c; border: none; color: #fff; cursor: pointer; }
#searchform input#searchsubmit:hover {background-color: #444; }

#sidebar .widget a:hover {text-decoration: none; }

#sidebar ul.wpzoomSocial li {float: left; display: inline; width: 144px; margin-right: 5px; line-height: 24px; margin-bottom: 8px; font-size: 12px; font-weight: bold; }
#sidebar ul.wpzoomSocial li img {float: left; display: inline; margin-right: 5px; }

/* WPZOOM Gallery Widget */
.widget ul.gallery {padding: 0; margin:0;}
.widget ul.gallery li {list-style-type: none; float: left; display: inline; padding:0; margin: 0 7px 11px; }
.widget ul.gallery li.last {margin-right: 0;}
.widget ul.gallery li img {padding: 1px; }

div.single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;	margin:10px; }
div.single .gallery { margin: auto; text-align:center; clear:both; }
div.single .gallery img, .widget ul.gallery img { border: solid 4px #eee;}
div.single .gallery-caption { margin-left: 0; }
div.single div.gallery img:hover, .widget ul.gallery li img:hover {border: solid 4px #9acdea; }

/* Sidebar Photo Slider */

.featPhotos {width: 300px; position:relative; clear:both; }
.postsBig {min-height: 200px; width: 300px; margin-right: 0; }
#sidebar .postsBig div.cover {margin-bottom: 10px; margin-right: 0;}
#sidebar .featPhotos h3 {font-size: 14px; font-weight: bold; line-height: 20px; position: relative; z-index: 10; }
.postsSmall {clear: left; text-align: center; margin-top: 10px; padding-top: 10px; border-top: solid 1px #eee; }
.postsSmall li {width: 16px; height: 16px; margin-right: 6px; display: inline-block; background: transparent url(images/bullet_hover.png) no-repeat top left; }
.postsSmall li:hover {background-image: url(images/bullet_inactive.png);}
.postsSmall li.current {background-image: url(images/bullet_active.png); }
.container { overflow:hidden; position:relative; }
.slides_container { position:absolute; top:0; left:0; }
.slides_container li.slide { position:absolute; top:0; width:300px; min-height: 200px; display:none; }

p.install-notice {
	padding: 5px;
	line-height: 20px;
	font-size: 12px;
}

/********************************************************************************
                Tabber CSS
********************************************************************************/

.tabberlive .tabbertabhide { display: none; }
ul.tabbernav { margin: 0; padding: 0; float: left; width: 100%; display: inline; list-style-type: none; border-bottom: 1px solid #d7d7d7; margin-bottom: 10px; }
ul.tabbernav li { float: left; margin: 0 1px 0 0; padding: 0; line-height: 28px; margin-bottom: -1px; overflow: hidden; position: relative; }
*html  ul.tabbernav { padding: 2px 0; /* ie6 only */ }
*+html  ul.tabbernav { padding: 2px 0; /* ie7 only */ }
ul.tabbernav li { list-style-type: none; display: inline; background-color: #888; }
ul.tabbernav li a { text-decoration: none; /* inactive tabs */ color: #fff; display: block; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0 10px; outline: none; }
ul.tabbernav li.tabberactive { background-color: #333; /* active tab */ }
ul.tabbernav li.tabberactive a { color: #fff; }
.tabbertabs .recent_comments li img, .tabbertabs .recent_news li img { float: left; margin: 0 7px 5px 0; }
.tabberlive .tabbertab { padding: 5px 0 0; float: left; width: 100%; }
.tabbertab .widgettitle { display: none; }
#sidebar .tabbertabs ul.posts li {float: none; display: block; width: 100%; }

#twitterBox {padding: 10px; border: solid 1px #dedbdb; min-height: 39px; background: #f6f9f9 url(images/back_twitterBox.png) repeat-x top left; }
#twitterBox li {background: url('images/twitter-bird.png') center left no-repeat; font-size: 11px; line-height: 16px; padding: 4px 10px 4px 65px; }

/* Flickr widget */
.widget .flickr_badge_image {float: left; margin-right: 10px; margin-bottom: 10px; }
.widget .flickr_badge_image img { width: 63px; height: 63px; border: solid 1px #192027;    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   -moz-opacity:0.5;
   -khtml-opacity: 0.5;
   opacity: 0.5;
}
.widget .flickr_badge_image img:hover {   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   -moz-opacity:1;
   -khtml-opacity: 1;
   opacity: 1;
}

/* WPZOOM Twitter Widget */

.twitter-list li {
	margin-bottom: 10px;
}

.twitter-timestamp {
	color: #999;
	font-size: 11px;
	font-style: italic;
	display: block;
}

span.share_btn {
	display: block;
	margin: 0 0 5px;
	padding: 0;
}

/********************************************************************************
                Dropdown Menu
********************************************************************************/

#menu {position:relative; z-index:200; }
#menu li li{margin-right: 0; border-left: none; }

.downarrowclass {	background:url(images/down.png) no-repeat center; padding:5px 12px;}
.rightarrowclass {background:url(images/right.png) no-repeat center right;	padding: 10px;	position:absolute; right:10px;	}

/*Top level list items*/
.dropdown ul li{position: relative; display: inline; margin-right: 0; }
/*Top level menu link items style*/
.dropdown ul li a{text-decoration: none; }
* html .dropdown ul li a{ /*IE6 hack to get sub menu links to behave correctly*/ display: inline-block; }

/*1st sub level menu*/
.dropdown ul li ul {position: absolute; left: 0; display: block; visibility: hidden; z-index:100; background:#333; text-align:left; margin:0;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.dropdown ul li ul li ul{top: 0;}
/* Sub level menu links style */
.dropdown ul li ul li a {width: 140px; padding: 5px 10px; margin: 0; border-top-width: 0; border-bottom: 1px solid #4a4747; color:#fff; text-transform:none; display:block; }
.dropdown ul li ul li:last-child a, .dropdown ul li ul li:last-child a:hover {border:none;}
.dropdown ul li ul li a:hover { color:#000; }

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider {margin-bottom: 50px; position: relative; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

/* Control Nav (Arrows) */
.flex-direction-nav {*height: 0;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	background:url(images/arrows.png) no-repeat;
	cursor: pointer;
	position: absolute;
	top: 50px;
	left: 15px;
	width: 27px;
	height: 27px;
	text-indent:-9999px;
	z-index: 10;
	zoom: 1;
	filter: alpha(opacity=30);
	opacity: 0.30;
	-webkit-transition: all .3s ease;
}

.flexslider .flex-next {left: 45px; }
.flexslider:hover .flex-next {filter: alpha(opacity=60); opacity: 0.6; }
.flexslider:hover .flex-prev {filter: alpha(opacity=60); opacity: 0.6; }

#featPosts a.flex-next { background-position:-29px -59px; right:0;}
#featPosts a.flex-prev { background-position: 0 -59px; right:40px; }
#featPosts a.flex-next:hover {	filter: alpha(opacity=100); opacity: 1; }
#featPosts a.flex-prev:hover { filter: alpha(opacity=100); opacity: 1; }