@charset "utf-8";
/*-----------------------------------------------------------------------------------
	
	White-Theme CSS Document for PicTree Photographer Wordpress Theme

	Theme Name: PicTree
	Theme URI: 
	Description: White-Theme CSS for "Pictree - A clean Photographer Wordpress Theme"
	Author: Dennis Osterkamp
	Author URI: http://www.do-media.de
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	
	All files, unless otherwise stated, are released under the GNU General Public License
	version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

/* -----------------------------------------------------------------------------------
/* 
	Table of Contents

	1. =Body, Typography and some main Elements
	2. =Header
	3. =Nav Menu
	4. =Footer	
	5. =Scroller
	6. =Content
	7. =Forms
	8. =Comments	
	9. =Shortcodes
	10. =Widgets	
	11. =Images	

/*-----------------------------------------------------------------------------------*/
/*	1. =Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

body { 
	background-color: #fafafa;
	color: #666;
}


#page { background-color: #f9f9f9; }

h1,h2,h3,h4,h5 { 
	color: #576772;
	-moz-text-shadow: 1px 1px #fff;
	-webkit-text-shadow: 1px 1px #fff;	
	text-shadow: 1px 1px #fff;	
}

h2.page-description, h2.entry-description { color: #758288; }

a:link, a:visited { color: #21759b; text-decoration: none; }
a:hover, a:active { color: #F26535; }

ins { background: #ffc; }
pre { background: none; }

.wp_syntax { 
	border-color: #ddd !important; 
	border-style: dotted !important; 
	color: #666 !important; 

	background: #f3f3f3 !important;
}
abbr,acronym { border-bottom-color: #666;  }


/** Left Sidebar **/
.left-sidebar #content { border-left: 1px solid #e5e5e5; }
.left-sidebar #sidebar { border-right: 1px solid #fff; } 

/** Right Sidebar **/
.right-sidebar #content { border-right: 1px solid #e5e5e5; }
.right-sidebar #sidebar { border-left: 1px solid #fff; } 

#sidebar h3, #sidebar h1.widget-title { color: #99a2a9; }

/*-----------------------------------------------------------------------------------*/
/* 2. =Header
/*-----------------------------------------------------------------------------------*/

#branding 		{ background: transparent url('img/white/bg-branding-repeat.jpg') 0 0 repeat-x; border-bottom: 1px solid #f1f1f1; }
#header-wrapper { background: transparent url('img/white/bg-branding-shadow.png') 50% 100% no-repeat }

#site-title a 	{ background: transparent url('img/white/bg-logo.png') 0 0 no-repeat; }

#site-description {
	color: #99a2a9;
	border-left: 1px dotted #99a2a9;
}

#welcomeTeaser h2 { color: #6d7c85; }

nav#navigation a,
#site-description,
#welcomeTeaser {
	-moz-text-shadow: 1px 1px #fff;
	-webkit-text-shadow: 1px 1px #fff;	
	text-shadow: 1px 1px #fff;
}


/*-----------------------------------------------------------------------------------*/
/* 3. =Nav Menu
/*-----------------------------------------------------------------------------------*/

nav#navigation a { 
	color: #6b7983; 
}

nav#navigation ul ul {
	border: 1px solid #eaeaea;
	background: transparent url('img/white/bg-access-submenu.png') 0 0 repeat;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);	
}

nav#navigation ul ul a { color: #758288; }
nav#navigation ul ul a:hover { color: #444; }

nav#navigation ul ul li {
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #fff;
}

nav#navigation ul a:hover,
nav#navigation ul li.sfHover a,
nav#navigation ul li.current-cat a,
nav#navigation ul li.current_page_item a,
nav#navigation ul li.current-menu-item a {
    background: url('img/white/bg-sprite.png') 10px 0;
	text-decoration: none;
}

nav#navigation ul a:hover span,
nav#navigation ul li.sfHover a span,
nav#navigation ul li.current-cat a span,
nav#navigation ul li.current_page_item a span,
nav#navigation ul li.current-menu-item a span {
    background: url('img/white/bg-sprite.png') 100% -30px;
}

nav#navigation li a span.sf-sub-indicator {
    background: url('img/white/bg-sprite.png') 100% -90px;
}

nav#navigation ul a:hover span.sf-sub-indicator,
nav#navigation ul li.sfHover a span.sf-sub-indicator,
nav#navigation ul li.current-cat a span.sf-sub-indicator,
nav#navigation ul li.current_page_item a span.sf-sub-indicator,
nav#navigation ul li.current-menu-item a span.sf-sub-indicator { 
	background: url('img/white/bg-sprite.png') 100% -60px 
}


