/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

    1. Activate custom.css file in theme admin panel
	2. Open style.css file and find any clasess you want to override
	3. Copy classes to override in this file, put them outside green commented area


START OVERRIDING / ADDING NEW CLASESS BELOW THIS LINE */

/*--------- 1. GENERAL STYLING Options --------- */

/*=== 1.1 Global Design Options ===*/
body{ font-family:Helvetica-New; background:#FFFFFF; color:#696969}
.main { padding-top:30px; padding-bottom:50px }
a{ color:#000000; text-decoration:none }
a:hover{ text-decoration:underline }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 18px 0 }
p strong, li strong { color: #DCDCDC; }
blockquote { padding:0 15px; margin:15px 0 15px 15px; border-left:3px solid #ccc; display:block }
blockquote, blockquote p { font:italic 13px Tahoma; line-height:23px }
code { background:#DCDCDC}
abbr, acronym { cursor:help }
a.button { background:#DCDCDC url(images/ico-bullet-fff.png) no-repeat 8px 10px; color:#ffffff; font-size:15px; text-decoration:none; margin:0; padding:5px 10px 5px 20px; height:1% }
a.button:hover { text-decoration:none; background-color:#DCDCDC}

dl { font-size:14px; width:100%; border-collapse:collapse; margin:0 0 20px }
dl dt { color:#5551; font:bold 12px Tahoma; padding:8px 10px; vertical-align:middle }
dl dd { border:1px solid #E7E8D0; color:#333; padding:10px }

table { font-size:14px; width:100%; text-align:right; border-collapse:collapse; margin:0 0 20px }
table caption { margin:15px 0 }
table th { border:1px solid #E7E8D0; color:#555; font:bold 12px Tahoma; padding:8px 10px; vertical-align:middle }
table td { border:1px solid #c2c6b3; color:#333; padding:10px }
table td sup { font:normal 10px Tahoma; color:#555555 }
table td img { position: relative; vertical-align:middle }

input, textarea { font-size: 1em; color: #444444; border: 1px solid #aaa; border-right-color: #ddd; border-bottom-color: #ddd; }
input:focus, textarea:focus { background: #ffffff; border-color: #777; border-right-color: #ccc; border-bottom-color: #ccc; }
input[type="submit"] { padding:6px 12px; margin:5px 0; color:#ffffff; font:bold 13px Tahoma; background:#DCDCDC url(images/bg-button.png) no-repeat center 0; border:1px solid #414C2A }
input[type="submit"]:hover { cursor:pointer; opacity:0.86 }

.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl, .alignleft{ float: left }
.fr, .alignright{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }
.al{ text-align: left }




/*--------- 2. NAVIGATION Area ---------  */
.navigation-area { margin-bottom:20px; background:#DCDCDC}

/* First level menu items */
.top_menu { z-index:2; background: transparent}
ul.sf-menu { background:none; border:none; padding:0 }
.sf-menu li ul { border:none; padding:0; margin:0 }
.sf-menu, .sf-menu ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
.sf-menu a  { display:block; z-index:100; padding:5px 15px; line-height:35px; font-size:18px; color:#000000; text-decoration:none }
.sf-menu li:hover li a { color:#000000}
.sf-menu li:hover { background:#F0F0F0}
.sf-menu li ul li.current_page_item a { font-weight:bold }
.sf-menu li  { float:left; width: auto; padding:2px 5px; margin:0 }
.sf-menu li li.current_page_item { background: none; }
.sf-menu li.current_page_item { background:#CDCDCD}
.sf-menu .sf-sub-indicator { padding-left:5px }

/* Drop-down menu items */
.sf-menu li ul  { position:absolute; left:-999em; width:180px; background:#DCDCDC}
.sf-menu li ul li  { border:none; padding:0; margin:0 }
.sf-menu li ul li a  { background:url(images/ico-bullet.png) no-repeat 5px 15px; width:150px; padding-left:15px; line-height:30px; font-size:13px; color:#000000 }
.sf-menu li ul li ul li a  { width:150px; line-height:30px; font-size:12px }
.sf-menu li ul li:hover  { background:#F0F0F0}
.sf-menu li ul li a:hover { color:#000000 }
.sf-menu li ul  { padding:5px; }
.sf-menu li ul ul  { margin: -20px 0 0 140px; }
.sf-menu li:hover ul ul, .sf-menu li.sfhover ul ul, .sf-menu li:hover ul ul ul, .sf-menu li.sfhover ul ul ul { left:-999em; }
.sf-menu li:hover ul,.sf-menu li li:hover ul,.sf-menu li li li:hover ul,.sf-menu li.sfhover ul,.sf-menu li li.sfhover ul,.sf-menu li li li.sfhover ul  { left:auto; }
.sf-menu li:hover,.sf-menu li.hover  { position:static; }




/*--------- 4. FOOTER WIDGETS Area ---------  */
.footer-area { z-index:1; background:#DCDCDC; margin-bottom:20px }

/*--------- 5. ARCHIVE/PAGE/POST Formating Options --------- */

/*=== 5.1 Text Formating ===*/
.format_text { line-height:25px }
.format_text img{ padding:5px; border:1px solid #DCDCDC}
.format_text ul, .format_text ol { margin:0 0 10px 15px; padding:0; background:none; border:none }
.format_text ul li, .format_text ol li { font-size:15px; margin:0; padding:4px 0 }
.format_text ul { list-style-image:url(images/list-bullet-trans.png) }
.format_text ul li { list-style-type:none; padding:4px 0 4px 5px }
.format_text ol li { margin:0 0 0 10px; padding:4px 0 4px 5px }
.format_text ul li ul, .format_text ol li ol { list-style-image:none; margin:6px 0 }
.format_text ul li ul { background:transparent url(images/tree-vert.gif) repeat-y top left; list-style:none }
.format_text ul li ul li, .format_text ol li ol li { font-size:14px; line-height:15px; padding-left:17px }
.format_text ul li ul li { background:transparent url(images/tree-horiz.gif) no-repeat 0px 10px }
.format_text ul li ul li ul li, .format_text ol li ol li ol li { font-size:13px }

/*=== 5.2 Content Display ===*/
.content-area { z-index:1; margin-bottom:20px }
.front { background:#FFFFFF; border:1px solid #DCDCDC }
h2.title, h1.title { background:#FFFFFF url(images/title-bg-trans.png) no-repeat left bottom; padding:8px 20px; margin:0 0 20px 0; border-bottom:1px solid #E1DFDA; color:#000000; font-size:26px }
h1.title { padding:16px 20px 17px 20px; margin:0 0 15px 0 }
h2.title span.fl, h1.title span.fl { margin:8px 0 0 0 }
h2.title img, h1.title img { vertical-align:middle; margin:0; padding:0 }
.single { padding:5px 20px 10px 20px; margin:0; border-bottom:1px solid #E1DFDA }
.single.sing { border:none }
.single img.thumbnail { padding:5px; border:1px solid #B0B5B7 }
.headline h2 { margin:5px 0 }
.meta {color:#666666; margin:0 0 15px 0; padding:5px 0 }
.meta span, .meta abbr { font-style: normal }
span.read-more { padding:0 0 10px 0; display:block }
span.read-more a  { background:#A7483C; color:#ffffff; font-size:12px; text-decoration:none; margin:0; padding:5px 10px }
span.read-more a:hover { text-decoration:none; background-color:#5B261B }

/*=== 5.3 Pagination Options ===*/
.wp-pagenavi { background:#DCDCDC url(images/title-bg-trans.png) no-repeat left bottom; padding:20px 20px; margin:0; font-size: 12px; text-align:center }
.wp-pagenavi span.pages { color:#000000; border:1px solid #000000; background-color:#FFF; margin:2px; padding:2px 4px }
.wp-pagenavi span.current { font-weight:700; border:none; color:#ffffff; background-color:#5B261B; margin:2px; padding:5px 8px }
.wp-pagenavi span.extend { border:none; color:#000000; background-color:#ffffff; margin:2px; padding:2px 4px }
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active { text-decoration:none; border:1px solid #dbdbdb; color:#000000; background:#FFF; display: inline; margin:2px; padding:4px 7px }
.wp-pagenavi a:hover { background-color:#dbdbdb }

/*=== 5.4 Breadcrumbs Navigation ===*/
#breadcrumb p{ background:#FCFBF7 url(images/title-bg-trans.png) no-repeat left bottom; font:normal 11px Verdana; padding:8px 20px; margin:0; border-bottom:1px solid #DCDCDC }
#breadcrumb p a {  }
#breadcrumb p strong {  }