/*
Theme Name: Telegraph
Theme URI: http://www.wpzoom.com/themes/telegraph/
Description: Theme by <a href="http://www.wpzoom.com">WPZOOM</a>
Version: 1.2.9
Author: WPZOOM
Author URI: http://www.wpzoom.com
*/

/***********************************************************************************************
 * 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.
**********************************************************************************************/

html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {margin: 0; padding: 0; font-size: 100%;}  
ul {list-style: none;}  
img, fieldset {border: 0;}
em {font-style: italic;}
strong {font-weight: bold;}

body {font-family:Arial, Helvetica, Tahoma, sans-serif; font-size: 62.5%; text-align:center; background: #333; color: #444; }
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; }

::-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; }
#bannerHead {float: right; display: inline; }

#navigation {line-height: 34px; }
#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-top: 6px; 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 p {font-size: 12px; line-height: 18px; margin-bottom: 6px; }
ul.posts p.datetime {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; }
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; }
#featPosts ul.posts li, .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; }
div.archive ul.posts li.last {padding-right: 0; border-right: none; margin-right: 0;}
.postsList {float: left; display: inline; width: 280px; }

#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; }

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: 14px; line-height: 20px; overflow: hidden; padding-right: 10px; }
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: 12px; } 
#container div.single h2, h2.title {font-size: 30px; line-height: 30px; }
#container div.single h3 {font-size: 26px; line-height: 30px; }
div.single h4 {font-size: 24px; line-height: 28px; }
div.single h5 {font-size: 20px; line-height: 24px; }
div.single h6 {font-size: 18px; line-height: 22px; }
div.single p {margin-bottom: 14px; }
div.single img {margin-bottom: 10px; max-width: 420px; 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; }
.singleFull {float: none; display: block; width: 610px; 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; }


.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; list-style-type: square; margin-left: 15px; }
.metabox .avatar {float: left; display: inline; margin-right: 10px;  }
.metabox .author {font-size: 12px; line-height: 18px; }

/* 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: 18px; }
#sidebar .widget li {font-size: 14px; line-height: 24px; }
#sidebar div.cover {margin-right: 10px; }
#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 {float: right; display: inline; line-height: 16px; width: 233px; }
#footer p.wpzoom img {float: right; display: inline; margin: 0 0 0 5px;}
#footer p.wpzoom a {color: #777; text-decoration: none;}
#footer p.wpzoom a:hover { }

div.navigation {text-align: center; margin: 15px 0;  text-shadow: none;}
div.navigation a {margin: 0 5px; font-size: 12px; text-transform: lowercase; padding: 4px 7px; width: auto; cursor: pointer; background: none; background-color: #888; border: none; color: #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
div.navigation a:hover {background-color: #27629c; text-decoration: none; }

/* 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 .social li { display: inline; width: 47%; float: left; padding: 0; margin-right: 6px; margin-bottom: 10px; line-height: 16px;}
#sidebar .social a { font-size: 12px; font-weight: bold; }
#sidebar .social a span { font-size: 11px; display: block; font-weight: normal; }
#sidebar .widget a:hover {text-decoration: none; }
#sidebar .social img { float: left; margin-right: 7px; }

#sidebar ul.wpzoomSocial li {float: left; display: inline; width: 144px; margin-right: 5px; line-height: 16px; margin-bottom: 8px; font-size: 11px; }
#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; }

.jcarousel-skin-wpzoom .jcarousel-container-horizontal { width: 590px;}
.jcarousel-skin-wpzoom .jcarousel-clip-horizontal { width:  590px; }
.jcarousel-skin-wpzoom .jcarousel-next-horizontal { position: absolute; top: 5px; right: 5px; width: 27px; height: 27px; cursor: pointer; background: transparent url(images/arrows.png) no-repeat -29px -85px; }
.jcarousel-skin-wpzoom .jcarousel-next-horizontal:hover {background-position: -29px -59px; }
.jcarousel-skin-wpzoom .jcarousel-next-horizontal:active {background-position: -29px -59px;}
.jcarousel-skin-wpzoom .jcarousel-next-disabled-horizontal,
.jcarousel-skin-wpzoom .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-wpzoom .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0;}
.jcarousel-skin-wpzoom .jcarousel-prev-horizontal {position: absolute; top: 5px; right: 37px; width: 27px; height: 27px; cursor: pointer; background: transparent url(images/arrows.png) no-repeat 0 -85px; }
.jcarousel-skin-wpzoom .jcarousel-prev-horizontal:hover {background-position: 0 -59px;}
.jcarousel-skin-wpzoom .jcarousel-prev-horizontal:active { background-position: 0 -59px;}
.jcarousel-skin-wpzoom .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-wpzoom .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-wpzoom .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; }

/* Sidebar Photo Slider */

#featPhotos {width: 300px; position:relative; clear:both; }
#postsBig {min-height: 200px; width: 300px; margin-right: 0; }
#postsBig div.cover {margin-bottom: 10px;}
#sidebar #featPhotos h3 {font-size: 14px; font-weight: bold; line-height: 20px; }
#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.active {background-image: url(images/bullet_active.png); }
.container { overflow:hidden; position:relative; }
.slides { position:absolute; top:0; left:0; }
.slides li.slide { position:absolute; top:0; width:300px; min-height: 200px; display:none; }

/* Shortcodes */
.checklist li {padding-left: 20px; background: transparent url(images/icon_tick.png) no-repeat top left; list-style-type: none !important; }
.arrowlist li {padding-left: 20px; background: transparent url(images/icon_arrow.png) no-repeat top left; list-style-type: none !important; }
.deletelist li {padding-left: 20px; background: transparent url(images/icon_delete.png) no-repeat top left; list-style-type: none !important; }
.scBox {padding: 10px; text-shadow: none !important; color: #444; margin: 10px 0; }
.notice {background-color: #f8f0af; }
.warning {background-color: #f8c0c0; }
.update {background-color: #c0e5f8; }
.highlight {padding: 3px 5px; text-shadow: none; background-color: #f8f0af; color: #333; }
.half {float:left;width:47%;margin:10px 0;margin-right:6%;}
.third {float:left;width:30%;margin:10px 0;margin-right:5%; overflow: hidden;}
.last {margin-right:0}

/********************************************************************************
                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: 0; border: solid 1px #dedbdb; height: 39px; background: #fff url(images/back_twitterBox.png) repeat-x top left; }
#twitterBox img {float: left; display: inline; margin-right: 5px; }
#twitterBox p {float: left; display: inline; line-height: 38px; font-size: 11px; width: 490px; height: 38px; overflow: hidden; }