/*-----------------------------------------------------------------------------------*/
/* 4. =Footer
/*-----------------------------------------------------------------------------------*/

#colophon { background: #fafafa url('img/white/bg-footer-repeat.png') 50% 0 repeat-x; }
#colophon a.logo { background: #fafafa url('img/white/bg-footer-logo.png') 50% 50% no-repeat; }

#copyright { color: #99a2a9; }


/*-----------------------------------------------------------------------------------*/
/* 5. =Scroller
/*-----------------------------------------------------------------------------------*/

#scroller { background: #fdfdfd url(img/white/loading.gif) 50% 50% no-repeat; border: 1px solid #f1f1f1; border-width: 1px 0 }

#scroller div.item  {  }
#scroller div.photo a { background: #fff url(img/white/bg-magnifier.png) 50% 50% no-repeat; }
#scroller div.vimeo-video a,
#scroller div.youtube-video a { background: #fff url(img/white/bg-magnifier-video.png) 50% 50% no-repeat; }
#scroller div.item a img {  }

#scroller_thumbnails li { background: #fff; }
#scroller_thumbnails li img { border: 1px solid #f5f5f5; background: #fff; }

#scroller_thumbnails li.current img { background-color: #e5eba5 }

#scroller_thumbnails .scroll-buttons { background: transparent url(img/white/bg-sprite.png) -352px -120px no-repeat; }
#scroller_thumbnails .next { background-position: -376px -120px; }

#scroller_thumbnails .scroll-buttons:hover { background: transparent url(img/white/bg-sprite.png) -304px -120px no-repeat; }
#scroller_thumbnails .next:hover { background-position: -328px -120px; }

#slider .ui-slider-handle { background: transparent url(img/white/bg-slide-handle.png) 50% 50% no-repeat; }
#slider { background: transparent url(img/white/bg-slider.png) 50% 50% repeat-x; }


/*-----------------------------------------------------------------------------------*/
/* 6. =Content 
/*-----------------------------------------------------------------------------------*/

