/*
Theme Name: Wordzine
Theme URI: http://demo.monofactor.com/wordzine/
Description: A stunning magazine theme from Monofactor via Themeforest.
Version: 1.0
Author: Onur Oztaskiran
Author URI: http://www.monofactor.com/
Tags: magazine, light, link, blue, two column, widgets, jquery
*/
/** RESET AND DEFINE GENERAL SETTINGS **/
ul, ol, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0;}
h1 {font-size:150%;} h2 {font-size:130%;} h3 {font-size:120%;}
fieldset { border:none;}
fieldset legend { display:none;}
ul , ol {list-style: none;}
body { background: url(images/bg2010.jpg) top center no-repeat #f2f6f9; background-attachment:fixed; font: 9pt Helvetica, Verdana, Arial, sans-serif; margin: 0px;}
body, html {height:100%}
span.spacer {display: block; width: 100%;height: 0px;clear: both;visibility: hidden;font-size: 0px;}
a {color:#3f94c5; outline:0;}
.hidden {display: none;}
img {border: none; outline: none;}
img.alignleft {float:left; margin: 0 10px 10px 0}
/**/
/** container **/
#container {width:965px;position:relative; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -62px; background: url(images/bg_container.jpg) no-repeat;}
.push {height:90px;}
/** footer **/
#footer_wrap {background:#e0e1e2; height:46px; padding-top:15px; position:relative; background: url(images/bg_footer.gif) repeat-x #dde0e2;}
#footer {width:965px; margin:0 auto; font-size: 0.9em; color: #666;}
#footer a:hover {color:#000; text-decoration: none;}
.left {float:left;}
.right {float:right;}
#footerLogo {margin-top:-0px;}
/** header **/
#header {padding-top: 0px; margin-bottom: 3px;}
#header h1 {display:block; background: url(images/logo.jpg) no-repeat; width:965px; height: 80px; float: left; margin-top: 5px;}
#header h1 a {display: block; width:965px; height: 80px;}
#header h1 a span {display: none;}
/** logged in **/
#userBox {width:300px; float: right;}
#userBox p {margin: 4px 0; font-size: 0.9em; color:#999}
#userBox p a:hover {color:#333; text-decoration: none;}
#userBox h3 {color:#3f94c5; font-size:1.2em;}
div.avatar {background: url(images/bg_avatar.gif); width: 46px; height: 46px; padding: 6px 0 0 6px; float: left; margin-right: 10px;}
/** not logged in - unregistered **/
fieldset#loginBox {width:400px; float:right; display: block; margin:5px 0 0 0; padding:0;}
fieldset#loginBox form {padding-top:5px;}
fieldset#loginBox form label {background: url(images/bg_loginput.gif) no-repeat; width: 119px; height: 21px; display: block; float:left; margin-right:15px;}
fieldset#loginBox form label input {background: none; border: none;outline: none; width: 119px; margin-left: 12px; padding-top: 5px; color:#999; font-size:0.9em;}
input#bt_login {margin-top:-1px;}
fieldset#loginBox h3 {display:block; color:#3f94c5; float:left; width:50px; font-size:1.2em; font-weight:bold; margin-right:15px;}
fieldset#loginBox ul {margin-top:10px; margin-left:60px;}
fieldset#loginBox ul li {float:left; margin-right:10px; border-left:1px solid #999; padding-left:10px; font-size:0.9em;}
fieldset#loginBox ul li:first-child {border-left:none;}
/** innerContent General Settings **/
div#innerContent {background: url(images/bg_skeleton.gif) repeat-y 1px 0px; padding: 18px 15px 0 15px;}
div#innerContent h2 {margin-bottom: 10px; font-size:18px;}
div#iContentLeft {float: left; padding-left: 3px; width:670px; position:relative;}
div#iContentLeft h3 {margin: 15px 0;}
div#iContentBottom {background: url(images/bg_skeletonBottom.gif) no-repeat -60px 0px; width: height: 37px; clear: both;}
/** top menu & sub menu content **/
div#navHeader {background: url(images/bg_skeletonTop.gif) no-repeat 0px 45px; height: 90px; position:relative;}
div#navHeader fieldset {float: right; width: 250px; display: block; position:absolute; bottom:12px; right:11px;}
div#navHeader form label {background: url(images/bg_search.gif) no-repeat; width: 246px; height: 21px; display: block; }
div#navHeader form label input {background: none; border: none;outline: none; width: 210px; margin-left: 22px; padding-top: 5px; color:#999;
font-size:0.9em;}
div#navHeader div#rssLinks {width:100px; position:absolute; right:11px; top:10px; padding-right:20px; padding-top:3px; height:20px; background:url(images/icon_rss.gif) no-repeat right;}
div#navHeader div#rssLinks a {color:#666; text-decoration:none; border-bottom:1px solid #f2f5f7; font-size:0.9em;}
div#navHeader div#rssLinks a:hover {color:#333; border-bottom: 1px solid #b59100}
/** Navigation **/
ul#menu {margin-left: 10px;}
ul#menu li {float:left; margin-right: 5px;}
ul#menu li a {display: block; color:#475c68; font-size: 1.25em; font-weight: bold; text-decoration: none; height: 45px; padding: 0 0 0 20px; float:left;}
ul#menu li a:hover {color:#00a2ff;}
ul#menu li a span {display: block; padding:12px 20px 31px 0px; _padding:12px 20px 15px 0px;}
ul#menu li.navSelected a, ul#menu li.current-cat a, ul#menu li.current-cat-parent a {background: url(images/bgnavLeft.gif) no-repeat; color:#fff}
ul#menu li.navSelected a:hover, ul#menu li.current-cat a:hover {color:#f2f2f2;}
ul#menu li.navSelected a span, ul#menu li.current-cat a span, ul#menu li.current-cat-parent a span {background:url(images/bgnavRight.gif) no-repeat top right;}
div#headerContent {display: block; position:absolute; color:#f2f2f2; padding-top: 5px; bottom:13px; left:15px;}
div#headerContent a {color:#bdd0da; text-decoration:none;}
div#headerContent a:hover {color:#fff;}
#subMenu {clear:both;}
#subMenu ul {font-size: 0.9em; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial; width: 500px;}
#subMenu ul {position:absolute; padding: 11px 0 11px 0; bottom:0; left:20px}
#subMenu ul li {float:left; margin-right: 10px; color:#7c8d93;}
#subMenu ul li a {color:#ddd; display: block; background: url(images/bg_subcat_left.gif) no-repeat !important; padding-left: 11px; height: 23px; text-decoration: none; float:left;
font-size: 1em; font-weight:normal;}
#subMenu ul li a:hover {color:#f2f2f2; background: url(images/bg_subcathoverLeft.gif) no-repeat !important; }
#subMenu ul li a span { background: url(images/bg_subcatRight.gif) no-repeat top right !important; display: block; padding:4px 11px 6px 0;}
#subMenu ul li a:hover span {background: url(images/bg_subcathoverRight.gif) no-repeat top right !important;}
#subMenu ul li.selected a, #subMenu ul li.current-cat a {background: url(images/bg_subcatselectedLeft.gif) no-repeat !important;}
#subMenu ul li ul li.selected a span, #subMenu ul li.selected a:hover span, #subMenu ul li.current-cat a span {background: url(images/bg_subcatselectedRight.gif) no-repeat top right !important; color:#f2f2f2;}
/** iContentLeft Home
This part contains the innerContentLeft Home Featured Posts Section **/
div#featured {background:url(images/bg_featuredposts.gif) no-repeat; width:640px; height: 185px; padding: 9px 0 0 9px; position: relative; margin-bottom: 35px; z-index:1; }
h2.blue {color:#3f94c5}
div#fImageContainer {width:296px; float: left;}
div#fImageContainer ul li {width:296px; height: 176px;}
div#fImageContainer ul li a {display:inline-block; border-right: 5px solid #ccc !important; padding-right: 1px;}
div#fImageContainer ul li a:hover {border-right-color: #3f94c5 !important;}
div#fInfoContainer {float: right; width: 315px; color:#666; margin-right: 15px;}
div#fInfoContainer li {padding-top: 10px; width:315px; height: 190px;}
div#fInfoContainer h3 {margin-bottom:10px;}
div#fInfoContainer h3 a {text-decoration: none; color: #496b7e;}
div#fInfoContainer p {margin:10px 0; font-size:0.9em;}
div.postIntro {background: #fff; padding: 7px;}
div.postIntro p {line-height:1.3em;}
div.postIntro p:first-child {margin-top:0px !important;}
div.postIntro a {color:#b59100; text-decoration: none; border-bottom: 1px solid #fff;}
div.postIntro a:hover {color:#333; border-bottom: 1px solid #b59100}
div.postMeta {background: url(images/bg_metaHome.gif) no-repeat; width:298px !important; height: 27px; padding-left: 12px; padding-top: 4px; margin-top:10px;}
div.postMeta div {float: left; margin-right: 20px; font-size:0.9em; padding-top: 5px !important}
div.postDate {background: url(images/bg_calendar.png) no-repeat; padding-left: 25px; padding-bottom: 3px;}
div.postAuthor {background: url(images/icon_user.png) no-repeat 0px 2px; padding-left: 20px;}
div.postAuthor a {color:#333;}
div.commentCount {background: url(images/bg_commentCount.png) no-repeat; text-align: center; width: 34px; padding: 6px 0; float: right !important; margin-right: 10px !important;}
div.commentCount span {display: none;}
div.commentCount a {display:block;}
/**/
/** HOME & ARCHIVE POST LISTING **/
div.postMetaList ul li {float: left; margin-right: 20px; padding-top: 5px !important;}
div.postMetaList ul li a, div.postMeta a {text-decoration: none;}
li.postDate {background: url(images/bg_calendar.png) no-repeat; padding-left: 25px; padding-bottom: 3px;}
li.postAuthor {background: url(images/icon_user.gif) no-repeat 0px 3px; padding-left: 20px}
li.postAuthor a {color:#333;}
li.commentCount {background: url(images/bg_commentCount.png) no-repeat; text-align: center; width: 34px; padding: 6px 0; float: right !important; margin-right: 10px !important;}
li.commentCount span {display: none;}
li.commentCount a {display:block;}
ul#sliderNav {position: absolute; left:470px; top: 210px; z-index:100; display:block;}
ul#sliderNav li {float: left; margin-right: 5px;}
ul#sliderNav li a {display: block; width: 72px; height: 26px; text-indent: -9999px; background-repeat: no-repeat;}
#next {background: url(images/bg_next.png);}
#next:hover {background: url(images/bg_nextHover.png);}
#prev {background: url(images/bg_prev.png);}
#prev:hover {background: url(images/bg_prevHover.png);}
/** POSTS **/
.post {background: url(images/bg_post.jpg) no-repeat; /*font-size: 0.9em;*/ padding: 10px 0; height: 111px; margin-bottom: 25px;}
.postThumb {background: url(images/bg_postthumb.png) no-repeat; width:104px; height:104px; float:left; margin:0 5px; padding: 4px 0 0 4px;}
div.postContent {float:left; width:350px; color: #666; margin: 0 10px; padding-right: 10px}
div.postContent h3 {margin-bottom: 10px;}
div.postContent p {margin: 10px 0; line-height:1.3em;}
div.postContent strong {color:#b59100;}
div.postContent h3 a {color:#475c68; text-decoration: none;}
div.postMetaList {width: 150px; float: left; font-size: 0.9em; color:#666;}
div.postMetaList li {margin-bottom: 10px; padding-top: 10px}
div.postMetaList li.postDate {padding-top: 5px; width: 120px; position: relative;}
div.postMetaList li.postDate div.commentCounter {position: absolute; right: 0; top:0px; background: url(images/bg_commentCount.png) no-repeat; text-align: center; width: 34px; padding: 6px 0; }
div.postMetaList li.postDate div.commentCounter a {text-decoration: none; color:#333; font-size: 0.9em;}
div.postMetaList li.postDate div.commentCounter span {display: none;}
div.postMetaList li.postAuthor {background: url(images/icon_user.png) no-repeat 0px 8px; padding-left: 20px; }
div.postMetaList li.postAuthor a {text-decoration: none;}
div.postMetaList li.postTags {clear:both; width:145px; padding-top:10px !important;}
/** POST SINGLE **/
div.postSingle {width:650px !important;}
div.entry {clear:both; margin-top:20px;}
div.entry p {margin:12px 0; color:#333; line-height: 1.4em;}
div.entry p strong{color:#000;}
div.thePost h2 {float:left; margin:-2px 0px 3px 0px !important; width:580px;}
div#comments_single {background:url(images/bg_comments_single.gif) no-repeat; width:36px; height:27px; text-align:center; padding-top:5px; font-size:1.1em; float:left; margin-right:10px;}
p.single_cats {width:450px; margin:3px 0px 0px 1px !important; font-size:0.9em;}
p.single_cats a {text-decoration:none;}
p.single_cats a:hover {color:#555;}
/* post single tags */
p.singleTags {margin-top: 15px; background: url(images/tag_icon.png) no-repeat 10px; padding:10px 0px 10px 30px; border-top: 1px solid #ccc; float:right; width: 350px;}
p.singleTags a {color:#3f94c5 !important; bornder:none !important;}
p.singleTags a:hover {color:#666 !important;}
p.theAuthor {width:250px; float: left; border-top: 1px solid #ccc; padding: 10px 10px 10px 0px; color:#666;}
/* post single metadata */
p.postmetadata {padding: 10px; background: #f2f2f2; margin-top: 20px;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
div.entry blockquote {line-height: 1.0em; font-style: italic; color:#666; padding: 20px 20px 20px 60px; margin: 20px 0; background: url(images/quote.png) no-repeat 0 0;}
div.entry h3 {margin: 10px 0 !important;}
div.entry code {background: #f4f5f6; padding: 10px; border-left:5px solid #abbfd3; line-height: 2em; font-size: 1em; margin: 12px 0; display: block;}
div.entry ul {margin:0px 10px 10px 10px; padding:10px; color:#444;}
div.entry ul li {line-height:1.7em; list-style-type:disc !important;}
/** COMMENTS **/
h3#comments {margin-bottom: 15px; padding-top: 25px; clear: both;}
ol.commentlist {background: #f4f5f6; border-top: 1px solid #ccc;}
.comment {clear:both; padding: 15px;}
.comment .comment-author {width:64px; height:64px; float:left;}
div.author {margin-bottom: 20px; clear: both;}
div.author a {color:#333; text-decoration: none; border-bottom: 1px solid #b59100;}
div.author a:hover {color:#3f94c5; border-bottom: 1px solid #fff;}
span.date {color:#666;}
div.comment-text {float:right; width: 520px; padding: 10px; background: #fff;}
ul.children li div.comment-text {width:490px;}
ul.children li ul li div.comment-text {width:460px;}
ul.children li ul li ul li div.comment-text {width:430px;}
ul.children li ul li ul li ul li div.comment-text {width:400px;}
div.comment-text p {margin:10px 0; color:#333; line-height: 1.3em;}
/****/
#respond {clear:both; margin-top: 20px;}
#respond h3 {margin-bottom: 10px; margin-top: 25px;}
#respond p {margin: 10px 0;}
#commentform {padding-top: 10px; border-top: 1px solid #ccc;}
p.commentBoxes {float:left; width: 248px; margin-right: 30px !important;}
p.commentBoxes label {margin-bottom:5px; margin-left: 5px; display: block;}
p.commentBoxes label.txt { background: url(images/bg_commentor_boxes.gif) no-repeat bottom; width:248px; height: 23px; padding: 0 !important; margin: 0 !important;}
p.commentBoxes label.txt input {border:none; outline:none;background: none; font-size: 0.9em; padding: 5px 0 0 8px; color:#555;}
p#comment-txtarea {background: url(images/bg_commentor_textarea.gif) no-repeat; width: 619px; height: 153px; clear: both; margin-top: 10px;}
p#comment-txtarea textarea {background: none; width:599px; padding: 10px; height: 133px; border: none; color:#555; font-family: "Lucida Sans Unicode"; font-size:0.9em;}
/*--------------------------- RIGHT COLUMN - SIDEBAR --------------------------*/
#rightColumn {width:250px; float: right;}
#rightColumn-top {width: 250px; background-image:url(images/bg_rightColumn-top.gif); height: 0px; padding: 0px 0 0 0;}
#rightColumn-bottom {width: 250px; background-image:url(images/bg_rightColumn-bottom.gif); width:0px; height: 0px;}
/** SIDEBAR TABS **/
/*1st Tab Box */
#tabsPopular {width: 240px; background: url(images/bg_tabsPopular.gif) no-repeat bottom; margin: 30px auto 35px auto; padding: 0 0 20px 0;}
#tabsPopular ul {margin:0; padding:0; height:43px; list-style-type:none;}
#tabsPopular ul li {float:left; margin:0;}
#tabsPopular ul li a {display:block; font-size:12px; color:#999; height:31px; text-decoration:none; text-align: center; background-repeat: no-repeat; padding: 12px 0 0 0; font-weight: bold;}
#tabsPopular ul li.tabs-selected a, #tabsPopular ul li a:hover {color:#2f333b;}
#tabsPopular ul li#popular a {width: 79px; background-image: url(images/bg_popularTab.gif);}
/* (optional) #tabsPopular ul li#popular a:hover, */#tabsPopular ul li#popular.tabs-selected a {background-position: -79px;}
#tabsPopular ul li#tags a {width: 83px; background-image: url(images/bg_tagsTab.gif);}
/* (optional) #tabsPopular ul li#tags a:hover, */#tabsPopular ul li#tags.tabs-selected a {background-position: -83px;}
div#tabbed-tags {padding: 10px 10px 0px 10px;}
div#tabbed-tags a, div.entry p a:hover {color:#666; text-decoration: none; border-bottom: 1px solid #fff;}
div#tabbed-tags a {line-height: 2em;}
div#tabbed-tags a:hover, div.entry p a {color:#333; text-decoration: none; border-bottom: 1px solid #b59100;}
#tabsPopular ul li#topics a {width: 78px; background-image: url(images/bg_topicsTab.gif);}
/* (optional) #tabsPopular ul li#topics a:hover, */#tabsPopular ul li#topics.tabs-selected a {background-position: -78px;}
#tabsPopular div ul {margin: 0 0 0 2px; padding: 0; height: auto !important;}
#tabsPopular div ul li {border-bottom: 1px dotted #97999d; float: none !important;}
#tabsPopular div ul li a {background-image: url(images/bg_sideList.gif); text-align: left !important; color: #777 !important; width: 198px; font-size: 11px !important; font-weight: normal !important;padding: 9px 0 0 40px !important; height: 29px !important;}
#tabsPopular div ul li a:hover {background-position: -238px 0; color: #333 !important;}
/* 2nd Tab Box */
#tabsRecent {width: 240px; background: url(images/bg_tabsPopular.gif) no-repeat bottom; margin: 0 auto 35px auto; padding: 0 0 20px 0;}
#tabsRecent ul {margin:0; padding:0; height:43px; list-style-type:none;}
#tabsRecent ul li {float:left; margin:0;}
#tabsRecent ul li a {display:block; font-size:12px; color:#999; height:31px; text-decoration:none; text-align: center; background-repeat: no-repeat; padding: 12px 0 0 0; font-weight: bold;}
#tabsRecent ul li.tabs-selected a, #tabsRecent ul li a:hover {color:#2f333b;}
#tabsRecent ul li#recentPosts a {width: 117px; background-image: url(images/bg_recentPosts.gif);}
/* (optional) #tabsRecent ul li#recentPosts a:hover, */#tabsRecent ul li#recentPosts.tabs-selected a {background-position: -117px;}
#tabsRecent ul li#recentComments a {width: 123px; background-image: url(images/bg_recentComments.gif);}
/* (optional) #tabsRecent ul li#recentComments a:hover, */#tabsRecent ul li#recentComments.tabs-selected a {background-position: -123px;}
#tabsRecent div ul {margin: 0 0 0 2px; padding: 0; height: auto !important;}
#tabsRecent div ul li {border-bottom: 1px dotted #97999d; float: none !important;}
#tabsRecent div ul li a {background-image: url(images/bg_sideList.gif); text-align: left !important; color: #777 !important; width: 198px; font-size: 11px !important; font-weight: normal !important;padding: 9px 0 0 40px !important; height: 29px !important;}
#tabsRecent div ul li a:hover {background-position: -238px 0; color: #333 !important;}
/* WIDGETS */
#widgetBoxes ul li h3 {background-image: url(images/bg_blogrollHeader.jpg); background-repeat: no-repeat; width: 227px; height: 24px; color: #fff; font-size: 14px; font-weight: bold; padding: 9px 0 0 13px; margin: 0 auto}
#widgetBoxes li ul {width: 240px; list-style-type: none; background-image: url(images/bg_tabsPopular.gif); background-repeat: no-repeat; background-position: bottom; margin: 0 auto 35px auto; padding:0 0 10px 0 ;}
#widgetBoxes ul li ul li a {width:225px; display: block; padding: 6px 0 6px 15px; border-bottom: 1px dotted #97999d; color: #777; text-decoration: none;}
#widgetBoxes ul li ul li a:hover {color: #333;}
.tabs-hide {display: none;}
#widgetCat ul li h3 {background-image: url(images/bg_blogrollHeader.jpg); background-repeat: no-repeat; width: 227px; height: 24px; color: #fff; font-size: 14px; font-weight: bold; padding: 9px 0 0 13px; margin: 0 auto}
#widgetCat li ul {width: 240px; list-style-type: none; background-image: url(images/bg_tabsPopular.gif); background-repeat: no-repeat; background-position: bottom; margin: 0 auto 35px auto; padding:0 0 10px 0 ;}
#widgetCat ul li ul li a {width:225px; display: block; padding: 6px 0 6px 15px; border-bottom: 1px dotted #97999d; color: #777; text-decoration: none;}
#widgetCat ul li ul li a:hover {color: #333;}
.tabs-hide {display: none;}
ul#recentcomments {padding:10px 0px 20px 0px !important;}
li.recentcomments {font-size:0.9em; padding: 6px 8px 8px 30px !important; border-bottom: 1px dotted #999; background: url(images/bg_commentCount.gif) no-repeat 8px 5px;}
/** AUTHOR PROFILE **/
div#authProfile {background: #f4f5f6; padding: 10px; width: 620px; margin-bottom: 20px;}
div#authAvatar {width: 60px; height: 60px; float: left; margin: 0 10px 10px 0;}
div#authInfo {float:left; background: #fff; padding: 8px; width: 530px;}
div#authInfo p {margin:10px 0;}
div#authInfo p:first-child {margin-top: 0px;}
/** postlisting nav **/
div.navigation a {height: 24px; padding: 0 0 0 13px; background: url(images/bt_casual_left.gif) no-repeat; text-decoration: none; display: inline-block; margin: 10px 0;}
div.navigation a span {display: block; padding:5px 15px 5px 0px; background: url(images/bt_casual_right.gif) no-repeat right;}
div.navigation a:hover {color:#333;}
div.alignleft {float: left;}
div.alignright {float: right; margin-right: 20px;}