/*
Theme Name:		ToriTori
Theme URI:		http://www.catchatori.com
Description:	A customized template for catchatori
Author:			catchatori
Author URI:		http://www.catchatori.com/

Styles for ToriTori
Created by April Holle on 2010-02-07
Copyright (c) 2010 Made Better Studio. All rights reserved.

Bookmarking:
==layout
==common
==form

Colors:
*/

/* ==layout */

html {width: 100%; height: 100%; margin: 0; padding: 0;}
body {width: 100%; height: 100%; margin: 0; padding: 0; font-size: .75em; background-color: #eaeaea; font-family: Arial, Helvetica, Sans-Serif;}
body#home {background: url('/wp-content/themes/toritori/images/bg-body.jpg') no-repeat scroll 0 0 #eaeaea;}

#header {width: 860px; margin: 0 auto; padding: 0 95px; min-height: 104px; background: url('/wp-content/themes/toritori/images/bg-header.jpg') no-repeat top left;}
#home #header, #featured, #content-inner, #footer {width: 860px; margin: 0 auto;}
#home #header {background: none;}
#pnav-home {margin: 0 0 0 50px;}
#featured {height: 410px;}
#slideshow-top {height:6px; background: url('/wp-content/themes/toritori/images/bg-slideshow-top.png') no-repeat bottom center; }
#slideshow-mid {padding: 0 8px; background: url('/wp-content/themes/toritori/images/bg-slideshow-mid.png') repeat-y top center; position: relative; overflow: hidden;} 
#slideshow-overlay {position: absolute; z-index: 100; height: 355px; width: 844px; overflow: hidden; background: url('/wp-content/themes/toritori/images/bg-imageoverlay.png') repeat-y top left;}
#slideshow-text {position: absolute; z-index: 150; height: 60px; width: 844px; top: 255px; padding: 20px 0; background: url('/wp-content/themes/toritori/images/bg-slideshow-content.png') top left; color: #a3d7e0;}
#prev {width: 30px; float: left; padding: 20px 15px 0 0; text-align: right;}
#next {width: 30px; float: right; padding: 20px 0 0 15px;}
.slideshow-info {width: 750px; float: left; height: 60px; padding: 0 30px; overflow: hidden;}
#slideshow-content {position: relative; height: 355px;}
#slideshow-bot {height:6px; background:url('/wp-content/themes/toritori/images/bg-slideshow-bot.png') no-repeat top center; }
#social-links {text-align: right; margin: 10px 5px 0 0;}
#related-posts {margin: 0 0 10px 0;}
#content {background: #7d7d7d;}
#home #content {padding: 1px; background-image: none;}
#content-wrapper {background: url('/wp-content/themes/toritori/images/bg-content.png') no-repeat top left; width: 820px; margin: 0 auto; padding: 40px 245px 30px 245px;}
#content-inner {padding: 0 0 20px 0;background: url('/wp-content/themes/toritori/images/bg-column.png') repeat-y 595px top;}
#portfolio #content-inner {background: none;}
#blog .blog-post { border-left: 2px solid #2c2c2c; padding: 0 0 0 30px; margin: 0 0 20px 0;}
.date {float: left; display: inline-block; text-transform:uppercase; background-color:#2c2c2c; color: #ffffff; padding: 5px; font-size: 1em; width: 50px; margin: 0 0 10px -100px; text-align: center;}
#home #content-inner {background: url('/wp-content/themes/toritori/images/bg-content3col.png') repeat-y 285px 0; width: 880px; margin: 25px auto 0 auto; padding: 0 0 30px 0;}
#right-sidebar {float: right; width: 250px; color: #fff;}
#main-content {float: left; width: 575px;}
.storycontent {color: #fff;}
#footer {padding: 25px 20px 10px 20px; width: 820px;}

.img-thumbnail {background: url('/wp-content/themes/toritori/images/bg-imgthumb.png') no-repeat top left; height: 124px; width: 174px; padding: 6px 0 0 8px;}
.portfolio-image {float: left; margin-right: 40px;}
.portfolio-content {padding: 20px 20px 0 0;}
.post.category-portfolio {clear: both; border: 2px solid #011a23; background: #fff url('/wp-content/themes/toritori/images/bg-column.png') repeat-y 580px top;}

.column13 {float: left; width: 223px; padding: 0 31px;}
.meta {clear: both;}
.clearfix:after, .blog-post:after, .meta:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

a {color: #ffffff;}
a:hover {color: #939594;}
h1 a {color: #2c2c2c;}
#slideshow-mid h1 a {color: #ffffff;}
#portfolio a {color: #fff;}
#portfolio .post.category-portfolio a {color: #156a89;}

#header ul {float: right; list-style: none; margin: 60px 0 0 0; padding: 0; font-size: 1.5em;}
#header ul li {float: left; margin: 0 0 0 10px; }
#header ul li a {color: #7baec1; text-transform: uppercase; padding: 0 0 3px 0; text-decoration: none;}
#header ul li a:hover, #header ul li.current_page_item a, #blog #header ul li.page-item-10 a {color: #5d5e5e; padding: 0 0 3px 0;}

ul#nav-secondary, ul#snav-secondary li {list-style: none; padding: 0; margin: 0;}
ul#nav-secondary {min-height: 25px; margin-bottom: 15px;}
ul#nav-secondary li {float: left; background-color:#2d2c29; padding: 5px; margin-right: 20px;}
ul#nav-secondary li a {display: inline-block; color: #ffffff; text-decoration: none; font-size: 1.2em;}
ul#nav-secondary li:hover, ul#nav-secondary li.current-cat {background-color: #3f4040;}
ul#nav-secondary li:hover a, ul#nav-secondary li.current-cat a { color: #939594;}

#related-posts ul, #related-posts ul li {list-style: none; padding: 0; margin: 0;} 
#related-posts ul li {padding: 5px; border-left: 1px dotted #747471;}
#related-posts ul li:first-child {border-left: none;}

ul#sidebar-menu, ul#sidebar-menu li {list-style: none; margin: 0; padding: 0;}
ul#sidebar-menu {margin: 0 0 40px 0;}
ul#sidebar-menu > li {margin: 0 0 40px 0;}

#social-links a {margin-left: 10px;}
a img {border: 0;}
#right-sidebar a {text-decoration: none;}
#right-sidebar a img, .social img, .meta img {vertical-align: bottom;}

img.contact-photo {float: left; margin: 0 10px 0 0;}
#home img.contact-photo {margin: -60px 0 0 0;}

h1 {font-size: 2.0em; text-transform: uppercase; color: #2c2c2c; margin: 0 0 15px 0;}
h2 {font-size: 1.6em; color: #ffffff; margin: 10px 0 5px 0;}
#right-sidebar h2 {color: #fff; border-bottom: 1px dotted #ffffff; padding: 0 0 5px 0; clear: both;}
#home #content h2 {font-size: 1em; color: #fff; text-transform: uppercase; margin: 0;}
#slideshow-text h1 {font-size: 1.333em; margin: 0; padding: 0; color: #76b1bd;}

p {line-height: 1.4em; color: #fff;}
#slideshow-text p {margin: 10px 0; color: #ffffff;}
#footer p {color: #3F4040; font-size:.75em; margin-top: 0;}
.post.category-portfolio p{ color: #595852;}
p.contact {
	margin: 0;
}
p.contact img {margin-top: 10px;}
p.contact.no-icon {margin: 0 0 -20px 0;}
#tlogo{
	margin-left:-35px;
	}