/*
Theme Name: Jan Pro
Description: Theme for Jan Pro.
Author: revenflo
Author URI: 
version: 1.0
*/



/* basics */

* { margin:0; padding:0; }
body { background: url('images/body_bg.jpg') repeat-x #f9f9f9; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #343434; padding: 0 0 20px 0; }

h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 16px; }
h1, h2, h3, h4 {color: #000;}
img { border: none; padding:0; }
img a { border:none; }
img.left { float: left; border: none; padding: 6px 0 0 0; }
img.right { float: right; border: none; padding: 0 0 0 6px; }
blockquote { border-left:1px solid #A5ABAB; margin:15px; padding:0 12px 0 12px; }
code { font-family:"Courier New", Courier, monospace; }
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
/* links */

a { color:#9d1717; text-decoration:none; }
a:hover { text-decoration: underline; }
a.button {padding: 5px; background-color: #e1e1e1; border: 1px solid #3c3c3c; color:#3c3c3c; font-family: Helvetica, Arial, sans-serif}

/* container */
.top_body_bg {position: absolute; z-index:-100; top: 0;  margin-left: -115px;}

#container { width:964px; margin: 0 auto; padding:0; }
/* header */
#topmenu{position: absolute; top: 0; background: url('images/top_nav.png') no-repeat; width: 960px; height: 34px;}

ul.topmenu { margin: 6px 0 0 25px; padding:0; }
ul.topmenu li { list-style-type: none; float:left; margin: 0; padding: 0; }
ul.topmenu li a { padding: 0 12px; margin: 0; display:block; color: #fff; font-size: 12px}
ul.topmenu li a:hover { text-decoration: underline;}
ul.contacttop {float: right; list-style-type: none;}
ul.contacttop li {color: #fff; display: inline; padding: 5px;}
ul.contacttop li a {color: #fff;}

#slogan {float: right; color: #fff; font-size: 12px;}

/* main menu */
ul.menu { margin:50px 0 0 0; padding:0; }
ul.menu li { list-style-type: none; float:left; margin: 0; padding: 0; }
ul.menu li a { padding: 0; margin: 0; display:block; }
ul.menu li a:hover { }

ul.menu li ul {display: none; position: absolute; z-index: 100;}
ul.menu li:hover ul {display: block;}

ul.menu li ul {background-color: #fff; padding: 10px; border-bottom: 3px solid #9d1717; width: 300px; font-size: 14px;}
ul.menu li ul li {display: block; width: 300px;}
ul.menu li ul li a {color: #234076; padding: 4px 18px; margin: 4px 0; font-weight:bold;}
ul.menu li ul li a:hover {text-decoration: none; color: #9d1717;}

#marquee{background: url('images/marquee.jpg') no-repeat; width: 965px; height: 420px;}
#marquee #slider_content {width: 288px; height: 357px; float: left; margin: 30px 20px 0 34px; background: url('images/slider_content_bg.jpg') no-repeat;}
#marquee #slider_content .slider_content_inner {height: 275px; width: 250px; margin: 20px 0 5px 15px;}
#marquee #slider_content .slider_content_inner h2 {color: #fff; text-align: center; margin: 0 auto 10px auto; font-size: 22px;}
#marquee #slider_content .slider_content_inner p {color: #fff; padding: 0 10px; text-align: center;}

#marquee #slider_content .slider_content_inner a.link {padding: 6px 4px 0px 4px; width: 170px; height: 25px; display: block; color: #fff; background-color: #284a81; border: 1px solid #366fa5; font-family:Verdana, Geneva, sans-serif; text-align: center; margin: 0 0 0 34px; position:absolute; top: 405px; }
#marquee #slider_content .controls {position: relative; margin: 0 0 0 50px;}
#marquee #slider_content .controls ul {list-style-type: none;}
#marquee #slider_content .controls ul li {display: inline;}
#marquee #slider_content .controls ul li a{padding: 2px 4px; width: 20px; height: 20px; float: left; display: block; margin: 0; color: #fff; background-color: #284a81; border: 1px solid #366fa5; font-family:Verdana, Geneva, sans-serif; text-align: center;}
#marquee #slider_content .controls ul li a.currentbutton {background-color: #366fa5; color: #284a81;}

#marquee .slider {width: 580px; height: 364px; background:url('images/slider_bg.jpg') no-repeat; float: left; margin: 32px 0 0 0;}
#marquee .slider ul {list-style-type: none;}
#marquee .slider img {width: 564px; height: 356px; }

#headerspacer {height: 30px; border-bottom: 1px solid #d9d9d9; width: 95%; margin: 0 auto 20px auto;}

/*  home  */

#home_art1 {padding: 15px 30px; border: 1px solid #d9d9d9;}
#home_art1 img.attachment-post-thumbnail {border: 3px solid #d9d9d9;}
#home_art1 h3, #home_art2 h3, #home_art3 h3 {color: #fff; padding: 4px 8px; font-size: 16px; float: left; }
#home_art1 h3 a, #home_art2 h3 a, #home_art3 h3 a {color: #182c54;}
#home_art1 p, #home_art2 p, #home_art3 p {line-height: 2.2em; float: left;}
.home_art_post{ margin: 0 auto; width: 375px; float: right;}
.home_art_post a.button {margin: 20px 0 0 260px; white-space: nowrap; font-weight:bold; float: left;}
h2.shadowtitle{padding: 0 10px 20px 0px ; background: url('images/home_title_shadow.png') no-repeat bottom left; color:#9d1717; }
hr.home_art {border: none; color: #fff; background-color: #fff; border-bottom: 1px solid #d9d9d9; margin: 5px 0 10px 0;}

#home_art2, #home_art3 {float: left; width: 287px; padding: 30px;}
#home_art2 {border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }
#home_art3 {border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; width: 289px; border-left: 1px solid #d9d9d9;}
#home_art2 h2.shadowtitle, #home_art3  h2.shadowtitle{text-align: center;  background: url('images/home_title_shadow.png') no-repeat bottom center;}


/* content */


#content { float: left; overflow: hidden; margin:0 0 25px 0; background-color: #fff;border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }
.leftcontent {width: 700px;}
hr.white {border: none; color: #fff; background-color: #fff; border-bottom: 1px solid #fff; margin: 5px 0 10px 0;}
div.pagethumb {background-color: #fff; width: 570px; height: 300px; border-bottom: 2px solid #d9d9d9; border-right: 2px solid #d9d9d9; padding: 8px; margin: 10px auto 25px auto;}
div.pagethumb img {width: 570px; height: 300px;}
h2.pagetitle {color: #444444; text-align: center; font-size: 30px; padding: 15px 0 4px 0; height: 55px; background: url('images/home_title_shadow.png') no-repeat bottom center;}
.post { margin:0; padding:10px 55px; line-height: 2em; font-size: 14px; border-bottom: 1px solid #d9d9d9; }
.post h2 { color: #9d1717; text-align: center; font-size: 30px; padding: 4px 0 20px 0; background: url('images/home_title_shadow.png') no-repeat bottom center; }
.post h2 a { color: #444444; text-decoration: none; }
.post h2 a:hover { color: #777; text-decoration: none; }
.post ul { margin: 0 15px; }
.post li { }
.entry p { margin:12px 0; }
.entry p.tags { color: #9d1717; font-weight: bold; margin: 0;}
.entry h4 { font-weight: bold; font-size: 16px; color: #000; }
.postmetadata { clear: both; background:#F7F7F7; padding:6px; margin: 20px 0; }
.navigation { font-size:8pt; width:100%; float:left; margin:0; padding:0; overflow:hidden; }
.alignleft a { float:left; margin:25px 0; }
.alignright a { float:right; margin:25px 0; }
/* left sidebar */

#left { width:190px; float:left; margin:0; padding:0; border-right: 1px solid #ddd; }
#left h2 {  margin: 0; padding: 0; }
#left label {  margin: 0; padding: 0; }
#left p { margin:0; padding: 0; }
#left img { padding: 0; margin: 0; }
#left ul { margin:12px; padding:0; }
#left ul li { margin: 0; padding: 0; line-height: 14pt; list-style-type: none; }
#left ul ul { margin:14px 0; padding: 0; }
#left ul ul li { list-style-type: none; }
#left ul ul ul { margin: 0; padding: 0; }
#left ul ul ul li { padding: 0 0 0 15px; list-style-type: square; color: #898989; }
/* right sidebar */
#right { width:250px; float:right; margin:0; padding: 0; border-left: 1px solid #ddd; background-color: #e7e9e9; }
#right h2 {  color: #fff; margin: 0; padding: 4px 8px; background: url('images/cat_widget_title') repeat-x; width: 201px; }
#right label {  color: #000; margin: 0; padding: 0; }
#right p { margin:0; padding:0; }
#right img { padding: 0; margin: 0; }
#right ul { margin:12px; padding:0; }
#right ul li { margin: 0; padding: 0; line-height: 14pt; list-style-type: none; }
#right ul ul { margin:0 0 14px 0; padding: 10px 0; background-color: #e7e7e8; border: 2px solid #999999; width: 213px; }
#right ul ul li { list-style-type: none; }
#right ul ul ul { margin: 0; padding: 0; }
#right ul ul ul li { padding: 0 0 0 15px; list-style-type: square; color: #898989; }

#right ul ul li.cat-item {list-style: url(images/li_arrow.jpg); margin: 6px 0 0 40px; }
#right ul ul li.cat-item a {color: #000; font-size: 16px; }

#right div.textwidget{margin: 0 0 15px 0;}
/* comments */

#commentform { margin:0;  padding:0; }
#commentform p { color: #000; }
#commentform a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; line-height: 14pt; }
#commentform h3 { font-family: georgia, times, verdana; font-size: 10pt; font-weight: 300; color: #000; margin:0; padding:0; }
#comment { width:80%; }
#author, #email, #url, #comment, #submit { background: #fff; font-family: verdana, arial, times; font-size: 8pt; margin:5px 5px 0 0; padding:0; border: 1px solid #000; }
#submit { padding: 6px;  display: block; color: #fff; background-color: #284a81; border: 1px solid #366fa5; font-family:Verdana, Geneva, sans-serif; text-align: center; cursor: pointer;}
#comments { margin:0; padding:0 }
#respond {padding:10px 55px; }
ol.commentlist { list-style-type: none; margin:0; padding:10px 55px;  }
.avatar { float:left; margin:0 12px 0 0; }
ol.commentlist li { background: #fff; margin:10px 0; padding:5px 0 5px 10px; list-style-type:none; }
ol.commentlist li.alt { background: #eee; }
ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt; }
ol.commentlist a { color:#000; }
cite { font-family: arial, verdana, tahoma; font-size: 9pt; font-weight: bold; font-style: normal; }
cite a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71; }
/* search */

#searchform { padding:0; margin:14px 0; }
#searchform input#s { margin:0; border:1px solid #000; padding:2px; }
/* misc */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.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; }
/* footer */

#footer { background:#fff; padding: 25px 0 0 0; border: 1px solid #d9d9d9; clear: both; }
#footer img.footer_logo {display: block; margin: 0 0 0 470px; position: absolute; z-index: 2;}
#footer .redbars {height: 10px; border-top: 1px solid #9d1717; border-bottom: 1px solid #9d1717;}
#footer ul {list-style-type: none; margin: 25px 30px; float: left; text-align: center; }
#footer ul li {}
#footer ul li a {color: #908f8f; padding: 7px 0; display: block;}
#footer ul li aLhover {text-decoration: underline;}
#footer ul.footer_links1{margin-left: 300px;}

* html #footer ul.footer_links1{margin-left: 150px;}