/*
Theme Name: StyleTheme
Theme URI: http://www.freshpressthemes.com
Description: Blog in style. For help with this theme <a href="../wp-content/themes/StyleTheme/help.htm" target="_blank">please view the documentation</a>.
Version: 1.0
Author: FreshPress
Author URI: http://www.freshpressthemes.com
Tags: style, fashion, celebrity, portfolio
*/

@import "base.css";
@import "reset.css";
@import "wordpress.css";
@import "drop-down-nav.css";

/*===================================

	Enter your custom styles here.

	Table of Contents
	
	[1] - Main Body
	[2] - Header area
	[3] - Navigation area
	[4] - All content holders
	[5] - Post styling
	[6] - Aside
	[7] - Footer
	[8] - Comments
	[9] - Miscellaneous
	
=================================*/

	a { color: #333; }
	a:hover { color: #CC0000; text-decoration: none; }
	a:focus { outline: none; }
	
/*====================
	[1] - Main Body
====================*/

	body { background: #eee; font-family: Georgia, "Times New Roman", Times, serif; }

/*=======================
	[2] - Header area
=======================*/

	.header { padding: 0; }

/*===========================
	[3] - Navigation area
===========================*/

	.nav { background: #fff url(images/gradient.png) repeat-x left bottom; border-bottom: 1px solid #aaa; width: 968px; overflow: auto; /* Open drop-down-nav.css for the rest of the drop down navigation */ }
	.navb { background: #fff url(images/gradient.png) repeat-x left bottom; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; overflow: auto; width: 968px; }

	#nav li { border-bottom: 1px solid #ccc; }
	#nav li:hover { border-bottom-color: #eee; }
	#nav li ul { z-index: 10; }
	#nav li li a { border-right: none; }
	#nav li li li a { border-right: 1px solid #fff; }
	#nav li ul ul { /* third-and-above-level lists */ border: 1px solid #fff; border-bottom: none; border-right: none; font-size: 1em; margin: -1.6em 0 0 9em; }
	#nav li ul ul ul { /* fourth-and-above-level lists */ border: 1px solid #fff; border-bottom: none; border-right: none; font-size: 1em; margin: -1.6em 0 0 9em; }
	#nav li ul ul ul ul { /* fifth-and-above-level lists */ border: 1px solid #fff; border-bottom: none; border-right: none; font-size: 1em; margin: -1.6em 0 0 9em; }
	
	#navb, #navb ul { padding: 0; margin: 0 auto; list-style: none; text-align: center; }
	#navb a { color: #333; display: block; }
	#navb li { border-right: 1px solid #ccc; float: left; padding: 10px; }
	#navb li:last-child { border-right: none; }
	#nav li:hover, #navb li:hover { background: #E4E4E4; }

/*===============================
	[4] - All content holders
===============================*/

	.section { background: #fff url(images/i-gradient.png) repeat-x left 1px; margin: auto; padding: 20px 4px 40px; width: 960px; }
	.space { background: #fff url(images/i-gradient.png) repeat-x left 1px; border-bottom: 1px solid #eee; border-top: 1px solid #ddd; padding: 40px 5px; width: 958px; }
	.f-space { border-top: 1px solid #ddd; padding: 0; width: 968px; }
	.single-space { background: #fff; border: 1px solid #eee; border-top: none; padding: 0 0 40px; width: 966px; }
	.holder { background: none; padding-top: 0; }
	
	/* Homepage holders */
	
	.article ul { list-style: none; margin: 0; padding: 0; }
	.top-left li, .top-right li { padding: 0px; }
			
	.inner-right { /* links */ border-top: 1px solid #ddd; float: right; margin: 0 10px; width: 320px; }
	
		.inner-right p { background: #eee; border-bottom: 1px solid #ddd; border-top: 1px solid #fff; font-size: 1.059em; line-height: 2.339em; padding: 19px 10px 19px 5px; text-align: left; }
		.inner-right p:hover { background: url(images/gradient2.png) repeat-x left bottom; border-bottom: 1px solid #ccc; }
		.inner-right p a { display: block; padding-left: 25px; width: 278px; }
		.inner-right p.current { background: url(images/gradient2.png) repeat-x left bottom; border-bottom: 1px solid #ccc; }
		.inner-right p.current a { background: url(images/arrow.png) no-repeat 3px center; color: #5D98BA; }
		.inner-right p.current a:hover { cursor: pointer; color: #cc0000; }
		
	.inner-left { /* images */ border: 1px solid #ccc; float: left; width: 308px; height: 398px; }
	
		.inner-left ul { }
		.inner-left li { margin-bottom: -3px; height: 398px; position: absolute; z-index: 0; }
		.inner-text { background: #333; color: #fff; bottom: 0; padding: 0.659em; position: absolute; width: 288px; opacity: .8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); }
		.inner-text span { line-height: 1.4em; }
		.inner-text a { color: #fff; text-decoration: underline; }
		.inner-text a:hover { color: #ccc; }
		
	.three-top-one { /* Ad/RSS */ float: left; padding: 0; width: 234px; }
		
		.rss { border: 1px solid #ccc; height: 35px; padding: 5px; width: 222px; }
		.rss p { font-size: 0.9em; font-style: normal; }
		.rss a { font-style: italic; }
		
		.three-top-one li, .three-top-three li { list-style: none; padding: 0; }
		.three-top-one img, .three-top-three img { margin-bottom: 20px; }
		.rss img { margin: 0 20px 0 0; border: none; padding: 0; }
		
	.three-top-two { /* Logo */ float: left; margin: 0; padding: 0 10px; text-align: center; width: 472px; } 
		.three-top-two h1, .three-top-two p { font-size: 3.8em; font-style: italic; padding: 0; margin: 0; line-height: 1.059em; }
		.three-top-two a { color: #000; }
		.three-top-two a:hover { color: #cc0000; }
		
	.three-top-three { /* Ad/Search */ float: right; padding: 0; text-align: right; width: 234px; }

	.top-left { /* Home */ padding: 0; width: 650px; }
		
	.top-right { /* tabs */ padding: 0; width: 310px; }
		
		.top-right h3 { background: url(images/gradient2.png) repeat-x left bottom; border: 1px solid #ccc; border-bottom: none; float: left; font-size: 1.059em; margin: 0 1px 0 0; padding: 10px 15px; }
		.top-right h3.current { background: url(images/i-gradient.png) repeat-x left top; }
		.top-right h3.current a { color: #5D98BA; }
		.tabs { /* Videos */ border: 1px solid #ccc; min-height: 347px; padding: 5px; }
		.tabs p { padding: 0; font-weight: bold; }
		    .more-video { /* More Videos */ border-bottom: 1px solid #ccc; height: 108px; padding: 4px 0 0; margin-bottom: 3px; }
		    .more-video img { background: #fff; border: 1px solid #ccc; float: left; padding: 1px; margin: 0 10px 0 0; }
		    .top-right .more-video p { padding: 0 0 5px; }
			.more-video p a { font-size: 1.1em; color: #cc0000; padding: 3px; }
			.more-video:hover { background: url(images/gradient2.png) repeat-x left bottom; }
			.more-video:hover p a { color: #000; }
			.more-video:hover img { border: 1px solid #333; }
	
	.three-bot-one { /* Bottom Left */ float: left; margin-right: 16px; padding: 0; width: 294px; }
	.three-bot-two { /* Bottom Middle Ad */ float: left; margin-right: 0; padding: 0; width: 338px; }
		
		.scrollable { /* required */ background: #fff; border: 1px solid #eee; position: relative; overflow: hidden; width: 336px; height: 286px; }
		.scrollable ul.items { width: 20000em; position: absolute; clear: both; padding: 0; margin: 0; list-style: none; }
		.scrollable ul.items li { float: left; padding: 18px 0; text-align: center; width: 336px; }
		.navi { background: none; height: 20px; padding: 30px 0 0 113px; width:223px; }
		.navi a { width: 13px; height: 13px; float: left; margin: 5px 10px 5px 0; background: url(images/navigator.png) 0 0 no-repeat; }
		.navi a:hover {	background-position: 0 -13px; }
		.navi a.active { background-position: 0 -26px; } 
	
	.three-bot-three { /* Bottom Right */ float: right; padding: 0 ; width: 294px; }
	
		.three-bot-one li, .three-bot-three li { padding: 0; }
		.three-bot-one li img, .three-bot-three li img { border: 1px solid #eee; padding: 1px; }
.three-bot-one li img:hover, .three-bot-three li img:hover { border: 1px solid #333; }
		.three-bot-one h3, .three-bot-three h3 { font-size: 1.2em; margin-bottom: 0; }
		.three-bot-one p, .three-bot-three p { font-size: 0.8em; font-style: italic; padding: 5px 0 10px; }
		
	.three-mid-one { float: left; padding: 7px 7px 0; width: 300px; } /* For Three Equal Boxes */
	.three-mid-two { float: left; padding: 7px 7px 0; width: 300px; margin: 0 0 0 0.6em; } /* For Three Equal Boxes */ 
	.three-mid-three { float: right; padding: 7px 7px 0; width: 300px; } /* For Three Equal Boxes */
	
/*=============================
	[5] - Post styling
=============================*/

	.post { /* Post */ border-top: 1px solid #eee; border-right: 1px solid #eee; float: left; padding: 0; width: 665px; }
		
		.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { padding: 10px 12px; margin-bottom: 20px; }
		.post h1 { background: #FDFDFD; border-bottom: 1px solid #e9e9e9; border-top: 3px double #eee; font-size: 1.4em; padding: 10px 15px; margin-bottom: 0.9em; }
		.post h1 a { color: #000; }
		.post h1 a:hover { color: #CC0000; }
		
		.post h2 { color: #5D98BA; font-weight: normal; font-size: 1.4em; border-bottom: 3px double #eee; border-top: 1px solid #eee; }
		.post h3 { color: #CC0000; font-weight: normal; font-size: 1.2em; border-bottom: 1px dashed #ccc; border-top: 1px dashed #ccc; }
		.post h4, .post h5, .post h6 { font-size: 1em;  }
		
		.post p { color: #333; font: normal 0.859em Arial, Helvetica, sans-serif; line-height: 1.8em; padding: 0 12px 20px 13px; }
		.post p a { color: #5D98BA; font-weight: bold; }
		.post p a:hover { color: #CC0000; text-decoration: underline; }
						
		.post blockquote { background: #F9F9F9; border-bottom: 3px double #ccc; border-left: 3px double #eee; border-right: 3px double #ccc; border-top: 3px double #eee;}
		.post ul { list-style: url(images/li.gif); margin: 0 20px 20px 50px; }
		.post ol { margin: 0 20px 20px; }
		.post li { font: normal 1.059em Arial, Helvetica, sans-serif; line-height: 1.4em; margin: 0 0 0 10px; padding: 0.629em 0.629em 0.629em 0.319em; }	

		p.meta { background: #f9f9f9; padding: 0 15px; }
		
		ul.post-meta { background: #fbfbfb; border-top: 3px double #eee; list-style: none; margin: 0; overflow: auto; padding: 0; }
		ul.post-meta-alt { border-bottom: 3px double #eee; }
		ul.post-meta li { background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; float: left; padding: 0;}
		ul.post-meta strong { color: #CC0000; }

		ul.post-meta li p a { font-size: 0.859em; }
		ul.post-meta li span { background: #eee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block; }	
		ul.post-meta li span img { background: #eee; border-bottom: 1px solid #fff; border-top: 1px solid #fff; display: block; padding: 10px 11px; }
		
		ul.post-meta li.l { width: 96px; height: 221px; }
		ul.post-meta li.l:hover { background: #fbfbfb; }

		ul.post-meta li.r { width: 150px; }
		
		ul.post-meta li.r p.sh { padding-left: 34px; }
		ul.post-meta li.r p.link { background: url(images/social.gif) no-repeat 10px -68px; }
		ul.post-meta li.r p.digg { background: url(images/social.gif) no-repeat 10px 10px; }
		ul.post-meta li.r p.su { background: url(images/social.gif) no-repeat 10px -42px; }
		ul.post-meta li.r p.fb { background: url(images/social.gif) no-repeat 10px -94px; }
		ul.post-meta li.r p.del { background: url(images/social.gif) no-repeat 10px -121px; border-bottom: none; }
		
		ul.post-meta li p { height: 16px; }
		ul.post-meta li p { background: #fff; border-bottom: 1px solid #eee; line-height: 1em; padding: 10px; }
		ul.post-meta li.r p:hover, ul.post-meta li.c p:hover { background-color: #fbfbfb; border-bottom: 1px solid #CC0000; }
		ul.post-meta li p.nb { background: #fff; border-bottom: 1px solid #eee; }
		ul.post-meta li p.nb:hover { background: #fff; border-bottom: 1px solid #eee; }		

		ul.post-meta li p.wb, ul.post-meta li p.wb:hover, ul.meta-two li.c .ca:hover, ul.post-meta li.r p.del:hover { border-bottom: none; }
		ul.post-meta li p.rd { background: none; height: auto; border-bottom: none; }
				
		ul.post-meta li.c { width: 373px; }
		
		ul.meta-two { border-bottom: 3px double #eee; }
		ul.meta-two li.c { width: 643px; }
		ul.meta-two li.c .ca { border-bottom: none; }
		
		ul.page-border { border-bottom: 3px double #eee; }
		
	/* Archives */
	
	ul.arch { border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin-bottom: 25px; }
	ul.arch a { color: #cc0000; text-transform: uppercase; }
		
	ul.post-meta a:hover { text-decoration: none; }
	ul.arch a:hover, .nav-archives a:hover { text-decoration: underline; }
		
	.archives h2 { border-color: #ccc; border-top: none; }
	h2.archives { background: url(images/gradient2.png) repeat-x left bottom; border-bottom: 1px solid #ccc; border-top: none; border-right: 1px solid #ccc; color: #000; padding: 13px 12px 12px; }
	
	.nav-nb .alignleft, .nav-nb .alignright { background: #fff; border: none; margin: 0 10px; padding: 10px 0; width: 292px; }
	.nav-nb .alignleft { text-align: left; }
	.nav-nb .alignright { text-align: right; }
	.nav-nb p { color: #333; font-weight: bold; padding: 0; }
	.nav-nb a { font-size: 1.1em; line-height: 1em; }
	
	.archives img.alignleft { margin: 6px 10px 10px; }
	
	/* Images */
	.nav-img { background: #FBFBFB; border-bottom: 3px double #eee; border-top: 3px double #eee; margin-bottom: 20px; }
	.nav-img .alignleft, .nav-img .alignright { background: #fff; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; margin: 0 10px; padding-top: 10px; }
	.nav-img .alignleft p, .nav-img .alignright p { text-align: center; padding: 0; }
	.nav-img .alignleft img { border: 1px solid #ccc; padding: 1px; margin: 0 10px; }
	.nav-img .alignright img { border: 1px solid #ccc; padding: 1px; margin: 0 10px; }
	
/*================
	[6] - Aside
================*/

	.aside { border-bottom: 1px solid #eee; float: right; padding: 0; width: 300px; }
	.aside ul { padding: 0; }
	.aside ul ul { border-top: 1px solid #fff; font: normal 0.8em Arial, Helvetica, sans-serif; padding: 1.229em 1.229em 2.05em; }
	
	.aside li h3 { border-top: 1px solid #eee; background: url(images/gradient2.png) repeat-x left bottom; border-bottom: 1px solid #ccc; font-size: 1.2em; margin: 0; padding: 0.819em; }
	
	.aside li { background: url(images/i-gradient.png) repeat-x left 54px; padding-bottom: 0; }
	.aside li li { background: none; border-bottom: 1px solid #eee; font-size: 1.059em; padding: 0.759em 0; }
	.aside li li a { color: #5D98BA; font-weight: bold; }
	.aside li li a:hover { color: #CC0000; text-decoration: underline; }
	.aside li li:last-child { border-bottom: none; }
	
	.aside ul.children { font-size: 0.959em; list-style: disc; padding-bottom: 0; }
	.aside ul.children ul.children { list-style: circle; }

/*==================
	[7] - Footer
==================*/
	
	.foot-two, .foot-two li, .foot-two li li { padding: 0; width: auto; }
	.foot-two ul ul { border: none; }
	.foot-two li h4 { border-bottom: 1px solid #eee; color: #5D98BA; font-size: 1.6em; margin-bottom: 10px; padding: 5px 10px; }
	li.more-news h4 { border-top: 1px solid #eee; margin-top: 10px; }
	
		li.slideshow { float: left; padding: 0 0 2px; width: 670px; }
		li.slideshow img { border: 1px solid #eee; float: left; margin-left: 10px; padding: 1px; }
		li.slideshow img:hover { background: #ccc; border: 1px solid #333; }
	
		li.more-news { float: left; padding: 0px; width: 670px; }
		li.more-news li { background: #fff; float: left; margin-right: 10px; padding: 10px 10px 9px 0; width: 315px; }
		li.more-news h3 { border-bottom: 1px solid #eee; font-family: Arial, Helvetica, sans-serif;  margin: 0 10px 0 10px; padding: 0 0 10px; }
		li.more-news h3:hover { border-bottom: 1px solid #cc0000; }
		li.more-news p, li.hot-topics p { font: normal 0.859em Arial, Helvetica, sans-serif; line-height: 1.259em; margin: 5px 10px 0; text-align: right; }
	
		li.hot-topics { border-left: 1px solid #eee; float: right; width: 297px; }
		li.hot-topics li { background: #fff; font: bold 1.3em Arial, Helvetica, sans-serif; margin-bottom: 1px; padding: 10px 0; }
		li.hot-topics li a { border-bottom: 1px solid #eee; display: block; margin: 0 10px 0 10px; padding: 0 0 10px; }
		li.hot-topics li a:hover { border-bottom: 1px solid #cc0000; }
		
		li.hot-topics h3 { font-family: Arial, Helvetica, sans-serif; font-size: inherit; font-weight: inherit; }
		li.hot-topics li p { font-size: 0.7em; }

	.foot-two-nav { border-bottom: 1px solid #eee; font-size: 0.859em; margin: auto; padding: 2.9em 0; width: 968px; }
	.foot-two-nav li { float: left; width: auto; padding: 0 10px; }
	li.blogname { font-size: 2em; font-style: italic; text-align: center; }
	li.credit { float: right; text-align: right; }
	
/*===================
	[8] - Comments
===================*/

	#comments, #respond { margin-top: 40px; }
	h3#comments { margin-bottom: 0; }
	#respond { border-bottom: 3px double #eee; padding-bottom: 20px; }
	#respond h3 { margin-bottom: 40px; }

	/* Comments Navigation */
	
	.comments-area .navigation { background: #FBFBFB; border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 0; }	
	.comments-area .alignright, .comments-area .alignleft { background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 0 10px; margin: 0 10px; width: auto; }
	.comments-area .navigation a { line-height: 2em; }

	/* Comments Styling */
	
	ol.commentlist { background: #fff; border-right: 1px solid #fff; margin: 0 0 20px ; padding: 0; }
	ol.commentlist li { margin: 40px 0 10px; padding: 0; list-style: none; }
    ol.commentlist li li { margin: 20px 0 10px; }
	ol.commentlist p { margin: 0; padding: 5px 10px; }
	ol.commentlist blockquote { padding: 5px; margin-top: 20px; }
	ol.commentlist li ul { margin: 20px 0 0 10px; }
	.comments-area #respond h3 { margin-bottom: 20px; }
	
	/* Avatar */
	
	ol.commentlist .avatar { background: #fff url(images/i-gradient.png) repeat-x left top; border-left: 1px solid #e4e4e4; float: right; padding: 5px; }
	
	/* Commenter Link */
	
	ol.commentlist .says, ol.commentlist .fn { float: left; padding: 18px 0 0 10px; }
	ol.commentlist .fn { color: #5D98BA; font-weight: bold; text-transform: capitalize; }
	ol.commentlist .fn a { color: #5D98BA; }
	
	/* Comments Meta */
	
	ol.commentlist .comment-meta { background: #fff url(images/i-gradient.png) repeat-x left top; border-top: 1px solid #fff; font-size: 0.7em; height: 43px; padding: 0 10px; }
	ol.commentlist .comment-meta a { color: #999; }
	ol.commentlist .comment-meta a:hover, ol.commentlist .fn a:hover { color: #cc0000; }
	ol.commentlist .comment-author { background: #fff url(images/gradient2.png) repeat-x left; border-bottom: 1px solid #ccc; border-top: 3px double #e4e4e4; height: 58px; }
	
	/* Reply Link */
	
	ol.commentlist .reply { margin-top: 10px; padding: 0 10px; }
	ol.commentlist .reply a, .cancel-comment-reply a { border: 1px dashed #eee; color: #cc0000; font-size: 0.8em; padding: 5px 10px; -moz-border-radius: 5px; }
	ol.commentlist .reply a:hover, .cancel-comment-reply a:hover { background: #eee; border: 1px dashed #333; color: #000; }	
	ol.commentlist .children .reply a { font-size: 0.759em !important; }
	
	/* Cancel Link */
	
	.comments-area .cancel-comment-reply { border-bottom: 1px solid #e4e4e4; padding: 0 10px 20px; }

	/* Respond Area */
	
	.comment-left { background: #fff url(images/i-gradient.png) repeat-x left top; border-top: 1px solid #fff; float: left; width: 30%; }
	.comment-right { background: #fff url(images/i-gradient.png) repeat-x left top; border-top: 1px solid #fff; float: left; width: 70%; }
    #commentform p { margin: 10px 10px 0; padding: 0; }
	#commentform p input { border: 1px solid #ccc; padding: 5px; width: 95%; }
	#commentform p textarea { border: 1px solid #ccc; padding: 5px; width: 97.5%; }
	#commentform input[type="text"]:focus, #commentform textarea:focus { border: 1px solid #333; }
	#commentform #submit { background: #fff url(images/gradient2.png) repeat-x left; border: 1px solid #ccc; font: italic 1.4em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; margin-top: 10px; width: 100%; }
	#commentform #submit:hover { background: #fff url(images/i-gradient.png) repeat-x left top; color: #cc0000; cursor: pointer; }

	/* No Comments */
	
	.nocomments { text-align: center; margin: 0; padding: 0; }
	
	/* XHTML Code */
	
	p.comment-code { background: #fff url(images/i-gradient.png) repeat-x left top; border: 3px double #eee; border-top: none; font-size: 0.959em; line-height: normal; margin-top: -6px !important; padding: 5px !important;  }