/*  
Theme Name: Kiki One
Version: 1.0
Description: Designed by <a href="http://www.kiki.co.za">Kiki</a>.
Author: Kiki
Author URI: http://www.facebook.com/kikiphoto
*/

/* 

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 
the custom.css file to add your styles. You can copy a style from this file and paste it in 
custom.css and it will override the style in this file. You have been warned! :)

*/

/* Default styles */
@import "css/reset.css";

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

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers & Columns
-2.2 Navigation
-2.2.1 Drop-down menus
-2.3 Header
-2.4 Content
-2.5 Sidebar
-2.6 Extended Footer
-2.7 Footer

3. POSTS
-3.1 Typographic Elements
-3.2 Images
-3.3 Pagination / WP-Pagenavi

4. WIDGETS
-4.1 Generic Widgets
-4.2 Specific Widgets
-4.3 Extended Footer Widgets

5. COMMENTS
-5.1 Comments
-5.2 Pingbacks / Trackbacks
-5.3 Comments Form

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

/* @group 1. SETUP */

/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/

/* 1.1 Defaults */

body  { font: 13px Georgia, Times, Serif; line-height: 1.5; color: #7a7a7a; }

h1, h2, h3, h4, h5, h6  { margin: 0; font-family: Arial,Helvetica,Sans-serif; color: #524238; }
h1  {font-size: 30px;} h2  {font-size: 25px;} h3  {font-size: 30px;} h4  {font-size: 18px;} h5  {font-size: 14px;} h6  {font-size: 12px;}

p  {margin: 0;}

/* 1.2 Hyperlinks */

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover  {text-decoration: underline;}

/* @end */

/* @group 2. SITE STRUCTURE & APPEARANCE */

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/

/* 2.1 Containers & Columns */
#container  {
}

.col-left { float: left; }
.col-right { float: right; }
.col-full  { width: 940px; margin: 0 auto; }

/* 2.2 Navigation */
.navigation-container  {background-color: #000;}
.navigation-container div  { text-transform: uppercase; font-size:11px; }
.nav, .nav ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
.nav li  { float:left; width: auto; }
li.hover, li.current_page_item {background: url(images/nav-arrow.gif) no-repeat center 40px;}
/* 2.2.1 Drop-down menus */
.nav li ul  {  position: absolute; left: -999em; width: 160px;  }
.nav li ul li  { border: 1px solid #d8d8d8; background: #FFF; border-width: 1px 1px 1px;  }
.nav li ul li a  { width:148px; line-height:25px!important; font-size:11px; color:#555!important; padding: 0 0 0 10px; }
.nav li ul ul  { margin: -26px 0 0 158px!important; }
.nav li ul ul li a  {  }
.nav li ul li ul li a  {  }
.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul, .nav li.sfhover ul ul ul ul { left: -999em; }
.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul, .nav li li li li.sfhover ul { left: auto;}
.nav li:hover,.nav li.hover  { position:static; }


/* NAVIGATION */
.navigation-container div ul  {padding-left: 20px;}
.navigation-container div ul a:link, .navigation-container div ul a:visited  { display:block; z-index:100; padding:0 10px; line-height:44px; font-family: Georgia, serif; text-decoration: none; color: #fff; font-size: 12px; font-weight: bold; background: url(styles/default/sep-nav.jpg) right no-repeat;}
.navigation-container div ul a:hover  { text-decoration: none; }
.navigation-container div ul li ul  {  margin-top: 0px; border-top: none;  }
 ul li ul a:link, .navigation ul li ul a:visited  { padding: 0 0 0 10px; }
.navigation-container div ul li ul a:hover  { color: #fff!important; background: #524238;  }
.navigation-container div ul.children a { background-image: none !important;}


.navigation-container div ul  {padding-left: 20px;}
.navigation ul a:link, .navigation ul a:visited  { display:block; z-index:100; padding:0 20px; line-height:44px; font-family: Georgia, serif; text-decoration: none; color: #fff; font-size: 12px; font-weight: bold; background: url(styles/default/sep-nav.jpg) right no-repeat;}
.navigation ul a:hover  { text-decoration: none; }
.navigation ul li ul  {  margin-top: 0px; border-top: none;   }
.navigation ul li ul a:link, .navigation ul li ul a:visited  { padding: 0 0 0 10px; }
.sub-menu li a:link, .sub-menu li a, .sub-menu li a:visited { background-image: none!important; }
.navigation ul li ul a:hover  { color: #fff!important; background: #524238;  }
.navigation ul.children a { background-image: none !important;}
#social-nav { width: 100px; margin: 13px 0 0 0; }
#social-nav ul li{ margin-left: 10px; }

/* 2.3 Header */
#topsearch  { width: 340px; line-height: 0; }
#topsearch #searchform_top  { margin: 10px 15px 0 0; float: right; }

#header{padding:0;clear:both;position:relative;}

#header-slideshow{ height: 135px; float: right;}

#logo  { margin: 20px 0 0; position: relative; z-index: 9999; }
#logo img  {  }
#logo .site-title, #logo .site-description  { display: none; }
.loaderr {
    margin: 0 auto;
    background: #FFFFFF;
    height: 290px;
    width: 940px;
    position: absolute;
}

.loaderr img {
    text-align: center;
    display: block;
    width: 16px;
    position: absolute;
    left: 50%;
    top: 20%;    
    
}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }


/* 2.4 Content */
#content{min-height:550px;padding:10px 0 20px 0; background: #fff;border-left: 1px #cecece solid; border-right: 1px #cecece solid; border-top: 1px #cecece solid;}
* html #content{height:550px;}

#main{width:620px;}
#main.fullwidth  { width: 940px; }

/* 2.5 Sidebar */
#sidebar{width:300px;overflow:hidden;}

/* 2.6 Extended Footer */
#extended-footer  { background: #fff; padding-top: 10px; padding-bottom: 20px; border-left: 1px #cecece solid; border-right: 1px #cecece solid; border-bottom: 1px #cecece solid; }
.block  { float: left; width: 300px; padding: 0 10px 0 0; }
.one, .two  { margin: 0 9px 0 0; }
.three  { padding: 0; }

/* 2.7 Footer */
#footer  { font-family: Helvetica, Arial, sans-serif; font-size: 11px; padding: 20px 0; color: #000; text-transform: uppercase; }
#footer a:link, #footer a:visited  { color: #fff; }
#footer p  { margin: 5px 0 0 0; }
#footer #credit img  { vertical-align: middle; }
#footer #credit span  { display: none; }


/* 2.8 Contact Form */
#contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; }
#contact-page ol.forms{float:left;list-style:none;width:100%;margin:10px 0 0;}
#contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%}
#contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;}
#contact-page ol.forms input.txt{width:214px;}
#contact-page ol.forms input#sendCopy{border:none;}
#contact-page ol.forms textarea{height:300px;width:400px;}
#contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;}
#contact-page ol.forms li.textarea .error{display:block; margin-left:120px}
#contact-page ol.forms li.screenReader{margin-bottom:0;}
#contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; }
#contact-page ol.forms li.inline input{width:auto;margin-left:120px;}
#contact-page ol.forms li.inline label{display:inline;float:none;width:auto;}

/* @end */

/* @group 3. POSTS */

/*-------------------------------------------------------------------------------------------*/
/* 3. POSTS */
/*-------------------------------------------------------------------------------------------*/

#breadcrumb, .archive_header  { font-family: Helvetica, Arial, sans-serif; display: block; margin:10px 0; padding: 0 55px; font-size: 18px; font-weight: bold; color: #000; }
#breadcrumb  { font-size: 14px; font-weight: normal; padding: 0; }
.archive_header .catrss a  { font-size: 14px; text-decoration: none; line-height: 28px; }

.post  { position: relative; margin: 0 0 30px 0; padding: 0px 25px 30px 25px}
.post.gallery { min-height: 780px;}

.post .title  { width:100%; position:relative; margin: 0; padding: 0 0 10px 0; color: #524238; text-align: center; text-transform: uppercase; line-height: 1; font-family: "Times New Roman", sans-serif;}
.post .title a:link, .post .title a:visited  { color: #524238; }
.post .title a:hover  { text-decoration: none; }

.post-meta  {text-align: center; margin: 10px 0 0 0; font-size: 11px; color: #524238;}
.post-meta  {}
.post-meta .categories  {}
.post-meta .date  {}
.post-meta span, .post-meta span a:link, .post-meta span a:visited  { font-size: 13px; color: #524238; text-transform: uppercase; text-decoration: none; }

.post img.thumbnail  { margin: 0 0 20px 0; }

.post-tags span.tags  {text-align: center; margin: 10px 0 0 0; font-size: 13px; text-transform: uppercase;}
.post-tags a:link, .post-tags a:visited  { font-size: 11px; text-decoration: none; }
.post-tags  {text-align: center; margin: 20px auto 0 auto; font-size: 11px; width: 570px;}

.post .social{
	width: 900px;
	clear: both;
	display: block;
	margin-bottom: 30px;
	height: 20px;
}
.post .social .fb-like, .post .social .woo-sc-twitter, .post .social .shortcode-google-plusone, .post .pin-it{
	float: left;
	margin-right: 5px;
}
.post .pin-it{
	margin-right: 40px;
}

.entry  {}

/* 3.1 Typographic Elements */
.entry h1 {}  .entry h2 {}  .entry h3 {}  .entry h4 {}  .entry h5 {}  .entry h6 {}
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6  {	margin: 0 0 15px 0; }

.entry p  { margin: 0 0 15px 0; text-align: center; }

.entry blockquote  { padding: 10px 30px; color: #666; font-style: italic; font-size: 16px; }
.entry blockquote p  {}

.entry ul  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ul ul  { margin: 0; }
.entry ul li  {	list-style-type: circle; }
.entry ul ul li  { list-style-type: disc; }

.entry ol  { margin: 0 0 15px 0; padding: 0 0 0 30px; }
.entry ol ol  { margin: 0; }
.entry  ol li  { list-style-type: upper-latin; }
.entry  ol li ol li  { list-style-type: lower-latin; }

.read_more { display: block; text-transform: uppercase;}

/* 3.2 Images */
img.wp-smiley  { padding: 0; border: none; }

.entry .alignleft  { float: left; width: auto; margin: 10px 15px 10px 0; }
.entry .alignright  { float: right; width: auto; margin: 10px 0 10px 15px; }
.entry .aligncenter  { text-align: center; }

.entry .wp-caption { padding: 1px; text-align:center; background:#F8F8F4; border: solid 1px #e6e6e6; }
.entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; }
.entry .wp-caption-text { margin:0; padding:0; font-size:11px; text-align:center; }

/* 3.3 Pagination / WP-Pagenavi */
.more_entries { margin-top: -30px; padding: 10px 55px; }
.more_entries a { display: block; margin: 0 0 0 0; text-transform: uppercase; font-weight: bold; text-decoration: none; }

.more_entries .wp-pagenavi { margin: 0; text-align: center; }
.more_entries .wp-pagenavi a:link,
.more_entries .wp-pagenavi a:visited { display: inline; text-decoration: none !important; padding: 4px 6px!important; }
.more_entries .wp-pagenavi .current, 
.more_entries .wp-pagenavi .on,
.more_entries .wp-pagenavi a:hover { padding: 4px 7px; font-weight: bold; }
.more_entries .wp-pagenavi .extend { background:none; border:none; }

/* @end */

/* @group 4. WIDGETS */

/*-------------------------------------------------------------------------------------------*/
/* 4. WIDGETS */
/*-------------------------------------------------------------------------------------------*/

/* 4.1 Generic Widgets */
.widget  { margin: 10px; padding: 10px; }
.widget h3  { margin: 0; padding: 10px 0; }

.widget ul  { clear:both; }
.widget ul li { text-align: center;}
.widget ul li a:link, .widget ul li a:visited { display: block; padding: 0; line-height: 30px; text-decoration: none; }
.widget ul ul  { padding: 0 0 0 15px; border-top: none; }
#archives-3 {text-align: center;}

.widget_recent_comments li, #twitter li  { padding: 6px 0 6px 10px; line-height: 18px; } /* RESET LI STYLING FOR RECENT COMMENT & TWITTER */
.widget_recent_comments li a, #twitter a  { display: inline; padding: 0; line-height: 18px!important; background: none!important; border: none!important; } /* RESET <A> STYLING FOR RECENT COMMENT & TWITTER */


/* 4.2 Specific Widgets */


/*SPECIAL RECENT POSTS*/

.widget_recent_entries li{
	text-align: left;
}
.widget_recent_entries li{
	text-align: left !important;
	display: block;
	clear: both;
	padding: 5px;
	border-top:  1px dotted #fff;
}

.widget_recent_entries li a img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


.widget_recent_entries li a{
	line-height: 16px !important;
	border: none !important;
}



/* FEATURED POSTS */

#featured li  { float: left; width: 300px; padding: 10px 0; list-style: none; }
#featured li a  { padding: 0; background: none; border: none; }
#featured span  { display: block; }
#featured span.thumb  { float: left; width: 80px; }
#featured .right  { float: right; width: 200px; font-size: 12px; line-height: 18px; }
#featured .right h4  { margin: 0 0 5px 0; font-size: 14px; line-height: 18px; }
#featured .right h4 a  { line-height: 18px; }

/* WIDGET FORMS */
#searchform  { margin: 15px 0 0 0; }
input#s, input.field  { float: right; width: 100px; padding: 5px 0 5px 5px; }
input.submit  { display:block; float: right; line-height: 17px; border: none; padding: 4px 5px; color: #fff; text-shadow: 1px 1px 0 #424242; text-transform: uppercase; font-size: 12px; }
.widget .screen-reader-text  { display: none; }

/* FLICKR */
#flickr h3  {}
#flickr h3 span{color:#0061D8;}
#flickr h3 span span{color:#FF1183;}
#flickr .flickr_badge_image  { width: 75px; float: left; margin: 15px 34px 0 0; }
#flickr .pictures  { margin-right: -28px; }
#flickr a img  { float: left; display: block;}

/* LIFESTREAM */
.widget_lifestream ul li a  { border:none; background:none!important; }
.widget_lifestream ul .lifestream_meta  { color: inherit; }

/* TEXT WIDGET */
.textwidget  { padding: 10px 0; text-align:center; }

/* CALENDAR */
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th,#wp-calendar td{text-align:center;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}

/* ADS */
#sidebar .ads125 { padding: 0 0 12px 12px; background: #fff; }
.ads125 img  { margin: 14px 16px 0 0; }

/* EXTENDED FOOTER WIDGET*/
#extended-footer .widget  { margin: 0 0 0px 10px; padding: 10px; width: 280px; }
#extended-footer .widget h3  { font-size: 30px; margin: 0 0 10px 0; padding: 10px 0; border-bottom: none; }
#extended-footer .widget ul li a  { padding: 0; line-height: 24px; background: none; border-bottom: none; }
#extended-footer .widget ul li a:hover  { background: none; }

#extended-footer .textwidget  { padding: 0; }
#extended-footer #flickr .flickr_badge_image  { width: 75px; float: left; margin: 15px 25px 0 0; }
#extended-footer #flickr .pictures  { margin-right: -28px; }
#extended-footer input#s, #extended-footer input.field  { width: 210px; }
#extended-footer #advert_300x250 { padding-left: 0; padding-right: 0; }
#extended-footer .ads125 img  { margin: 14px 13px 0 0; }
#extended-footer .widget_recent_comments li, #extended-footer #twitter li  { padding: 6px 0 6px 0; }

/* TAG CLOUD */
.widget_tag_cloud .widget-top .widget-bottom div { padding: 0 20px; }

/* @end */

/* @group 5. COMMENTS */

/*-------------------------------------------------------------------------------------------*/
/* 5. COMMENTS */
/*-------------------------------------------------------------------------------------------*/

/* 5.1 Comments */
#comments { position:relative; margin: 0 0 30px 0; padding: 20px; background-color: #fff; border: 5px solid #fff; }
#comments h3{ margin: 0 0 20px 0; }
#comments .comment{margin-top:10px;width:100%;list-style-type:none;}
#comments .comment .comment-container  { padding: 10px 0; border-bottom: 1px dotted #524238;}
#comments .comment-head  { margin: 0 0 15px 0; }
#comments .comment-head .avatar  { float: left; }
#comments .comment-head .avatar img{margin: 0 10px 0 0;vertical-align: middle;border:3px solid #eee;}
#comments .comment-head .name  { display: block; margin: 0 0 -5px 0; font-weight: bold; font-size: 15px; }
#comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 11px; }
#comments .comment-entry p  { margin: 0 0 10px 0;}

#comments ul.children{margin:10px 0 0 25px;padding:0;}
#comments .cancel-comment-reply a, #comments .comment-reply-link  { text-transform: uppercase; font-family: helvetica, arial, sans-serif; font-weight: bold; text-decoration: none; font-size: 11px;}

#comments .navigation { }
#comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; }
#comments .navigation a:hover{}

/* 5.2 Pingbacks / Trackbacks */
#pings  { margin: 0 0 60px 0; padding: 50px 55px; background-color: #fff; border: 5px solid #efefef; }
#pings h3  { margin: 0 0 20px 0; }
.pinglist li  { margin: 0 0 0 20px; list-style-type: decimal; }
.pinglist li .author  { font-weight: bold; font-size: 15px; }
.pinglist li .date  { font-size: 11px; }
.pinglist li .pingcontent  { display: block; margin: 10px 0; }

/* 5.3 Comments Form */
#respond  { margin: 15px 0 0 0; padding: 20px; background-color: #fff; border: 5px solid #fff; }
#comments #respond  { padding: 20px 0; margin: 0; border: none; }
#comments #respond h3  { margin-bottom: 0; }
#respond h3  { }

#commentform  {	margin: 15px 0 0 0; }
#commentform input.txt  { width: 260px; margin: 0 5px 10px 0; padding: 7px 5px; border: 1px solid #eee; }
#commentform label  { font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; font-weight: bold; }
#commentform textarea  { width: 95%!important; padding: 5px; border: 1px solid #eee; }
#commentform #submit  { border: none; margin: 20px 0 0 0; padding: 4px 10px; color: #fff; text-shadow: 1px 1px 0 #424242; text-transform: uppercase; font-size: 12px; }

/*Related Posts*/
#related-posts h3.related-heading{ margin-bottom: 10px; }
.kiki-sc-related-posts li{ float: left; clear: none; width: 140px; text-align: center; border-right: 1px #c6c6c6 dotted; margin-bottom: 40px; padding-right: 22px; padding-left: 22px;}
.kiki-sc-related-posts .first { border-left: none; padding-left: 0px; }
.kiki-sc-related-posts .last { border-right: none; padding-right: 0;}

.kiki-sc-related-posts .thumbnail{ float: none; margin-right: 0px; }
.kiki-sc-related-posts .thumbnail img{ margin-bottom: 10px; }
.kiki-sc-related-posts a.related-title {display: block; font-size: 14px;   line-height: 16px;}
.kiki-sc-related-posts a.related-title:hover {text-decoration: underline; }



/* @end */