/*
Theme Name: Rikona
Theme URI: http://www.vooshthemes.com
Description: A Premium Photography Theme Developed By Voosh Themes. Please look at the <a href="../wp-content/themes/rikona/instructions/instructions.html">instructions</a> that are included with the file you downloaded <a href="../wp-content/themes/rikona/instructions/instructions.html">(rikona/instructions/instructions.html)</a> for details about how to configure this theme. 
Author: Voosh Themes
Author URI: http://www.vooshthemes.com
*/

/* Colors -- Orange: #0f82e7 */

@import "reset.css";

/*------------------------------------------------*/
/*---------------------TOOLS----------------------*/
/*------------------------------------------------*/
.footer-line { background: url(../images/footer-line.png) no-repeat; width: 960px; height: 8px; }
.line { clear: both; background: url(../images/line.png) no-repeat; width: 517px; height: 5px;  margin: 0 0 35px -15px;  }
.cache-images { visibility: hidden; }

/*------------------------------------------------*/
/*-----------------GENERAL STYLES-----------------*/
/*------------------------------------------------*/
#wrap { width: 960px; margin: 0 auto; text-align: center; }
body { background: url(../images/main-bg.jpg) repeat-x; background-color: #ffffff; color: #555555; line-height: 24px; font-family: Arial; font-size: 14px; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 60px; margin: 30px 0 15px 0; }
h2 { font-size: 22px; margin: 30px 0 15px 0; }
h3 { font-size: 22px; margin: 25px 0 15px 0; }
h4 { font-size: 18px; margin: 20px 0 10px 0; }
h5 { font-size: 16px; margin: 20px 0 5px 0; }
h6 { font-size: 14px; margin: 0 0 0 0; }
a:link, a:visited { color: #f34607; text-decoration: none; }
a:hover, a:active { color: #555555; }
em { font-style: italic; }
ol, ul { list-style: none; }

/*------------------------------------------------*/
/*-----------------HEADER-------------------------*/
/*------------------------------------------------*/
#header { margin: 70px 0 0 0; }
.logo { margin: 0 0 -5px 0; }

/*------------------------------------------------*/
/*-----------------NAVIGATION---------------------*/
/*------------------------------------------------*/
#nav { float:left; width:100%; overflow:hidden; position:relative; margin:50px 0 0 20px; }
#nav ul { clear:left; float:left; margin:0; padding:0; position:relative; left:50%; text-align:center; }
#nav ul li { float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; }
#nav ul li a { display:block; margin:0 0 0 1px; padding:3px 10px; font-size:20px; color:#444; text-transform:uppercase; }
#nav ul li a:hover { color: #f34607; }
#nav li span { padding-left: 20px; color: #fff; }
#nav li.current_page_item a { color: #f34607; }

/*------------------------------------------------*/
/*-----------------MAIN LAYOUT--------------------*/
/*------------------------------------------------*/
#main { float: left; padding: 70px 0 0 0; min-height: 700px; }
#content { float: left; width: 510px; padding: 0 100px 40px 2px; text-align: left; margin: -10px 0 0 40px; }
#sidebar { float: right; width: 250px; margin: -10px 40px 0 0;  }

/*------------------------------------------------*/
/*-----------------POSTS/PAGES--------------------*/
/*------------------------------------------------*/
.post { margin: 0 0 40px 0; }
.post h2.title { margin: 0 0 0 0; line-height: 30px; font-size: 24px; }
.post p { margin: 10px 0 20px 0; }
.post p.meta { font-size: 20px; margin: 0 0 15px 0; color: #888888; }
.next-posts { margin: 0 0 0 0; }
.page h2.title { margin: 0 0 15px 0; line-height: 30px; font-size: 22px; }
.page-title { margin: 0 0 15px 0; line-height: 30px; font-size: 24px; }

/* Search/Archive Pages */
.search-result, .archive-result { float: left; margin: 10px 0 20px 0; }
.search-link, .archive-link { font-size: 24px; margin: 0 0 5px 0; }
.search-meta, .archive-meta { font-size: 20px; margin: 0 0 15px 0; color: #888888; }

/*------------------------------------------------*/
/*-----------------SIDEBAR------------------------*/
/*------------------------------------------------*/
#sidebar { text-align: left; }
#sidebar h2 { font-size: 20px; padding: 0 0 0 0; }
#sidebar .author-photo { background: url(../images/author-bg.png); width: 250px; height: 250px; }
#sidebar .author-photo img { margin: 9px 0 0 9px; border: 1px #cccccc solid; }
#sidebar #author-details { margin: 25px 0 0 0; }
#sidebar #author-details h3 { font-size: 18px; color: #888; margin: 0 0 10px 0 }
#sidebar #author-details .status { color: #555; }
#sidebar #author-details p { font-size: 12px; margin: 0 0 15px 1px; line-height: 22px; }
#sidebar .widget, #sidebar #calendar_wrap, #sidebar #searchform { margin: 0 0 0 2px; }

/*------------------------------------------------*/
/*-----------------COMMENTS-----------------------*/
/*------------------------------------------------*/
#comments { width: 500px; margin: 35px 0 0 0; }
#comments ol, #comments ul { padding: 0; }
/* actual comment styling */
.commentlist { margin: 25px 0 30px 0; }
.commentlist .comment { background: url(../images/comment-bg.jpg) repeat-x; border: 1px solid #dddddd; padding: 15px 15px 0 15px; margin: 15px 0 15px 0; list-style: none; }
.commentlist .fn { color: #555555; font-size: 16px; }
.commentlist .url { color: #e86e14; font-size: 16px; font-style: normal; }
.commentlist .comment-meta { color: #888888; text-transform: uppercase; font-size: 10px; margin: -4px 0 0 0; }
.commentlist img { float: right; width: 25px; height: 25px; margin: 5px 0 0 7px; padding: 2px; border: 1px solid #cccccc; }
.commentlist p { margin: 10px 0 10px 0; width: 475px; }
.commentlist .comment-reply-link { margin: 5px 0 10px -7px; background: url(../images/reply-button-orange.png) no-repeat; width: 73px; height: 28px; display: block; }
.commentlist .comment-reply-link:hover { background: url(../images/reply-button-orange-hover.png) no-repeat; }

#respond { float: left; margin: 0 0 20px 0; }
#respond h3 { margin-bottom: 20px; }
#commentform { width: 485px; padding-top: 5px; }
#commentform input { background: url(../images/comment-bg.jpg) repeat-x;border: 1px #dddddd solid; float: left; width: 255px; padding: 12px; margin-bottom: 20px; font-family: Arial; font-size: 12px; color: #555555; }
#commentform textarea { background: url(../images/comment-bg.jpg) repeat-x; border: 1px #dddddd solid; margin: 5px 0 0 0; width: 425px; height: 238px; padding: 10px 10px; font-family: Arial; font-size: 12px; color: #555555; line-height: 20px; }
#commentform .submit { background: url(../images/submit-button-orange.png) no-repeat; width: 109px; height: 38px; border: none; cursor: pointer; margin: 20px 0 0 -5px; }
#commentform .submit:hover { background: url(../images/submit-button-orange-hover.png) no-repeat; width: 109px; height: 38px; }
#commentform label {  float: left; padding: 8px 0 0 20px; text-transform: uppercase; color: #888888; font-size: 10px; }
#cancel-comment-reply-link { font-size: 12px; }

/*------------------------------------------------*/
/*-----------------CONTACT PAGE-------------------*/
/*------------------------------------------------*/
#contact-page { float: left; width: 500px; }
#contact-page .contact-title { margin: 0 0 15px 0; line-height: 30px; font-size: 24px; }
#contact-page p { margin: 0 0 25px 2px; }
#contact-page #contact { margin: 0 0 0 0; }
#contact-page #contact fieldset { border: none; }
#contact-page #contact input { background: url(../images/comment-bg.jpg) repeat-x; border: 1px #dddddd solid; padding: 12px 10px 10px 10px; font-size: 12px; color: #555555; font-family: Arial, Helvetica, sans-serif; margin: 0 200px 15px 0; width: 275px; }
#contact-page #contact textarea { background: url(../images/comment-bg.jpg) repeat-x; border: 1px #dddddd solid; width: 515px; height: 249px; border: 1px #dddddd solid;  font-size: 12px; color: #555555; font-family: Arial, Helvetica, sans-serif; line-height: 24px; margin: 0 0 15px 0; padding: 20px 20px 0 15px; width: 450px; }
#contact-page #contact .submit { background: url(../images/submit-button-orange.png) no-repeat; width: 109px; height: 38px; border: none; cursor: pointer; margin: 0 0 0 -6px; }
#contact-page #contact .submit:hover { background: url(../images/submit-button-orange-hover.png) no-repeat; }
.contact_error { background: #eeeeee url('../images/cross.png') no-repeat 10px center; display: block; height: 22px; line-height: 22px; padding: 3px 10px 3px 35px; color:#555555; border: 1px solid #cccccc; margin: 0 0 20px 0; }
#contact #email_sent { background-color: #eeeeee; border: 1px #cccccc solid; padding: 10px; height: 60px; }
#contact #email_sent h3 { background: url('../images/tick.png') left no-repeat; padding-left:22px; margin-top: 4px; margin: 0 0 0 -10px; }

/*------------------------------------------------*/
/*-----------------FOOTER-------------------------*/
/*------------------------------------------------*/
#footer { clear: both; font-size: 14px; color: #777777; padding: 0 0 50px 0; }
#footer .copyright { text-align: center; padding: 8px 0 0 0; }