/*
Theme Name: Motif
Theme URI: http://alindada.net/themes/motif
Description: Project <strong>KIBEN</strong>
Version: 0.1
Author: Anthony Alindada
Author URI: http://alindada.net/
Tags: widgets, clean, tabs, valid XHTML, valid CSS, color schemes, alternate width, alternate sidebar location, text replacement, drop-down navigation, social bookmarking buttons, SEO, theme options.
*/

/*	
* Copyright 2008 Anthony Alindada.
* Licensed under the terms of the GNU General Public License Version 3.
*/

/* IMPORTS */
/*@import url(styles/plugins.css);*/
/*@import url(styles/doc-types.css);*/

/* RESET */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;vertical-align:baseline;margin:0;outline:0;padding:0}
body{line-height:1.5}
a img{border:none}
blockquote,q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
caption, th, td{font-weight:normal;text-align:left}
table, td, th{vertical-align:middle}
ins{text-decoration:overline}
del{text-decoration:line-through}
:focus{outline:0}

/* CLEAR FIX*/
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/
* html .clearfix{height:1%}
.clearfix{display:block}

/* GENERAL */
body{
    background-color:#FFFFFF;
    color:#302E2E;
    font:80% Georgia, "Times New Roman", Times, "Liberation Serif", serif;
    line-height:1.5
}
a, a:link, a:active{
	color:#CC3400;
	outline:none;
	text-decoration:none
}
a:hover{
	color:#131211;
	text-decoration:underline
}
abbr[title], acronym[title]{cursor:help}
address, cite, em, i{font-style:italic}
blockquote{
	background:transparent url(images/quote.gif) no-repeat top left;
	color:#7B838C;
	font-style:italic;
	padding:1em 1.5em 1em 40px
}
blockquote cite {
	display:block;
	margin-top:1em;
	text-align:right
}
code, kbd, samp, tt{
	background:#FEFEE7;
	font:1.1em "Courier New", Courier, monospace
}
dt{font-weight:bold}
fieldset{
	border:2px solid #F7F7F7;
	padding:.5em 1.5em
}
legend{
	background:#FFFFFF;
	color:#7B838C;
	padding:0 2px;
	text-transform:uppercase
}
img{display:inline-block}
input, select, textarea{
	color:#130703;
	font-family:Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
	outline:none;
	overflow:auto;
	padding:3px;
	vertical-align:middle
}
p{
	line-height:1.5;
	margin:0 0 1em 0
}
pre{
	background:#F7F7F7;
	border:1px solid #C8CCD0;
	font:100% "Courier New", Courier, monospace;
	height:auto;
	margin:1.5em 0;
	overflow:auto;
	padding:10px;
	width:538px
}
table{
	background:#FFFFFF;
	border:2px solid #EAEAEA;
	margin:0 0 1em 0
}
textarea{
	font:100%/1.5em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
	width:98%
}
td{
	border:1px solid #F7F7F7;
	padding:5px
}
th{
	background:#7B838C;
	border:1px solid #F7F7F7;
	color:#FFFFFF;
	padding:5px
}
tr.even, tr.alt{background:#F7F7F7}
 
/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
	color:#131211;
	font-weight:normal;
	letter-spacing:-1px
}
h1{font-size:2.4em}
h2{font-size:2em}
h3{font-size:1.6em}
h4{font-size:1.3em}
h5{font-size:1.1em}
h6{font-size:.9em}
 
/* LIST */
.post ol, .post ul, .comment ol, .comment ul, .post dl{
	line-height:2;
	margin-bottom:1em
}
.post li, .comment li, .post dd{
	line-height:2;
	margin-left:2.5em
}
 
/* ALIGNMENT */
.aligncenter, div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left}
.alignright{float:right}
.clear{clear:both}
img.centered{display:block;margin:0 auto}
img.alignleft{margin:0 20px 5px 0;display:inline}
img.alignright{margin:0 0 5px 20px;display:inline}


