/*
Theme Name: centrin
Theme URI: http://www.web364.com/centrin
Description: WordPress Blog Template
Author: william tan
Author URI: http://www.web364.com/
Version: 1.0
License: 
License URI: 
Tags: light,two-columns,custom-background,custom-menu,theme-options, translation-ready             
/*

/* =reset
------------------------------------------ */
html, body, div, span,applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;vertical-align:baseline;}
cite, em, i {font-style: italic;}
strong { font-weight: bold;}
ins{background: #fff9c0;text-decoration:none;}
/* Position subscript and superscript content without affecting line-height: gist.github.com/413930 */
sub, sup { line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small, sup, sub {font-size: 90%;}
code, kbd, samp, var {font: 12px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
.sticky{}
dt {font-weight:bold;}
del {text-decoration: line-through;}
.bypostauthor {}
acronym, abbr, span.caps,dfn {border-bottom: 1px dotted #888;cursor: help;}
.wp-smiley { margin: 0 !important;max-height: 1em; }
:focus {outline: 0;}
.gallery-caption{}
/* Images */
img, a img, img:focus{border: 0; outline: 0;}
img{max-width:100%;}

pre {background: #efefdf;font: 13px  "Courier", monospace;
     line-height: 1.5;margin-bottom: 1.425em;margin-top: 1.425em;overflow: auto;padding: 0.75em 1.625em;}

/* =tables
------------------------------------------ */
table { border-collapse: collapse;border-spacing: 0; }

::selection {background-color: #FF0000;color: #fff;}
::-moz-selection {background: #FF0000;color: #fff;}

/* =print stylesheet
------------------------------------------ */
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999;page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; }
    @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; }
}

/* =typography
------------------------------------------ */
body { font: 12px/20px Arial, sans-serif; color: #333;margin-bottom:25px;}
h1, h2, h3, h4, h5, h6 {margin: 0px 0 5px 0;}
h1{font: 24px Arial, sans-serif}
h2{font: 22px Arial, sans-serif}
h3{font: 20px Arial, sans-serif}
h4{font: 18px Arial, sans-serif;}
h5{font: 16px Arial, sans-serif}
h6{font: 14px Arial, sans-serif}
a{color: #051d42;font-family:"Arial", sans-serif;text-decoration: none;}
a:hover {color: #111112; text-decoration:underline}
a:active {}
a:visited{}
a img{border:0px;}

/* =ie fixes
------------------------------------------ */
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
hr { border: 0; border-top: 3px solid #e6e5e5;clear:both;display: block; height: 1px; margin: 1em 0; padding: 0; }
.line{border:solid #cecece; border-width:1px 0 0; clear: both;margin:3px 0 0 0;}

a.warning, .warning {font-size:11px; padding:2px 7px;
display:inline-block; margin:6px 10px 15px 10px; font-weight:bold; color:#f8f8f8; padding:1px 5px; 
background: #ff0000; color:#fff;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]), [hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

.clearfix {clear: both}
.clearfix:after {clear: both;content: " ";display: block;  font-size: 0;height: 0;visibility:hidden;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

	
/* =blockquote
------------------------------------------ */
blockquote p { margin:0!important; padding:0!important}
blockquote {border-left:7px solid #dcdede;color: #767676; margin: 10px 0 10px 14px; padding:0 15px;}
blockquote cite {color: #555;display: block; font-size: 12px;}	
          
/* =list
------------------------------------------ */
ol,li ul,li{margin:0}
ul ul, ol ul, ul ol, ol ol{margin:0}
ul, ol {padding:0 10px}
ul {list-style:square}
ol {}
p {margin-bottom: 15px}


/* =text align
------------------------------------------ */
.center {clear:both;margin: 0px auto;text-align:center}
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.left{float:left;}
.right{float:right;}

/* =primary menu
------------------------------------------ */
#header-bar{margin:0 auto;width:100%;height:20px;}
.header-bar-l {float: left;width:400px;height:20px;}
.header-bar-r {float: right;width:500px;}

.menu1 { height:30px;list-style:none; margin:0px; padding:0px 4px;position:relative;}
.menu1 li {float:right;height:30px; position:relative; }
.menu1 a {border-left:0px solid #999;color:#fff; display:block; font-size:11px;font-weight:bold; line-height:18px; margin:5px 0px;  padding:1px 10px;text-decoration:none;}
.menu1 li:first-child a { border-left:none }
.menu1 li:last-child a { border-right:none }
.menu1 a:hover { color:#000;}
.menu1 a:visited { color:#fff;}

.menu1 li.current-menu-item > a, .menu2 li.current-menu-ancestor > a {  }
.menu1 ul { display:none;list-style:none;margin:0px; position:absolute; top:30px; width:170px; z-index:900 }
.menu1 ul li { min-width:170px; height:auto }
.menu1 ul li:last-child > a { border:none }
.menu1 ul.sub-menu {background: url(images/patterns/pattern1.png);margin:0px; padding:0px 10px 1px;}

.menu1 ul.sub-menu li:last-child a { padding-bottom:10px; }

.menu1 ul.sub-menu ul {}
.menu1 ul.sub-menu a {border-left:none; border-right:none;color:#fff; display:block; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal ; padding:1px 0px; text-decoration:none; text-transform:none;}
.menu1 li:hover > a { color:#ddd }
.menu1 li.current-menu-item:hover > a { color:#ddd }
.menu1 ul ul { left:170px; top:0px }
.menu1 ul li:hover > a, .menu1 ul li.current-menu-item:hover > a, .menu1 ul li.current-menu-ancestor:hover > a { color:#ddd;}
.menu1 li:hover ul ul, .menu1 li:hover ul ul ul, .menu1 li:hover ul ul ul ul { display:none }
.menu1 li:hover ul, .menu1 li li:hover ul, .menu1 li li li:hover ul, .menu1 li li li li:hover ul { display:block }


/* =secondary menu
------------------------------------------ */
#menu-wrapper{margin:0 auto;background:#242323 url(images/transparant.png); width:100%;height:36px;}
.menu-wrapper-l {float: left;padding: 0 0 0 5px;width:600px;height:30px;}
.menu-wrapper-r {background:#242323 url(images/transparant.png);float: right;padding: 7px 19px 0 0;width:302px;}

.menu2 {list-style:none; margin:0px; padding:0px 4px; position:relative; height:36px;}
.menu2 li { float:left; position:relative; height:36px; }
.menu2 a { border-left:0px solid #cecece;color:#fff;display:block; font-size:11px;text-transform:uppercase;
                 margin:5px 0px;line-height:18px;padding:4px 10px; text-decoration:none;font-weight:bold;
text-shadow: 0px 1px 1px #000; }
.menu2 li:first-child a { border-left:none }
.menu2 li:last-child a { border-right:none }
.menu2 a:hover { color:#000 ;}
.menu2 a:visited { color:#fff;}

.menu2 li.current-menu-item > a, .menu1 li.current-menu-ancestor > a { }
.menu2 ul { display:none; list-style:none; margin:0px; position:absolute;top:36px;width:170px; z-index:900 }
.menu2 ul li { min-width:180px; height:auto }
.menu2 ul li:last-child > a { border:none }
.menu2 ul.sub-menu { background:#0f0e0f url(images/glass.png); margin:0px; padding:0px 10px 1px;}

.menu2 ul.sub-menu li:last-child a { padding-bottom:15px; }

.menu2 ul.sub-menu ul {}
.menu2 ul.sub-menu a {border-left:none; border-right:none;color:#fff; display:block; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin:0px; text-decoration:none;padding:6px 0px; text-transform:none; }
.menu2 li:hover > a { color:#ddd }
.menu2 li.current-menu-item:hover > a { color:#ddd}
.menu2 ul ul { left:180px; top:0px }
.menu2 ul li:hover > a, .menu2 ul li.current-menu-item:hover > a, .menu2 ul li.current-menu-ancestor:hover > a { color:#ddd;}
.menu2 li:hover ul ul, .menu2 li:hover ul ul ul, .menu2 li:hover ul ul ul ul { display:none }
.menu2 li:hover ul, .menu2 li li:hover ul, .menu2 li li li:hover ul, .menu2 li li li li:hover ul { display:block }


/* =footer menu
------------------------------------------ */
#thirdmenu-wrapper {background:#fff url(images/pagi.gif) repeat-x;
                                  border:1px solid #ccc;border-bottom:0px solid #ccc;font-size:11px;margin:0 20px;}
#thirdmenu-wrapper span{display:block;text-align:center;}
#thirdmenu-wrapper a:visited,.footer a{}

.thirdmenu {clear:both;display:inline-block;list-style:none;overflow:hidden;padding:5px 0px;width:100%;}
.thirdmenu a { border-left:1px solid #ccc;color:#444;font-size:11px;margin:0;padding:0px 10px;font-weight:bold;}
.thirdmenu ul { display:none; list-style:none; position:absolute; z-index:9999;}
.thirdmenu li { float:left;height:15px; position:relative;}
.thirdmenu li:first-child a { border-left:none }
.thirdmenu li:last-child a { border-right:none }


/* =header
------------------------------------------ */
#header {margin:0 auto;padding:2px 20px 10px 20px;width:928px;min-height:110px;}
#branding {float:left;margin:10px 0 5px 0;width:440px;}
h1.site-title a {clear:both;color:#ddd;font-size:34px;font-weight:bold;line-height:27px;text-decoration:none;}
h1.site-title a:hover {text-decoration: none;}
h2.site-description {clear: both;color: #f0f0f0;font-size: 10px;line-height: 17px;margin: 0;padding-left:5px;text-transform: uppercase;}
#banner {float:right;margin:15px 2px 0 0;width:468px;height:60px;}


/* =container
------------------------------------------ */
#container {background:#e1e0e4;margin: 0 auto;overflow:hidden;width: 968px;}

#main {overflow:hidden;padding:20px;width:928px;}

#content {background:#fff;border:1px solid #cfcfcf;float:left;padding:15px;width: 580px;}

#content-right {background:#fff;border:1px solid #cfcfcf;float:right;padding:15px;width: 580px;}


/* =sidebar
------------------------------------------ */
#sidebar {float:right;width:302px;}
#sidebar-left {float:left;width:302px;}


/* =minisidebar left & right
------------------------------------------ */
.sidebar-l {float:left;padding:5px 0 0 0;width:125px;margin-top:-5px;}
.sidebar-r {float: right;padding:5px 0 0 0;width:160px;margin-top:-5px;}


/* =footer
------------------------------------------ */
#footer{background:#fff;border:1px solid #ccc;font-size:11px;min-height:50px;margin:0 20px 20px 20px;padding:5px 0;}
#footer  span{display:block;padding:5px 10px;}
#footer  p{font-size:12px;padding:8px 5px 8px 15px;}
.footer-l {float: left;width:855px;height:50px;}
.footer-r {float: right;width:45px;}
.footer-r img{opacity:0.5;padding-top:10px;}


/* =singular post
------------------------------------------ */
.post{clear: both;}

.post-content {clear: both;font-size:13px;margin: 0;padding:0 0 5px 0;}

.post-content embed,iframe,object {border:none;max-width:100%;}

h1.post-article-title {color:#444;font-size:20px;font-weight:bold;line-height:27px;}

.post-content ul {line-height:24px;margin: 0 0 12px 17px;}

.post-content ol {line-height:24px;margin: 0 0 12px 22px;}

.post-content a {color:#d91e1e;text-decoration:none;}

.post-content a:hover {color:#2b1f74}

/* =wp image alignment
------------------------------------------ */
.post-content img {max-width:100%;height:auto;margin-bottom:10px;margin-top:5px;}
.alignleft, img.alignleft {float:left;margin: 5px 15px 0 0;}
.alignright, img.alignright {float:right;margin: 5px 0 0 15px;}
.alignnone {float:none; margin: 0px 0px 14px 0px;}
.aligncenter, div.aligncenter, {display:block;margin-left: auto;margin-right: auto;margin-bottom:10px;}
img.alignleft,img.alignright,img.aligncenter {margin-bottom:10px;}


/* =wp caption
------------------------------------------ */
p img,.wp-caption {margin-top: 0.6em;}
.wp-caption {background: #f8f8f8;max-width:100%;margin-bottom:20px;}
.wp-caption img {border:0px solid #aaa;display:block;margin: 0 auto 5px auto;max-width:100%;padding:0;}
.wp-caption p.wp-caption-text {color:#434343;font: 11px/16px Hervetica, sans-serif;margin: 0 0 3px 0;padding:0 5px; text-align:left;}

.post-navi{background:#f7f7f7;border:1px solid #dfdfdf;clear:both;font-weight:bold;margin-top:10px;padding:2px 10px;}
.post-navi a{color:#be0202;}
.post-navi a:visited{color:#be0202;}

#meta-block{color:#777;font-size:11px;font-weight:bold;line-height:17px;margin: 20px 0;text-transform:uppercase;}
#meta-block a{color:#be0202;font-size:11px;text-transform:lowercase;}

/* =blocks 
----------------------------------------- */
.block-1,.block-2,.block-4  {display:inline-block;float:left;}

.block-1{background:#f4f4f4;border:1px solid #dedede;margin: 0 0 10px 0;overflow:hidden;width:578px;}
.block-1 h6{font-size:11px;color:#333;}

.block-2{padding: 5px 28px 0 10px;width:250px;min-height:90px;}

.block-3 {display:inline-block;float:right;padding:5px 10px 0 10px;text-align:right;width:250px}

.block-4 {margin:0 0 25px 0;padding:0px;width:100%;}


/* =block list style
------------------------------------------- */
ul.block-list {list-style:none;padding:0;}
ul.block-list  li {border-bottom:1px solid #e9e9e9;line-height:17px;margin:0;padding:7px 0 9px 0;}
ul.block-list  li a{}
.block-list li:last-child{border-bottom: none;}


/* =article content
------------------------------------------ */
.article-content{display:inline-block;width:100%;margin:0;padding:0;}
.article-border { border:none;background: url(images/hr.png);clear:both;display: block; height:3px; margin: 1em 0; padding: 0; }


/* =wp paginavi
------------------------------------------ */
.wp-pagination{clear:both;font-size:12px;margin:10px auto;padding:0.5em 0 0.5em 0;width:100%;height:auto;}

.wp-pages{color:#111;margin: 0 3px 0 0;padding: 2px 6px;width:auto;height:auto;}

.wp-current{background:#bbb url(images/transparant.png); color:#fff;font-weight:normal;margin:0px;
                   padding: 3px 7px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;width:auto;height:50px;}

.wp-pagination a{background: url(images/pagi.gif);border:1px solid #ccc;color:#111;
                           display:inline;margin:0px;padding: 2px 6px;height:auto;width:auto;
                           border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
                           text-shadow: 1px 1px 0px #fff;text-decoration:none; }

.wp-pagination a:hover{background: url(images/button.gif);border:1px solid #bbb;}


/* =category title
------------------------------------------ */
.cat-title{background:#fff url(images/) repeat-x;border:1px solid #ccc;color:#454545;
              font-size:14px;font-weight:bold;margin:0;padding:6px 13px ;
              text-shadow: 1px 1px 0px #fff;width:97%;}

/* =entries
------------------------------------------ */
.entry-title {font-size:12px;line-height:17px;padding-bottom:0px;}

.entry-title h2 a{color:#333;font-size:19px;font-weight:bold;}

.posted-by {background:url(images/author.png) no-repeat 0px 1px;float:left;padding:0px 20px 0px 22px;}

.post-date {background:url(images/date.png) no-repeat 0px 0px;float:left;padding:0px 20px 0px 20px;}

.comments {background:url(images/comments.png) no-repeat 0px 1px;float:left;padding:0px 20px 0px 22px;}

.cats {background:url(images/cat.png) no-repeat 0px 7px;float:left;padding:0px 20px 0px 20px;}

.entry-meta ,.entry-meta a,
.entry-meta a:visited {clear:both;display:inline-block;font-weight:bold;font-size:10px;color:#777;text-transform:uppercase;}

.more {clear:both;display:inline-block;}


/* =widget post entry with thumbnail
------------------------------------------ */
.post-thumb { position: relative; }
.entry-item-block { border-bottom: 1px solid #e4e4e4; padding: 10px 0px;margin:0 10px;}
.entry-item-block:last-child { border-bottom: 0; padding-bottom: 15px; background: none !important; }
.entry-item-block .post-thumbnai{ float: left; }
.entry-item-block .post-thumbnai img{ float: left; }
.entry-item-block .post-summary { width: 179px; float: left; margin-left: 9px; }
.entry-item-block h3 { font-size: 12px; line-height: 18px; margin-bottom: 4px; }
.entry-item-block h3 a { color: #222222; }
.entry-item-block .post-meta { margin-bottom: 6px; }
.entry-item-block .post-meta, .block-item-small .post-meta a { color: #999; font-size: 11px; }


/* =thumbnail & video
------------------------------------------ */
.thumb-big {padding:5px 0 9px 10px;}
.thumb-small {padding:4px 3px 0 0;}

.video-icon {background:#ff0000 url(images/transparant.png);font-size:9px !important;font-weight:bold !important;
                   display:inline-block;line-height:9px;margin-right:5px;padding: 3px 5px !important;vertical-align:middle;
	-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;	text-transform:uppercase;}

.video {margin-bottom:20px;position: relative;padding-top: 20px;padding-bottom: 60.25%;}
.video iframe,  
.video object,  
.video embed {border:none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.video-list{display:block;padding:0 10px 10px 10px;}
.video-border { border: 0;clear:both;display: block; height: 1px; margin: 1em 0; padding: 0; }


/* =comment
------------------------------------------ */
#commentsbox {border-top: 5px solid #e8e8e8;clear: both;margin-bottom: 30px;overflow: hidden;padding-top:20px;position: relative;} 

#commentsbox ol, 
#commentsbox ul {padding:0;}

#commentsbox ol, 
#commentsbox ul,
#commentsbox li {list-style: none inside none;}

#commentsbox .watermark {font-size: 17px;text-align: center;text-transform: uppercase;}

#commentsbox .comment-author cite, 
#commentsbox .comment-author cite a {color: #333;font-size: 11px;font-style: normal;font-weight: bold;letter-spacing: 3px;text-decoration:underline;}

#commentsbox .avatar {border: 1px solid #cecece;padding:1px;float: left;font-size: 10px;height: 40px;left: -50px;position: absolute;top: 0;width: 40px;}

#commentsbox ul.children {padding:0;}

.comment-body {background:#f9f9f9;border: 1px solid #e8e8e8;padding:10px;position: relative;}

#commentsbox .comment-body ol li {list-style: decimal inside none;padding: 5px 0 5px 20px;}

#commentsbox .comment-body ul  li{list-style: square inside none;padding: 5px 0 5px 20px;}

#commentsbox .commentlist li.comment {line-height: 19px;margin: 0 0 4px;padding: 5px 0 0 20px;position: relative;padding:5px 0 0 50px;}

#comments .comment-body p:last-child {margin-bottom: 6px;}

#commentsbox .comment-meta {border-bottom: 0px solid #f1f1f1;font-size: 12px;margin-bottom: 10px;padding-bottom: 5px;}

a.comment-reply-link {background: url(images/pagi.gif);color:#444;border:1px solid #ccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;font-weight:bold;padding:3px 7px 3px 7px;text-shadow: 1px 1px 0px #fff; }

.comment-reply-link:hover{background: url(images/button.gif);border:1px solid #bbb;text-decoration:none;}

.comment-nav{clear:both;font-weight:bold;margin:10px 0;}

.commentlist > li.bypostauthor {}

#commentsbox .commentlist .children li {margin: 0;}

#commentsbox .commentlist li:last-child {border-bottom: medium none;margin-bottom: 0;}

.recentcomments{color:#ce0404;font-weight:bold;}

.recentcomments a{font-weight:normal;}

.required {color: red;}
#commentsbox #submit{font-weight:bold;font-size:12px !important;}

#commentsbox input[type="text"], 
textarea, input#s, 
input[type="password"],
textarea#comment {background: #f2f2f2;font-size: 12px;padding: 4px 7px;
                                border-color: #bbb #fff #fff #ccc;border-style: solid;border-width: 1px; width: 98%}


/* =search
------------------------------------------ */
#main-search {text-align:right;}
.main-input-search {border:none;background:#fff;font-size:11px;width:200px;}
#main-search #submit {background: url(images/);cursor:pointer;padding:0;width:60px;border:none;
                                     color:#fff;font-size:11px;text-transform:uppercase;}

#search {margin:10px;text-align:right;}
#search .input-search {width:209px;}

#search #submit {cursor:pointer;padding:0;width:60px;}

 button,
input[type="reset"],
input[type="button"],
input[type="submit"],
#respond .form-submit input#submit,
#page-nav a,
#wp-submit {background:#bbb url(images/pagi.gif);border:1px solid #ccc;color: #333;display:inline-block;text-shadow: 1px 1px 0px #fff;cursor:pointer;font-size:10px;font-weight:bold;margin:0 7px;padding:2px 6px;text-decoration:none;}

input {height:16px;}
input, select, textarea {font-size:12px;font-weight:normal;line-height:16px;outline:none;vertical-align:middle;}

input[type="text"] { background:#efefec;border-color: #bbb #fff #fff #ccc;border-style: solid;border-width: 1px;padding:2px;}

textarea {background:#F6F6F6;border:1px solid #cecece;padding:5px;}

input[type="submit"], input[type="reset"] {cursor:pointer;
                                                                display:inline-block;font-weight:bold;font-size:13px;
                                                                height:22px;line-height:22px;margin:0 0 0 5px;padding:0 10px 1px;
                                                                position:relative;text-decoration:none;}

input[type="password"] {width: 200px;}

button:active, 
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {position:relative;top:1px;}


/* =text widget
------------------------------------------ */
.textwidget {font-size: 12px;line-height: 18px;padding:10px;}
.textwidget img {display: block;margin: 0 auto;padding: 0px;text-align: center;}


/* =Widgets
----------------------------------------------- */

.widget {background:#fff;border:1px solid #cfcfcf;clear:both;margin-bottom:15px;}
.widget select{border: 1px solid #d3d3d3;clear:both;display:block;margin-right:auto;margin-left:auto;margin-bottom:10px;
padding:5px;position: relative;width:93%;}
.widget-title {background:#2b2b2b url(images/transparant.png);color:#fff;font-size:13px;font-weight:bold;margin:0 0 8px 0;padding:4px 0 4px 10px;border-bottom:0px solid #ccc;}
.widget ul {font-size: 12px;list-style: none;margin: 0;padding:12px;}
.widget ul ul {margin-left: 1.5em;}
.widget ul li {font-size: 13px;}
.widget a {text-decoration: none;}
.widget a:hover,
.widget a:focus,
.widget a:active {text-decoration: underline;}
.widget ul li{border-bottom:solid 1px #f0f0f0;line-height:14px;padding: 5px 0 7px 0;}
.widget ul li:first-child {margin-top: -10px;}
.widget ul li:last-child{border-bottom: none;}




/* =flickr
------------------------------------------ */
.widget_flickr{ margin:0}
.widget_flickr a{color:#919191;font-weight:bold;}
.widget_flickr img{border:solid 1px #d0d0d0;float:left;margin:  0 5px 5px 0;padding:2px;width:59px;height:59px;}
.wrap-flickr{float:left;margin:10px 10px 10px 11px;width:290px;height:auto;}



/* =calender
------------------------------------------ */
#wp-calendar {font-size: .95em;line-height:10px;width: 100%;}
#wp-calendar td {border: 1px solid #dcdcdc;padding: 4px 0;text-align: center;}
#wp-calendar td.pad {}
#wp-calendar td#today a{color:red;}
#wp-calendar caption {color:red;font-weight:bold;line-height:12px;margin:0 2px 0 0;text-align:right;}
#wp-calendar th {background: #ae0606;padding: 5px;color: #fff;}
#wp-calendar td a{color:red;font-weight:bold;}


/* =ads
-------------------------------------------- */
.ad { display:inline-block;margin:-4px 0 -5px 0;}
.ad-container {margin:0px 0 -10px 0;}
.ad125x125 { margin: 5px 10px 5px 10px;}
.ad125x125.code-1, .ad125x125.code-3 { float: left; }
.ad125x125.code-2,.ad125x125.code-4{ float: right; }
.ad125x125 img {border: 1px solid #dedede;padding: 0px;}


/* =social connect
------------------------------------------ */
#social-bar{clear:both;margin:0 auto;padding: 0px;width:100%;height:20px;}
#social-bar  a{color:#f9f9f9;float:left;font-size:10px;font-weight:bold;margin:0 10px 0 0;}


/* =tag cloud
------------------------------------------ */
.tagcloud {padding:10px}
.tagcloud a {color:#051d42}


/* =share button
------------------------------------------ */
#share {clear:both;display:block;margin:0; overflow:hidden;padding:10px 0 0px 0;}
#share span{float:left;margin:0 2px 0 0;}	
.separate-line { border: 0; border-top: 3px solid #ddd;clear:both;display: block; height: 1px; margin:0 0 10px 0; padding: 0; }

/* =breadcrumbs
------------------------------------------ */
#breadcrumbs {color:#666;font-size:11px;line-height:17px;margin: 0 0 10px 0;padding: 0 0 10px 0;}
#breadcrumbs a {color:#be0202;margin: 0 1px 0 0;padding: 0 5px 0 0;}
#breadcrumbs .cat-feed a {background: url(images/rss.gif) no-repeat right 0px;display: block;
                                          float: right;font-size: 10px;font-weight:bold;height:20px;
	                          padding: 0 50px 0 0;color: #555;text-transform:uppercase;}

/* =tabs
------------------------------------------ */
.tabs{ font: bold 12px Verdana;margin-left: 0;margin-top: 1px;margin-bottom: 0;list-style: none;padding: 3px 0;text-align:left;}

.tabs li{ display: inline;margin: 0;}

.tabs li a{background:#2b2b2b url(images/transparant.png);border:1px solid #cfcfcf;color: #fff;margin-right: 3px;
              position: relative;z-index: 1;padding: 3px 7px;text-decoration: none;}

.tabs li a:visited{ color: #fff;}

.tabs li a:hover{text-decoration:none;}

.tabs li a.selected{ position: relative;top: 0px;}

.tabs li a.selected{background:#fff;border-bottom-color:white;color:#000;}

.tabs li a.selected:hover{text-decoration: none;}

.tabcontent{border:none;display:none;padding:4px 0 0 0;width:300px;}

.tab-box{border:1px solid #cfcfcf;width:300px; margin-bottom: 1em; padding: 0px;background:#fff;}

@media print {
.tabcontent {display:block !important;}
}


/* =FlexSlider 
----------------------------------------------- */
/* 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 {width: 100%; margin: 0; padding: 0px;padding-bottom:1px;background:#ccc;}
.sharpline{border:solid #fff; border-width:1px 0 0; clear: both;margin:0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.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
*********************************/
.thumb968 {width:968px;height:450px;padding:0px;}

.flexslider {position: relative; zoom: 1; overflow:hidden; border-bottom-color:#fff; border-bottom-style:solid; border-bottom-width:0px}
.flexslider img{display:block}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative; margin:0; padding:0; overflow:hidden}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav { height: 0; position:absolute; bottom: 0px; width:100%;}
.flex-direction-nav li a {width: 27px; height: 27px; background:url(images/bg_direc.png) no-repeat; display: block; position: absolute; bottom: 56px;cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: -27px 0; right: 60px;}
.flex-direction-nav li .prev {left:60px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flexslider .flex-control-nav {position: absolute; left:15px; bottom: -35px;}
.flexslider .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; padding:0;}
.flexslider .flex-control-nav li:first-child {margin: 0;}
.flexslider .flex-control-nav li a { background-color:#fff; width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999em;-moz-border-radius: 3px;-webkit-border-radius: 32px;border-radius: 3px;}
.flexslider .flex-control-nav li a:hover {background-color:#ddd;}
.flexslider .flex-control-nav li a.active {background-color:#cc3300; cursor: default;}

/* Added */
.flexslider .caption{background: url(images/slider_c.png);color:#fff; position:absolute;left:40px;bottom:38px;text-align:left;width:890px; font-size:30px; color:#fff; text-align:center; padding:20px 0;}
.flexslider .caption h2{color:#fff; text-shadow:none;  margin:0; padding:0;}
.flexslider .caption a{color:#fff}

/* fit content mode */
.fitcontent .flexslider .caption{ width:580px; left:20px; bottom:20px;padding:10px 0;}
.fitcontent .flexslider .caption h2{font-size:18px}
.fitcontent .flex-direction-nav li a{ bottom:30px}
.fitcontent .flex-direction-nav li .next {right: 40px;}
.fitcontent .flex-direction-nav li .prev {left:40px;}