.entry-meta li 		{ color: #99a2a9; border-color: #ddd; }
.entry-meta li span { color: #576772 }
.entry-header 		{ border-bottom: 1px solid #e5e5e5 }

/** Tag list **/
.entry-tags li a { background: #eee; }

/** Tag Cloud **/
.tag-cloud ul li a { background: #eee; }

h1.entry-title a:link, h1.page-title a:link,
h1.entry-title a:visited, h1.page-title a:visited,
h2.entry-title a:link, h2.entry-title a:visited { 
	color: #576772; 
}

.respond-title, .author-title, .related-title, .recent-title, h3#reply-title, h3#comments-title {
	border-bottom: 1px dotted #ddd;
}

/** Portfolio Pages **/
.portfolio-list li .shadow 	{ background: transparent url(img/white/bg-image-shadow-large.png) 50% 100% no-repeat; }
.portfolio-list li .shadow a { background: #fff url(img/white/bg-magnifier.png) 50% 50% no-repeat; }
.portfolio-list li.vimeo-video .shadow a,
.portfolio-list li.youtube-video .shadow a { background: #fff url(img/white/bg-magnifier-video.png) 50% 50% no-repeat; }
.portfolio-list li img 		{ border: 1px solid #f5f5f5; background: #fff; }

.portfolio-list li ul li { color: #99a2a9; }
.portfolio-list li ul li span { color: #576772 }

blockquote { background: transparent url(img/white/bg-quote.png) 0 0 no-repeat; }

/** Blog **/
.blog .date-badge { 
	background: transparent url(img/white/bg-blog-date.png) 50% 50% no-repeat;
	color: #fff;
}

/** Twitter Widget on Homepage **/
#twitterWidget { 
	background: transparent url(img/white/bg-twitter-repeat.jpg) 50% 50% repeat; 
	color: #6d7c85;
	border: 1px solid #f0f0f0;
	border-width: 1px 0;	
}

#twitterWidget li {
	background: transparent url(img/white/bg-twitter-inner.png) 0 0 no-repeat;
}

#twitterWidget .widget a:link, #twitterWidget .widget a:visited { color: #999; }

/** Pagination **/
.pagination span, .pagination a { background: none; }
.pagination a:hover { background: #99a2a9; color: #fff; }
.pagination span.current { background: #576772; color: #fff; }

#related-posts .entry-image {
	border: 1px solid #eee;
	background: #fff;
}

/*-----------------------------------------------------------------------------------*/
/* 7. =Forms
/*-----------------------------------------------------------------------------------*/

input,
textarea {
	background: #fff;
	color: #999;
	border: 1px solid #e9e9e9;
}

input:focus, textarea:focus { color: #444; }

label { color: #576772;	}


/*-----------------------------------------------------------------------------------*/
/* 8. =Comments
/*-----------------------------------------------------------------------------------*/

h3#reply-title 	{ color: #555; }
.comment-author cite { color: #555; }
.comment-meta 	{ color: #888; }

.comment-meta a:active, 
.comment-meta a:hover,
.reply a:hover,
a.comment-edit-link:hover, 
#respond .required { 
	color: #ff4b33; 
}
.commentlist .children li div:first-child, .commentlist li.comment div:first-child {
	background: #f1f1f1;

}
#comments .pingback { border-bottom-color: #e7e7e7; }
#comments .pingback p { color: #888; }

/* Comments form */
input[type=submit] { color: #555; }
#respond { background: #f5f5f5; border-color: #ccc; }
#respond label { color: #555; }
#respond .form-allowed-tags { color: #999; }


/*-----------------------------------------------------------------------------------*/
/* 9. =Shortcodes
/*-----------------------------------------------------------------------------------*/

/* Hightlight Shortcode */
.highlight-dark { background: #333; color: #fff; }
.highlight-light { background: #ddd; color: #333; }
.highlight-yellow { background: #FFC; color: #333; }
.highlight-red { background: #900; color: #fff; }

/* Dropcap */
.dropcap {
	color: #99a2a9;
}
.dropcap-dark  { color: #fff; background: #555;  }
.dropcap-light { color: #666; background: #eee;  }

/* Image Alignment */
.image-left, .image-right {
    background: #FFF;
    border: 1px solid #CCC;
}
.image-left .caption, .image-right .caption {
    color: #999;
}

.img-caption { background: #f5f5f5; border: 1px solid #ddd; }
.img-caption .caption { background: #f5f5f5; }

/* Box Shortcode */
.info-box .box-title { color: #fff; background: #576772; }
.info-box .box-content { background: #eee; }

.info-dark { color: #fff; }
.info-dark .box-title { background: #576772; }
.info-dark .box-content { background: #758288; }

.info-light .box-content { background: #f1f1f1; }

/* Toggle Box Shortcode */
.toggle-box .box-title a { 
	color: #fff; 
	background: #576772 url(img/white/bg-sprite.png) 100% 100% no-repeat; 
}
.toggle-box .box-title a.open { background-position: 100% -230px; }
.toggle-box .box-inner { background: #eee; }

.toggle-dark .box-title a { 
	color: #fff; 
	background: #576772 url(img/white/bg-sprite.png) 100% 100% no-repeat; 
}
.toggle-dark .box-inner { background: #758288; color: #fff; }

.toggle-light .box-title a { 
	color: #555; 
	background: #ddd url(img/white/bg-sprite.png) 100% -198px no-repeat; 
}
.toggle-light .box-title a.open { background-position: 100% -166px; }
.toggle-light .box-inner { background: #f1f1f1; }

/* Tab Shortcode */
.tabs li { border-right: 1px solid #e9e9e9; }
.tab-wrapper {
	background: #eee;
	border: 1px solid #e9e9e9;
}
.tabs ul.nav {
    background: #576772;

}
.tabs ul.nav li a {
    color: #fff;
}
.tabs ul.nav li a:hover { background: #758288; }
.tabs ul.nav li.ui-tabs-selected a { background: #eee; color: #555; }

hr.shortcode { border-bottom: 1px solid #e5e5e5 }

/*-----------------------------------------------------------------------------------*/
/* 10. =Widgets
/*-----------------------------------------------------------------------------------*/

/* Headlines of sidebar widgets */
#sidebar h1.widget-title { color: #99a2a9; }

/** Recent Comments Widget **/
#sidebar .widget_recent_comments li { border-bottom: 1px dotted #ddd; background: transparent url(img/white/icon-comment.png) 0 3px no-repeat; }

/** Recent Tweets Widget **/
#sidebar .widget_recent_tweets li { border-bottom: 1px dotted #ddd; background: transparent url(img/white/bg-twitter-inner-small.png) 0 3px no-repeat; }

/* Custom Recent entries */
#sidebar .widget_custom_recent_entries li img { background: #fff; border: 1px solid #f5f5f5;}

/* Custom Flickr Stream */
#sidebar .widget_flickr_stream div.flickr_badge_image img { background: #fff; border: 1px solid #f5f5f5;}


/*-----------------------------------------------------------------------------------*/
/* 11. =Images
/*-----------------------------------------------------------------------------------*/

.item-caption { 
	background: #333;
	color: #fff;
}