/* SPECIAL CLASSES */
.altfont{font-family:Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;}
.drop-caps{
    float:left;
    line-height:.6;
    margin:5px 1em 0 0;
    padding:0
}
.button{
    background-color:#CC3400;
    border:none;
    color:#FFFFFF;
    cursor:pointer;
    font-size:1.1em;
    font-weight:bold;
    padding:4px
}
.button:hover{background-color:#DB3600}
.error{
    background:#FFEEEE;
    border:2px solid #F7D7D7;
    font-size:1.3em;
    padding:5px 10px;
    text-align:center
}
.hide-this{
    display:none;
    visibility:hidden
}
.notice{
    background:#FFFFE6;
    border:2px solid #FAFA9F;
    font-size:1.3em;
    padding:5px 10px;
    text-align:center
}
.pullquote{
    float:right;
    font-size:1.3em;
    padding:1em 0 1em 35px;
    width:30%
}
.required{
    background:url(../images/required_star.gif) no-repeat right 0;
    padding-right:12px
}
.success{
    background:#EEFFEE;
    border:2px solid #DDEEDD;
    font-size:1.3em;
    padding:5px 10px;
    text-align:center
}
.wp-caption{
    background:#F7F7F7;
    border:1px solid #EAEAEA;
    color:#7B838C;
    font-style:italic;
    margin:1.5em 0;
    padding:1px 2px 4px 1px;
    text-align:center
}
.wp-caption img{
    background:transparent!important;
    border:none!important;
    margin:0 0 -2px 0;
    vertical-align:middle
}
.wp-caption-text{margin:0}

/* STRUCTURE */
#wrapper{
    margin:0 auto;
    position:relative;
    width:920px
}
#header{
    background:#FFFFFF;
    height:240px;
    margin:0 auto;
    overflow:hidden;
    padding:0 20px
}
#nav-bar{
    background:#FFFFFF;
    clear:both;
    padding:10px 20px 0
}
#content-wrap{
    background:#FFFFFF;
    margin:0 auto;
    overflow:hidden;
    padding:20px
}
#primary{
    display:inline;
    float:left;
    overflow:hidden;
    width:560px
}
#secondary{
    display:inline;
    float:right;
    overflow:hidden;
    width:300px
}
.rtl #primary{float:right}
.rtl #secondary{float:left}
#footer-wrap{
    margin:0 auto;
    position:relative;
    width:100%	
}
#footer{
    margin:0 auto;
    overflow:hidden;
    width:920px
}

/* HEADER */
#masthead{
    background:url(images/) repeat-x right top;
    clear:both;
    display:block;
    height:200px;
    overflow:hidden;
    width:880px
}
.logo{
    display:block;
    float:left;
    height:100%;
    padding:0 40px
}
.site-title{
    font-size:3.2em;
    letter-spacing:-1px;
    line-height:.8;
    margin:75px 0 0 0
}
.site-title a{color:#131211}
.site-title a:hover{text-decoration:none}
.description{
    color:#7B838C;
    font-size:1.1em;
    margin:0;
    text-transform:uppercase
}

/* TOP NAVIGATION MENU */
#top-nav{
    display:block;
    font:.9em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
    height:40px;
    line-height:40px;
    overflow:hidden;
    text-transform:uppercase
}
.page-menu ul{list-style:none}
.page-menu li{
    display:inline;
    float:left;
    margin:0 10px 0 0
}
.page-menu .current_page_item a{
    color:#130703;
    cursor:default;
    text-decoration:none
}
.admin-link a{
    background:url(images/icons/cog.gif) no-repeat right center;
    padding:1px 20px 1px 0
}
#alt-nav{
    background:#F7F7F7;
    overflow:hidden
}

/* NAVIGATION BAR */
.nav{
    background-color:#F7F7F7;
    display:block;
    font:bold 14px Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
    line-height:20px;
    list-style:none;
    margin:0 auto;
    width:100%
} 
.nav a{
    color:#CC3400;
    display:block;
    padding:4px 10px
}
.nav li{float:left}
.nav li ul{
    height:auto;
    list-style:none;
    left:-999em;
    position:absolute;	
    width:180px;
    z-index:99
}
.nav li li{
    background:#302E2E;
    width:180px
}
.nav li ul a{
    color:#FFFFFF;
    width:auto
} 
.nav li ul ul{margin:-26px 0 0 180px}
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul{left: -999em}
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul{left:auto}
.nav li a:hover{
    background:#CC3400;
    color:#FFFFFF;
    text-decoration:none
}
.nav li.current_page_item a{
    background:#CC3400;
    color:#FFFFFF;
    cursor:default
}

/* FEEDS */
.feeds, .alt-feeds{
    float:right;
    list-style:none
}
.alt-feeds{
    line-height:28px;
    padding:0 10px  
}
.feeds li, .alt-feeds li{
    display:inline;
    margin:0 0 0 5px
}
.posts-feed a{
    background:url(images/icons/feed.gif) no-repeat right center;
    padding:1px 20px 1px 0
}
.comments-feed a{
    background:url(images/icons/feed-balloon.gif) no-repeat right center;
    padding:1px 20px 1px 0
}
.cat-feed{
    background:url(images/icons/feed.gif) no-repeat left center;
    font-size:.9em;
    margin:5px 0 20px 0;
    padding-left:20px;
    text-transform:uppercase
}

