/*  
Theme Name:    JenRittner
Theme URI:     http://jenrittner.net/
Description:   Designer: Brian Crooks & Developer: Zeljan Topic.
Version:       1.1
Author:        BizzRtic
Author URI:    http://bizzartic.com/
*/

/*
               IMPORTANT NOTE!
               If you wish to make custom changes to your theme, DO NOT EDIT THIS FILE. Instead, use the custom.css template
               to define custom styles. This way, you will still be able to take advantage of future upgrades to the theme
               without worrying about overwriting your style changes.
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('library/css/960.css');

/*----------------------------------------------

STYLE.CSS FILE STRUCTURE:

1. GENERAL STYLING Options 
    1.1 Global Design Options
	1.2 Image Handling
2. NAVIGATION Options
    2.1 Top Navigation
	2.2 Pagination Options
3. MODULE Options
    3.1 Logo Options
    3.2 Front Options
	    3.2.1 Sidebar
	3.3 Footer Options
4. SINGLE PAGE/POST Options
5. ADDON Options
    5.1 Contact Form
	5.2 Breadcrumbs Navigation
6. WIDGET Options
    6.1 General Widget Styling
	6.2 Specific Widget Styling
	6.3 Footer Widget Styling
7. COMMENTS Options
    7.1 Comments
	7.2 Post Form

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

/*=== 1.1 Global Design Options ===*/
body{ font-family:Georgia; background:#ffffff }
a{ color:#000000 }
a:hover{ text-decoration:underline }

h1, h2, h3, h4, h5, h6 { font-weight:normal; margin:0 0 10px 0 }
p strong, li strong { color: #555; }
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:#F0F0F0 }
abbr, acronym { cursor:help }
a.button { background:#4fc4cc; font-family:"Trebuchet MS"; font-size:12px; text-decoration:none; text-transform:uppercase; color:#ffffff; margin:0; padding:5px 10px 4px 10px }
a.button:hover { text-decoration:underline }
hr.wid-sep { border:none; border-bottom:1px dotted #986b28; margin:15px 0; padding:0; height:1px }
*html hr.wid-sep { margin:5px 0 }

ul { list-style-type:disc; padding:10px 20px; margin:5px 0 15px 0; background:#F2F2F7; border:1px solid #dddddd }
ol { padding:10px 20px; margin:5px 0 15px 0; background:#F2F2F7; border:1px solid #dddddd }
ul li, ol li { margin:0 0 0 10px; padding:0 0 5px 0 }
ol li { list-style-type:decimal; margin:0 0 0 15px }
ul li a { font-size:13px }
ul li ul { list-style-type:circle; border:none; padding:5px 0 0 15px; margin:5px 0 0 0 }
ol li ol { border:none; padding:5px 0 0 15px; margin:5px 0 0 0 }
ul li ul li a, ol li ol li a { font-size:12px }
ul li ul li ul { list-style-type:square }
ul li ul li ul li a, ol li ol li ol li a { font-size:11px }

dl { font-size:14px; width:100%; border-collapse:collapse; margin:0 0 20px }
dl dt { color:#555; 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 #E7E8D0; 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"] { background:#4fc4cc; font-family:"Trebuchet MS"; font-size:12px; text-decoration:none; text-transform:uppercase; color:#ffffff; border:none; padding:5px 10px 4px 10px; margin:5px 0 }
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 }

.activation { text-align:center; position:absolute; top:35%; left:30%; font:normal 20px Georgia; background:#ffffe0; border:1px solid #e6db55; padding:15px }
.activation small { font:normal 16px Georgia }

/*=== 1.2 Image Handling ===*/
img.alignleft, img.left { float: left; margin:0 15px 10px 0 }
img.alignright, img.right { float: right; margin:0 0 10px 15px }
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.alignnone, img.block { display: block; clear: both; }
img.frame { background: #eee; border-style: solid; border-color: #ddd; }
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

.wp-caption { border:1px solid #DDDDDD; background:#F3F3F3 }
.wp-caption img { margin:5px 5px 0 5px }
.wp-caption-text { text-align:center; font-style:italic; margin:0 5px 5px 5px }
.wp-caption.alignleft { float: left; margin:0 15px 10px 0 }
.wp-caption.alignright { float: right; margin:0 0 10px 15px }
.wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
.wp-caption.alignnone { clear: both; }

/*--------- 2. NAVIGATION Options ---------  */

/*=== 2.1 Navigation ===*/
.top-menu-bgr{ background:transparent; padding-top:10px; margin-bottom:20px }
.top_menu { z-index:2; border-top:1px solid #543a14 }
.sf-menu, .sf-menu * { list-style:none; margin:0; padding:0; border:none; line-height:1 }
.sf-menu { float:left; text-align:left; font-size:14px; z-index:1000 }
.sf-menu a { color:#000000 }
.sf-menu li { float:left; position:relative; background:#ffffff }
.sf-menu li:hover { visibility:inherit }
.sf-menu li.current_page_item a{ color:#000000; background:#d6e4a8; font-weight:bold }
.sf-menu li a { font-size:14px; display:block; position:relative; text-decoration:none; padding:14px 20px }
.sf-menu ul { position:absolute; top:-999em; width:15em }
.sf-menu ul li { width:100% }
.sf-menu li ul li a { font-size:14px; padding:10px 20px }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left:0; top:42px; z-index:99 }
.sf-menu li li { background:#D6E4A8 }
.sf-menu li li li { background:#D6E4A8 }
.sf-menu li li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active, .sf-menu li.current_page_item a:hover { background:#bed575; outline:0 }
.sf-menu a.sf-with-ul { padding-right:2.25em;  }
.sf-sub-indicator { position:absolute; display:block; right:.75em; top:1.05em; width:10px; height:10px; text-indent:-999em; overflow:hidden; background:url(images/arrows-ffffff-trans.png) no-repeat -10px -100px }
a > .sf-sub-indicator { top:17px; background-position:0 -100px }
ul li ul a > .sf-sub-indicator { top:12px }
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position:-10px -100px }
.sf-menu ul a > .sf-sub-indicator { background-position:0 0 }
.sf-shadow ul { background:url(images/shadow-trans.png) no-repeat bottom right; -moz-border-radius-bottomleft:17px; -moz-border-radius-topright:17px; -webkit-border-top-right-radius:17px; -webkit-border-bottom-left-radius:17px; padding:0 8px 9px 0 }
.sf-shadow ul.sf-shadow-off { background:transparent }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top:-999em }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left:15em; top:0 }
.sf-menu ul .sf-sub-indicator, .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position:-10px 0 }

/*=== 2.2 Pagination Options ===*/
.wp-pagenavi { font-size: 12px; padding:10px; text-align:left; margin:0 }
.wp-pagenavi span.pages { color:#986b28; border:1px solid #000000; background-color:#FFF; margin:2px; padding:2px 4px }
.wp-pagenavi span.current { font-weight:700; border:none; color:#986b28; background-color:transparent; border:1px solid #986b28; margin:2px; padding:4px 8px }
.wp-pagenavi span.extend { border:none; color:#986b28; 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:#986b28; background:#FFF; display: inline; margin:2px; padding:4px 7px }
.wp-pagenavi a:hover { background-color:#f2f2f2 }

/*--------- 3. MODULE Options --------- */

/*=== 3.1 Logo Options ===*/
.logo-bgr { background:#ffffff; margin-top:30px; margin-bottom:10px; z-index:1 }
.logo-spot { padding:0 }
.logo-spot .blog-title { font:normal 37px Georgia; margin:0 0 5px 0 }
.logo-spot .blog-description{ font:normal 17px Georgia }
.logo-spot h1.logo { padding:0; line-height:10px }
.logo-spot h1.logo a:hover{ background:none }

/*=== 3.1.1 Search Options ===*/
.search-spot{ text-align:right; color:#C9C9C9; font-size:11px; padding:0 }
.search-spot .searchform { margin:0; padding:10px 0 0 0 }
.search-spot .searchform div { position:relative }
.search-spot .searchform .s { color:#c1c1a8; font:normal 14px Georgia; padding:7px 30px 7px 8px; width:180px; background:#f1f1eb; border:1px solid #f1f1eb }
.search-spot .searchform .s:focus { border:1px solid #c1c1a8 }
.search-spot .button { position:absolute; top:10px; right:8px; border:none; margin:0; width:16px; height:16px }

/*=== 3.2 Front Options ===*/
.front-bgr { margin-bottom:20px; z-index:1 }
.front { border-right:1px solid #dbdbdb; margin-right:9px }
.frontf { border:none; margin-right:10px }
.front .fblock { padding:0 0 5px 0; line-height:25px }
.front .fblock h1 { padding:0; margin:0 0 20px 0; font:normal 36px Georgia }

/*=== 3.2.1 Sidebar ===*/
.sidebar { padding:0 20px 0 0 }

/*=== 3.3 Credentials Options ===*/
.credentials-bgr { background:#c1c1a8; padding:10px 0; font-size:11px }
.credentials-bgr .ac { text-transform:uppercase; font-size:12px; color:#404041 }

/*--------- 4. SINGLE PAGE/POST Options --------- */

h2.title, h1.title { color:#231f20; font:normal 24px/27px Georgia; margin:0 0 30px 0; padding:6px 10px; border:none }
h1.title { margin:0 0 15px 0 }
.single { margin:0 20px 10px 10px; padding:0 }
.meta { font:normal 13px/21px Georgia; color:#9c9c89; margin:0; padding:0 0 15px 0 }
.meta span, .meta abbr { font-style: normal }
.meta span { font-style:italic }
.meta a { color:#9c9c89 }
.format_text { line-height:23px }
.format_text h1, .format_text h2, .format_text h3, .format_text h4, .format_text h5, .format_text h6 { color:#986b28 }
span.comments a { background:#4fc4cc; font-family:"Trebuchet MS"; font-size:12px; text-decoration:none; text-transform:uppercase; color:#ffffff; margin:0; padding:5px 10px 4px 10px }
span.comments a:hover { text-decoration:underline }

/*--------- 5. ADDON Options --------- */

/*=== 5.1 Contact Form ===*/
.bizzclean-contact { text-align: left; width: 30em; display: block; border:0; padding-top: 1em }
.clean-contact input[type=text] { width:97%; margin-bottom: .5em; padding:5px }
.clean-contact label { clear: none; display: inline; text-align: left; }
.clean-contact textarea{ width:97%; height: 15em; margin-bottom: .5em; font-size: 1.2em; padding:5px }
.clean-contact label em { font-weight: bold; font-style: normal; color: red; }
.clean-contact-msg { font-weight: bold;  padding: 1em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }
.clean-contact-msg.ok{ background-color: #8dff87; border: solid 1px #e6f4d7; color: #000; margin: 2em 0 2em 0; }
.clean-contact-msg.err{ background-color: #ff9595; border: solid 1px #fff; color: #000; }

/*=== 5.2 Breadcrumbs Navigation ===*/
#breadcrumb { background:#f2f2f2; color:#666666; padding:5px 0 5px 10px; margin:10px 20px 20px 0; font:normal 12px Georgia }
#breadcrumb p { margin:0; padding:0 }
#breadcrumb p a { color:#666666 }
#breadcrumb p strong{  }
	  
/*--------- 6. WIDGET Options --------- */

/*=== 6.1 General Widget Styling ===*/
.widget { margin:0 0 20px 0; line-height:24px; height:100% }
.widget h3 { font-family:"Trebuchet MS"; font-size:12px; border-bottom:1px dotted #986b28; color:#986b28; margin:10px 0; padding:0 0 5px 0; text-transform:uppercase }
.widget ul { list-style:none; margin:0; padding:0; background:none; border:none }
.widget ul li { list-style-type:none; margin:0; padding:2px 0 }
.widget ul li ul { background:transparent url(images/tree-vert.gif) repeat-y top left; list-style:none; margin:5px 0 }
.widget ul li ul li { line-height:15px; padding-left:17px; background:transparent url(images/tree-horiz.gif) no-repeat 0px 10px }
.widget select { width:100%; margin:0; padding:5px; background:#f1f1eb; border:none }
 
 /*=== 6.2 Specific Widget Styling ===*/	
.widget #searchform label{ visibility:hidden; display:none }
.widget #searchform input#s{ border:1px solid #000000; width:60%; padding:5px }
.widget #searchform input#searchsubmit{ background:#000000; color:#ffffff; width:30%; padding:5px 0 }

#calendar_wrap { width: 98%; padding:0; margin:0 }
#calendar_wrap a { font-weight: bold; }
#calendar_wrap a:hover {  }
table#wp-calendar { width: 98%; border-collapse: collapse; }
table#wp-calendar caption { margin:0 0 0 -1px; font-weight:bold; letter-spacing: 2px; padding:25px 0 10px 0; color:#fff; background:transparent url(images/calendarhead.png) repeat-x left top }
table#wp-calendar th, table#wp-calendar td { padding:5px; text-align:center; color:#333333 }
table#wp-calendar th { width: 14%; border:1px solid #cccccc; background:#f2f2f2 }
table#wp-calendar td { width: 14%; border:1px solid #cccccc; background:#ffffff }
#today  { background:#ffffcc }
table#wp-calendar td#next, table#wp-calendar td#prev { width: 45%; letter-spacing: 1px; }
table#wp-calendar td#next { text-align: right; }
table#wp-calendar td#prev { text-align: left; }
table#wp-calendar td#prev, table#wp-calendar td#next { background:transparent }
table#wp-calendar tfoot td{ border:none }

/*=== 6.3 Footer Widget Styling ===*/
.foot-bgr { background:#f1f1eb; z-index:1 }
.foot-widgets .widget { background:none; color:#231f20; margin:15px 0; padding:0 20px; border:solid #c1c1a8; border-width:0 1px }
.foot-widgets .widget img { vertical-align:middle }
.foot-widgets .first .widget { border:none; padding:0 0 0 20px }
.foot-widgets .last .widget { border:none; padding:0 20px 0 0 }
.foot-widgets .widget a { color:#231f20 }
.foot-widgets .widget h3 { font:bold italic 16px Georgia; color:#986b28; border-bottom:none; text-transform:none }

.foot-widgets .rec-title { margin:0 0 10px 0 }
.foot-widgets .rec-title a { font:normal 13px/30px Georgia }
.foot-widgets .rec-title span.rec-date { font:normal italic 11px Georgia; display:block }
.foot-widgets .rec-excerpt { font:normal 13px/24px Georgia }
.foot-widgets .cont-info { font:bold 13px/24px Georgia }
.foot-widgets .cont-rss, .foot-widgets .cont-twitter { margin:5px 0 0 0 }
.foot-widgets .cont-rss a, .foot-widgets .cont-twitter a { margin:0 0 0 5px }
  
/*--------- 7. COMMENTS Options --------- */

/*=== 7.1 Comments ===*/
h3.tcomm, h2.post-form { font:normal italic 20px Georgia; color:#986b28; padding:10px 0; margin:10px 0 20px 0; border:solid #dbdbdb; border-width:1px 0 }
#respond h3.tcomm { border:none; padding:0; margin:10px 0 0 0 }
#comments { background:#ffffff; position:relative; padding:0 10px }
#comments ol.commentlist, #comments ol.commentlist li { padding:0; margin:0; background:none; border:none }
#comments .comment { margin-top:10px !important; width:100%; list-style-type:none }
#comments .comment a { padding:1px 0 }
#comments .comment small { font-size: 11px }
#comments .comment .comment-container  { padding:3px 0 }
#comments .comment .avatar-wrap { float:left }
#comments .comment .avatar-wrap img { background:#fff }
#comments .comment .text-right { margin-left:75px }
#comments .comment .text-right .comm-reply{ font:normal 12px Georgia; color:#9c9c89; padding:5px 10px 20px 10px; margin:0; border:dotted #dbdbdb; border-width:1px 0 }
#comments .comment .text-right .comm-reply span.author{ color:#986b28; font-style:italic }
#comments .comment .text-right .comm-reply span.author a { color:#986b28 }
#comments .comment .text-right a.comment-reply-link { color:#986b28 }
#comments .comment .text-right .comm-reply .fr{ margin:0 }
#comments .comment .text-right .comm-reply small a{ font-weight:normal }
#comments .comment .text-right .comment-entry { padding:10px }
#comments .comment .text-right .comment-entry p { padding:0 0 10px 0; margin:0 }
#comments ul.children { padding:0 0 0 25px; margin:0; list-style:none; border:none; background:none }
#comments .comment .authcomment { border:1px solid #3c3ca4; background:#eeeeff }
p.commpadd{ padding:0; margin:0 0 10px 0 }
p.commpadd label { color:#986b28 }
.cancel-comment-reply { padding:10px 0 }
.cancel-comment-reply a#cancel-comment-reply-link { background:#FEFFA2; padding:4px 6px }

/*=== 7.2 Post Form ===*/
#respond { padding:10px; margin:0 }
#respond a{ padding:1px 0 }
#respond p{ padding:5px 0; margin:0 }
#respond textarea, .commpadd input{ background:none }
#respond textarea { margin:0; padding:4px }
p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
p.commpadd label{ padding:0 0 0 5px }
#comments_wrap .navigation { margin:15px 0 0 0 }
#comments_wrap .navigation a { padding:5px 8px; color:#000000; font-size:12px; background-color:#dddddd; border:1px solid #777777; text-decoration:none }
#comments_wrap .navigation a:hover { opacity:0.86 }