/* SEARCHFORM */
#searchform{
    background:#F7F7F7;
    overflow:hidden;
    margin:0 0 20px 0;
    padding:10px;
    width:280px
}
#searchform p{margin:0}
#searchform .search-field{
    border:1px solid #C8CCD0;
    color:#7E7676;
    height:16px;
    padding:4px;
    width:235px
}
#searchform .button{
    background:url(images/magnify.gif) no-repeat center;
    border:none;
    height:26px;
    padding:0 0 0 30px;
    text-indent:-9999px;
    width:30px
}	
#searchform .search-field:focus{
    border-color:#7B838C;  
    color:#130703
}

/* CONTENT */
.post, .page{
    margin-bottom:60px;
    position:relative
}
.post-title, .page-title{
    color:#131211;
    font-size:2em;
    line-height:1;
    margin:20px 0 0 0
}
.post-title a{color:#131211}
.section-title{
    font-size:1.6em;
    margin:20px 0 0 0;
}
p.comments-link{
    float:right;
    font:.9em Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
    line-height:26px;
	position:relative;
    text-align:center
}
.comments-link a{
    background:#131211 url(images/comment-balloon-mask.gif) no-repeat left top;
    color:#C8CCD0;
    display:inline-block;
    font-size:1.3em;
    font-weight:bold;
    height:32px;
    margin:0 0 0 10px;
    padding:0 1px;
    min-width:32px
}
.comments-link a:hover{
    color:#FFFFFF;
    text-decoration:none
}
.meta{
    color:#7E7676;
    display:block;
    font-size:.9em;
    margin:5px 0 0 0
}
.meta a{text-transform:uppercase}
.entry{margin:1em 0}
.entry img{
    background:#F7F7F7;
    border:1px solid #EAEAEA;
    padding:6px
}
.post-controls{
    clear:both;
    color:#7E7676;
    display:block;
    font-size:.9em;
    margin:0;
    overflow:hidden
}
.read-more a{
    background:url(images/icons/bullet-arrow-right.gif) no-repeat right center;
    float:right;
    margin-left:10px;
    padding-right:12px
}
.print-this a{
    background:url(images/icons/printer.gif) no-repeat right center;
    float:right;
    margin-left:10px;
    padding-right:15px
}
.edit a{
    background:url(images/icons/pencil.gif) no-repeat right center;
    float:right;
    padding-right:15px
}
.tags{
    background:url(images/icons/tag.gif) no-repeat left center;
    padding-left:15px
}
.download-link a{
    background:url(images/paperclip.gif) no-repeat left center;
    font-weight:bold;
    padding-left:20px
}
div#navigation{
    display:block;
    font-size:1.3em;
    margin:20px 0;
    overflow:hidden
}
#about-author{
    background:#F7F7F7;
    border:2px solid #EAEAEA;
    clear:both;
    display:block;
    line-height:.6;
    margin:10px 0;
    overflow:hidden;
    padding:10px
}
#about-author img{
    background:#FFFFFF;
    border:1px solid #EAEAEA;
    float:left;
    margin-right:10px;
    padding:4px
}
#about-author small{
    font-weight:bold;
    text-transform:uppercase
}
#about-author p{margin:5px 0 0 80px}

/* STICKY */
.sticky{
    background:#131211;
    color:#F7F7F7;
    padding:20px
}
.sticky .post-title{margin-top:0}
.sticky .post-title a{color:#CC3400}
.sticky .entry p:first-letter{
    float:left;
    font-size:3.4em;
    line-height:26px;
    margin:4px 8px 0 0;
    padding:0
}
.sticky .comments-link a{
    background:transparent url(images/comment-balloon.gif) no-repeat left top;
    color:#7B838C
}
.sticky .comments-link a:hover{color:#130703}
.sticky a:hover{color:#F7F7F7}
.sticky pre, .sticky table{color:#C8CCD0}

/* CUSTOM TEMPLATE */
div#bymonth, div#bycat{
    width:50%
}
#archives-list ul{
    display:block;
    line-height:1;
    list-style:url(images/icons/bullet-folder.gif) outside;
    margin-left:25px
}
#archives-list li{margin:1em 0}
#links-list ul{list-style:none;}
#links-list li ul li{margin:1em 0}
#tag-cloud{line-height:1}

/* INCLUDES */
#post-include{
    border-top:1px solid #F7F7F7;
    clear:both;
    list-style:none;
    margin:-3.5em 0 0 0;
    overflow:hidden;
    padding:10px 0;
    width:100%;
}
#post-include li{
    line-height:2;
    margin:0 0 1em 0
}
#related, #subscribe-options{
    float:left;
    width:50%
}
#social{
    float:right;
    width:50%
}
#related ul{
    list-style:url(images/icons/bullet-document.gif) outside;
    padding-left:25px
}
#related li{
    line-height:1.3;
    margin:0 1.5em .5em 0
}
#subscribe-options ul, #social ul{list-style:none}
#subscribe-options li{
    font-size:1.3em;
    font-weight:bold;
    margin-bottom:0
}
#subscribe-options a{padding-left:40px}
#subscribe-options .rss-feed{background:url(images/social/rss.gif) no-repeat left center}
#subscribe-options .rss-email{background:url(images/social/mail.gif) no-repeat left center}
#social li{
    float:left;
    margin:0 10px 10px 0
}
#social li img{
    vertical-align:middle
}

/* SIDEBAR */
#sidebar-left{
    display:inline;
    float:left;
    width:140px
}
#sidebar-right{
    display:inline;
    float:right;
    width:140px
}
.widget{margin:0 0 20px 0}
#sidebar-left .widgettitle, #sidebar-right .widgettitle{
    font-size:1.3em;
    margin:0;
    text-align:left
}
.widgettitle{
    font-size:1.6em;
    margin:0;
    text-align:left
}
.widget ol, .widget ul{list-style:none}
.widget li{
    border-bottom:1px solid #EAEAEA;
    padding:4px 0
}
.widget li li{
    border-bottom:none;
    border-top:1px solid #EAEAEA;
    margin:4px 0 -4px 0
}
.widget .children{margin-left:10px}
.sidebar table, .sidebar select{
    overflow:hidden;
    width:100%
}
.sidebar img, .sidebar a img{
    border:none;
    margin:0;
    padding:0
}
#wp-calendar table{
    border:none;
    width:100%
}
#wp-calendar caption{
    background:#EAEAEA;
    font-weight:bold;
    padding:4px;
    text-align:center;
    text-transform:uppercase
}
#wp-calendar td, #wp-calendar th{
    border:none;
    padding:2px 0;
    text-align:center
}
#wp-calendar th{
    background:#F7F7F7;
    color:#7B838C;
    font-weight:bold
}
#tag_cloud a{line-height:1.1}
#primary .widget li, #primary .widget li li{border:none}
#sidebar-box{
    background:#F7F7F7;
    margin-bottom:20px;
    overflow:hidden;
    padding:10px 0;
    text-align:center
}
#sidebar-box img{
    margin:0 auto;
    padding:5px
}

/* TABS */
#tabs{
    background:#F7F7F7;
    margin:0 0 20px 0
}
.tabnav{
    background:#FFFFFF;
    border-bottom:2px solid #FFFFFF;
    list-style:none
}
.tabnav li{
    float:left;
    font:bold 14px Arial, Helvetica, "Liberation sans", "Bitstream Vera Sans", sans-serif;
}
.tabnav li a{
    background:#F7F7F7;
    display:block;
    padding:5px;
    text-align:center;
    width:88.5px
}
.tabnav li a:hover{
    background:#DB3600;
    color:#FFFFFF;
    text-decoration:none
}
.tabnav li a:active, .tabnav li.ui-tabs-selected a, .tabnav li.ui-tabs-selected a:hover{
    background:#131211;
    color:#FFFFFF;
    cursor:default
}
#tabnav-item2{margin: 0 2px}	
.tabdiv{padding:10px}
.tabdiv li{
    border-bottom:1px solid #EAEAEA;
    display:block;
    list-style:none;
    padding:4px 0
}
#recent-comments img{
    background:#FFFFFF;
    border:1px solid #EAEAEA!important;
    float:left;
    margin-right:5px;
    padding:2px!important
}
#newsletter{
    margin:0 auto;
    text-align:center;
    width:260px
}
#feedburner-form h4{
    background:url(images/mail.gif) no-repeat left center;
    line-height:1.3;
    padding:4px 0 4px 20px
}
#feedburner-form p{margin:10px 0 0 0}
#feedburner-form .email-field{
    border:1px solid #C8CCD0;
    color:#7E7676;
    height:16px;
    margin-right:5px;
    padding:4px;
    width:195px
}
#feedburner-form  .button{
    border:none;
    height:26px;
    text-transform:uppercase;
    width:40px
}
#feedburner-form  .email-field:focus{
    border-color:#7B838C;  
    color:#130703
}
.ui-tabs-hide{display:none}

/* COMMENTS */
#comments{
    clear:none;
    max-width:560px
}
#comments .meta{
    border-bottom:1px solid #EAEAEA;
    border-top:1px solid #EAEAEA;
    padding:4px 0
}
.meta .comments-feed a{
    background:url(images/icons/feed-balloon.gif) no-repeat left center;
    padding:0 0 1px 20px;
}
.meta .trackback-link a{
    background:url(images/icons/trackback.gif) no-repeat left center;
    padding:0 0 1px 20px;
}
.meta .quick-reply a{
    background:url(images/icons/add-balloon.gif) no-repeat left center;
    padding:0 0 0 20px;
}
.nocomments{
    border-bottom:1px solid #EAEAEA;   
    font-style:italic;
    font-size:1.3em
}
.commentlist{margin-left:0}
.comment{  
    border-bottom:1px solid #EAEAEA;
    clear:both;
    list-style:none;
    padding:10px 0
}
.comment ul.children{margin:10px 0 -10px 0}
.comment ul.children li{
    border-bottom:none;
    border-top:1px solid #EAEAEA
}
.comment-author-admin, .bypostauthor {
    background:url(images/author-comment.gif) no-repeat right 10px
}
.comment .avatar{
    background:#F7F7F7;
    border:1px solid #EAEAEA;
    float:left;
    padding:4px
}
.comment .children .avatar{
    height:32px;
    width:32px;
}
.comment-info{
    height:50px;
    margin:0 0 10px 60px;
}
.comment-author{
    font-size:1.3em;
    margin:0
}
.comment-meta{
    font-size:.9em;
    margin:0
}
.comment-text{margin-left:60px}
.comment-controls{
    font-size:.9em;
    overflow:hidden
}
.comment .reply a{
    background:url(images/icons/add.gif) no-repeat left center;
    float:left;
    padding-left:15px
}
.cancel-comment-reply a{
    background:url(images/icons/cross.gif) no-repeat right center;
    float:right;
    font-size:.9em;
    padding-right:15px
}
.pinglist{
    border-bottom:1px solid #EAEAEA;
    list-style:none;
    padding-bottom:10px
}
#respond{
    background:#F7F7F7;
    clear:both;
    margin:10px 0 0 0;
    padding:10px 20px
}
.commentlist .children #respond{
    margin-left:-30px
}
#commentform-title{
    float:left;
    font-size:1.3em;
    margin:0
}
#commentform{
    clear:both;
    overflow:hidden
}
#commentform fieldset{
    border:none;
    padding:0
}
#commentform .user-id{
    float:right;
    width:36%
}
#commentform .name, #commentform .email, #commentform .url{
    border:1px solid #C8CCD0;
    clear:both;
    color:#7E7C78;
    float:right;
    margin:0 0 11px 0;
    padding:4px;
    width:34%
}
#commentform textarea{
    border:1px solid #C8CCD0;
    color:#7E7C78;
    height:90px;
    margin:0 0 10px 0;
    padding:4px;
    width:60%
}
#commentform input:focus, #commentform textarea:focus{color:#302E2E}
#commentform #submit{
    border:none;
    color:#FFFFFF;
    clear:both;
    float:right;
    margin:0 0 10px 0;
    padding:4px 10px;
    width:auto
}
#commentform .slide-button{
    background:url(images/icons/balloon-pencil.gif) no-repeat left center;
    clear:both;
    float:left;
    margin:0 0 -20px 0;
    padding-left:20px
}
#commentform #slide-panel{
    background:#FEFEE7;
    border:2px solid #F2B33D;
    clear:both;
    font-size:.9em;
    margin:0 0 10px 0;
    padding-left:20px
}
#commentform #slide-panel li{
    border:none;
    margin:.5em 1em
}

/* FOOTER */
#footer .widget{
    display:block;
    float:left;
    list-style:none;
    margin:20px 0 20px 20px;
    width:280px
}
#footer .widget li{border-bottom:1px solid #EAEAEA}
#footer .widget li li{border-bottom:none}
#theme-info{
    font-size:.9em;
    overflow:hidden;
    padding:40px 20px
}
#theme-info p{margin:0}

/* BREADCRUMB NAVIGATION*/
#breadcrumb{
    background:url(images/icons/home.gif) no-repeat left center;
    color:#7B838C;
    font-size:.8em;
    line-height:1.3;
    margin-bottom:20px;
    padding:1px 0 1px 20px;
    text-transform:uppercase
}

/* CURRENT DATE */
#current-date{
    background:url(images/icons/calendar.gif) no-repeat right center;
    color:#7B838C;
    font-size:.8em;
    margin-bottom:10px;
    padding:1px 20px 1px 0;
    text-align:right;
    text-transform:uppercase
}
.rtl #current-date{
    background-position:left center;
    padding:1px 0 1px 20px;
    text-align:left;
}