/*
Theme Name: FreshTweet
Theme URI: http://www.freshpressthemes.com/
Description: A theme inspired by twitter which caters to blogging.
Version: 2.0
Author: Hyder Jaffari
Author URI: http://www.weborithm.com
Tags: twitter, micro blogging, fresh
*/

/*====================================
	Enter your custom styles here.
	Table of Contents
	
	[1] - Body
	[2] - Font, Links
	[3] - Text
	[4] - Header
	[5] - Navigation
	[6] - Sections
	[7] - Aside
	[8] - Footer
	[9] - Comments
	
	[A] - Drop Down Navigation
	[B] - WordPress Specific Styles

	Colors
	------
	Headlines: #095988;
	Light Links: #69bbe3;
	Post Text: #3c3c3c;
	Right Sidebar Links: #0083c3;
	Background:  #DDEEF6;
	
====================================*/

/*===============
	[1] - Body
===============*/
	
	body { background: #ddeef6 url(images/bg.gif) repeat-y left top; }
	#body { background: none; padding: 0; margin: 0; width: 985px; }
	
/*=======================
	[2] - Font, Links
=======================*/

	body, p, h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS", Verdana, sans-serif; }
	a:hover { text-decoration: none; }
	a { outline: none; }

/*===============
	[3] - Text
===============*/
	
/*=================
	[4] - Header
=================*/
	
	.header { padding: 2.182em 1.091em; }
	.header h1 { font-size: 1.5em; white-space: normal; }
	.header p { font-style: normal; }
	p.heading { font-size: 1.5em; line-height: normal; white-space: normal; }

/*=====================
	[5] - Navigation
=====================*/

	.nav {  background: #fff url(images/button-gradient.gif) repeat-x left top; border: 1px solid #c0deed; float: right; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.nav a { color: #095988; font-weight: bold; text-shadow: #fff 0 1px 0; }
	
/*===================
	[6] - Sections
===================*/

	.section { background: #fff; float: right; padding: 0; width: 795px; }

	.search-section { background: #fff url(images/gradient.gif) repeat-x left bottom; border: 1px solid #fff; float: right; margin: 15px 15px 0 0; padding: 15px; width: 748px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
		.search { float: left; }
		.screen-reader-text { display: none; }
		#s { border: 1px solid #c0deed; color: #3a7aa0; font: normal 0.9em "Trebuchet MS", Verdana, sans-serif; padding: 7px 10px 5px 5px; width: 200px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
		#searchsubmit { background: url(images/search.gif) no-repeat left top; border: none; color: transparent; height: 32px; margin: 0 0 0 -6px; width: 102px; text-indent: -999px; }
		#searchsubmit:hover { background-position: bottom; cursor: pointer; }

	.post-section { border: 1px solid #c0deed; width: 793px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
	.post { border-right: 1px solid #c0deed; color: #3c3c3c; float: left; width: 482px; }
	.post h2 { color: #095988; font-size: 1.559em; line-height: 1em; margin-bottom: 0.893em; padding: 0.721em 0 0; }
	.post h2 a, .post h3 a, .post h4 a, .post h5 a, .post h6 a { color: #095988; }
	.post h2 a:hover, .post h3 a:hover, .post h4 a:hover, .post h5 a:hover, .post h6 a:hover { color: #69bbe3; }
	.post-padding { padding: 0 0.938em; }
	.post p { line-height: 1.6em; padding: 0 0 1.454em; }
	.post p a, .navigation a, .post-padding a { color: #0090DF; }
	.post p a { border-bottom: 1px dotted #0090DF; }
	.post p a:hover, .navigation a:hover { border-bottom-color: #69bbe3; color: #69bbe3; }

	.post h1 { color: #095988; font-size: 1.559em; line-height: 1em; margin-bottom: 0.893em; padding: 0.721em 0 0; }
	.post h3, .post h4, .post h5, .post h6 { margin: 0; padding: 0 0 15px; }
	.post h3 { color: #2D77A0; }
	.post h4 { color: #569EC1; }
	.post h5 { color: #63A4C4; }
	.post h6 { background: #fff url(images/gradient.gif) repeat-x left bottom; color: #69BBE3; margin-bottom: 15px; padding: 15px; }
	.post ul {  margin: 0 15px 15px 30px; padding: 0 0; }
	.post ol { margin: 0 15px 15px 30px; padding: 0 15px 0 5px; }
	.post li { color: #222; font-size: 0.9em; padding: 10px 0; }
	.post blockquote { background: #F7FCFF; border: 1px solid #C0DEED; margin: 0 15px 20px; padding: 15px 10px 0; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
	.post blockquote p { color: #095988; font-size: 0.959em; padding: 0 15px 20px; }
	
		ul.meta { font-size: 0.759em; font-weight: bold; list-style: none; margin: 0 0 1.646em; }
		ul.meta li { background: #F7FCFF; border-bottom: 1px solid #DDEEF6; border-top: 1px solid #fff; color: #095988; padding: 0.391em 1.172em; }
		ul.meta li a { color: #095988; }
		ul.meta li a:hover { color: #3c3c3c; text-decoration: none; }
		ul.meta li.d { background: #F7FCFF url(images/d.gif) no-repeat 457px center; }
		ul.meta li.c { background: #F7FCFF url(images/c.gif) no-repeat 457px center; }
		ul.meta li.cg { background: #F7FCFF url(images/cg.gif) no-repeat 457px center; }
		ul.meta li.t { background: #F7FCFF url(images/t.gif) no-repeat 457px center; border-bottom: none; }
		ul.meta li:hover { background-color: #DDEEF6; }
		
		#tooltip { display: none; background: transparent url(images/tooltip.png) no-repeat; font-size: 0.859em; font-weight: bold; height: 42px; width: 164px; padding: 12px 0 0 25px; position: absolute; color: #222; z-index: 10; }
		#tool img { border:0; cursor: pointer; }

	.post-single ul.meta { margin: 0; }

	/* Image page */
	
	.image-post p.image-post-attach { text-align: center; padding-bottom: 0; }
	.image-post p img.attachment-medium { border: 1px solid #C0DEED; padding: 5px 15px; }
	.caption p { color: #569EC1; font: normal 0.959em "Courier New", Courier !important; padding: 10px 0; text-align: center;  }
	.image-post img.attachment-thumbnail { border: 1px solid #C0DEED; margin: 0 10px; padding: 5px; }
	.image-post img.attachment-thumbnail:hover { border: 1px solid #63A4C4; }

/*=================
	[7] - Aside
=================*/		

	/* Left Aside */
	
	.aside-left li p { color: #fff; padding: 7px 0; }
	.aside-right li p { color: #222; padding: 7px 0; }
	.aside-left { float: left; padding: 0; position: absolute; top: 0; width: 188px; }
	.aside-left a { color: #fff; }
	.aside-left h3 { background: url(images/m.gif) no-repeat 160px 15px; color: #3c3c3c; font-size: 1.2em; margin: 0; padding: 0.606em 0.909em; }
	.aside-left ul { border-bottom: 1px solid #d4f7ff; border-top: 1px solid #2d77a0; }
	.aside-left ul ul { border: none; }
	.aside-left li { border-bottom: 1px solid #2d77a0; border-top: 1px solid #d4f7ff; font-size: 1em; padding-bottom: 0; }
	.aside-left li li { border-bottom: 1px solid #2d77a0; border-top: 1px solid #d4f7ff;  color: #222; padding: 0.364em 0; }
	.aside-left a:hover { color: #DDEEF6; }
	.aside-left .rss img { float: left; margin: 0 10px 0 -5px; }
	.aside-left .rss { color: #fff; font-size: 1.2em; letter-spacing: 1px; line-height: 1.8em; }
	.aside-left li.rss { padding: 0.303em 0.909em; }
	.aside-left .rss a { border-bottom: 1px dotted #F7FCFF; }
	
	.aside-left li li:first-child { border-top: none; }
	.aside-left li li:last-child { border-bottom: none; }
	
	.aside-left li li:hover { background: #63A4C4; }
	.aside-left li li a:hover { color: #fff; }

	.aside-left li.tweetroll-widget { background: url(images/twitter.gif) no-repeat 5px bottom; padding-bottom: 30px; }
	.aside-left li.credit { font-size: 0.9em; padding: 0; }
	.aside-left li:hover, .aside-left li.tweetroll-widget:hover { background-color: #569ec1; }
	
	/* Widgets */
	
	.aside-left #cat, .aside-left .widget_archive select { border: 1px solid #ddeef6; color: #3c3c3c; font: normal 1em "Trebuchet MS";padding: 5px; width: 160px; }
	.aside-left #calendar_wrap { font-size: 0.9em; margin: 0; width: 160px; }
	.aside-left #calendar_wrap caption { color: #DDEEF6; font-size: 1.1em; padding: 5px 0 10px; }
	.aside-left #calendar_wrap table { color: #DDEEF6; font-size: 1.1em; width: 160px; }
	.aside-left #calendar_wrap a { color: #3c3c3c; }
	.aside-left #calendar_wrap a:hover { color: #095988; }
	.aside-left #calendar_wrap #prev, .aside-right #calendar_wrap #next { padding: 5px 0 0; }
	.aside-left #calendar_wrap #next { text-align: right; }
	
	/* Right Aside */
	
	.aside-right { background: #f7fcff; color: #3c3c3c; padding: 0; width: 310px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
	.aside-right a { color: #095988; }
	.aside-right li { padding-bottom: 1.517em; }
	.aside-right h3 { border-bottom: 1px solid #ddeef6; color: #095988; font-size: 1.251em; margin: 0; padding: 0.606em 0.909em; }	
	.aside-right li li { border-bottom: 1px solid #ddeef6; border-top: 1px solid #fff; font-size: 1em; padding: 0.395em 1.186em; }
	.aside-right li a { color: #0083c3; }
	.aside-right li li span { color: #69bbe3; }
	.aside-right li li:hover { background: #fff url(images/gradient.gif) repeat-x left bottom; }
	.aside-right li a:hover { color: #3c3c3c; }
	.aside-right li li li { border: none; border-left: 1px solid #ddeef6; margin: 10px; }
	.aside-right li li:hover li { background: none; }
	
	/* Widgets */
	
	.aside-right .widget_archive select, .aside-right #cat { border: 1px solid #ddeef6; color: #3c3c3c; font: normal 1em "Trebuchet MS"; margin: 10px 15px 0; padding: 5px; width: 280px; }
	.aside-right #calendar_wrap { font-size: 0.9em; margin: 10px 15px 0; width: 280px; }
	.aside-right #calendar_wrap caption { color: #63A4C4; font-size: 1.1em; padding: 5px 0 10px; }
	.aside-right #calendar_wrap table { color: #63A4C4; font-size: 1.1em; width: 280px; }
	.aside-right #calendar_wrap a { color: #095988; }
	.aside-right #calendar_wrap a:hover { color: #3c3c3c; }
	.aside-right #calendar_wrap #prev, .aside-right #calendar_wrap #next { padding: 5px 0 0; }
	.aside-right #calendar_wrap #next { text-align: right; }

	.aside-right .widget_tag_cloud div { padding: 0 15px; }

	/* Recent Comments with Avatars */
	
	li.widget_recent_comments h3 { border-bottom: 1px solid #ddeef6; }
	#recentcomments { color: #3c3c3c; font-size: 0.959em; position: relative; }
	#recentcomments tr { border-bottom: 1px solid #ddeef6; margin: 1px 0; }
	#recentcomments td { padding: 10px 15px 10px 0;  vertical-align: top; }
	#recentcomments img.avatar { background: #ddeef6; border: 1px solid #fff; padding: 5px; margin-left: 10px; }
	#recentcomments tr:hover { background: #fff url(images/gradient.gif) repeat-x left bottom; }
	#recentcomments span { color: #69BBE3; float: right; font-size: 0.959em !important; }
	#recentcomments a { color: #095988; }
	#recentcomments td:hover a { color: #3c3c3c; text-decoration: underline; }
	
	/* Accordion */
	
	ul.accordion { width: 188px; }
	ul.accordion h3:hover { background: url(images/m2.gif) no-repeat 160px 15px; color: #DDEEF6; cursor: pointer; }
	ul.accordion h3.current {  background: none; cursor: pointer; }
	ul.accordion li ul.pane { display: none; height:auto; padding: 0 1.091em 0.727em; }

/*=================
	[8] - Footer
=================*/

	.footer { background: #fff url(images/gradient.gif) repeat-x left bottom; border: 1px solid #fff; color: #095988; font-size: 0.859em; margin: 0 15px 30px 0; padding: 15px; width: 748px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; text-shadow: #fff 0 1px 0; }
	.foot-one ul { }
	.foot-one li { line-height: normal; padding: 0; width: 718px; }
	.foot-one li li { float: left; line-height: normal; padding: 0; width: auto; }
	.footer a { color: #095988; }
	.footer a:hover { color: #69bbe3; text-decoration: none; }

/*===================
	[9] - Comments
===================*/

	h3#comments, #respond h3 { background: #fff url(images/gradient.gif) repeat-x left bottom; font-size: 1.1em; padding: 15px; }
	h3#trackbacks { background: #fff url(images/button-gradient.gif) repeat-x left top; font-size: 1.1em; padding: 15px; }
	#respond h3 { border-top: 1px solid #DDEEF6; margin: 0 0 15px; font-size: 17px; padding: 10px 15px; text-align: left; }
	
	ol.commentlist { background: #F7FCFF; list-style: none; margin: 0; padding: 0; }
	ol.commentlist li { border-bottom: 1px solid #DDEEF6; border-top: 1px solid #fff; color: #3c3c3c; margin: 0; padding: 15px; }
	ol.commentlist li a { color: #095988; }
	ol.commentlist li a:hover { color: #69bbe3; }
	ol.commentlist li p { font-size: 15px; padding: 0 0 15px; }
	
	.comment-author { height: 53px; padding: 4px 0 0; }
	.comment-author .avatar { background: #fff; border: 1px solid #C0DEED; float: left; padding: 2px; }
	.fn, .says { background: #DDEEF6; color: #000; float: left; font-size: 15px; height: 20px; padding: 29px 5px 5px; }
	
	.comment-meta { border-top: 1px solid #DDEEF6; font-size: 11px; padding: 5px 0 0; text-align: right; }
	.reply { font-size: 13px; padding: 0 0 10px; }
	.cancel-comment-reply { font-size: 15px; padding: 0 0 10px; }

	ol.commentlist ul { list-style: none; margin: 0; }
	ol.commentlist ul li { padding-right: 0; }

	#commentform { padding: 0 15px; }
	#commentform p { padding: 0 0 15px; text-align: left; }
	#commentform input { background: #fff; border: 1px solid #C0DEED; color: #095988; font: normal 15px "Trebuchet MS", Verdana, sans-serif; margin-right: 10px; padding: 5px; width: 200px; }
	#commentform p.text-area { padding-bottom: 0; }
	#commentform p.text-area textarea { border: 1px solid #C0DEED; color: #095988; font: normal 15px "Trebuchet MS", Verdana, sans-serif; margin: -1px 0 0; padding: 10px; width: 95.2%; }
	#commentform #submit { background: #fff url(images/gradient.gif) repeat-x left bottom; border: 1px solid #C0DEED; border-top: none;  color: #69bbe3; font-size: 18px; padding: 5px; width: 100%; }
	#commentform #submit:hover { background: #fff url(images/button-gradient.gif) repeat-x left top; color: #2D77A0; cursor: pointer; }
	
	#commentform input:focus, #commentform p.text-area textarea:focus { border-color: #63A4C4; }
	
/*===============================
	[A] - Drop Down Navigation
===============================*/
	
	#nav ul { z-index: 10; }
	#nav a { font-size: 1em; padding: 6px 15px 7px; }
	#nav a:hover { color: #3c3c3c; text-decoration: none; }
	#nav ul:hover a { color: #3c3c3c; }
	#nav ul:hover ul a { color: #095988; }
	#nav a.arrow { background: url(images/arrow.gif) no-repeat 71px center; padding-right: 20px; }
	#nav li ul { background: #fff; border: 1px solid #C0DEED; margin: 0 0 0 -6.489em; padding: 2px 2px 1px; width: 12em; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	#nav li li { background: none; border-bottom: 1px solid #fff; border-top: none; padding: 0; }
	#nav li li:hover { background: none; border-bottom-color: #69bbe3; }
	#nav li li a { background: #DDEEF6; font-size: 0.9em; }
	#nav ul:hover ul a:hover { background: #fff; color: #3c3c3c; text-decoration: none; }
	#nav li li:first-child a, #nav li li:first-child a:hover { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }	
	#nav li li:last-child a, #nav li li:last-child a:hover { border: none; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
	#nav li li:last-child:hover { border-color: #fff; }

/*====================================
	[B] - WordPress Specific Styles
====================================*/

	.aside-left .textwidget { color: #fff; padding: 0; }
	.aside-right .textwidget { font-size: 1.159em; padding: 5px 5px 0; }
	.aside-right .textwidget img { display: block; margin: auto; }
	
	.navigation { font-size: 0.8em; width: 482px; }
	.alignleft, .alignright { margin-bottom: 0; padding: 0 0.781em; }
	.navigation p { font-size: 1em; padding: 0; }
	
	.post-single .navigation { padding-bottom: 15px; }
	.post-single .navigation .alignleft { text-align: left; }
	.post-single .navigation .alignright { text-align: right; }
	
	.comments-top { padding: 0 0.781em; line-height: 2.4em; }
	.index-nav { padding-bottom: 15px; }
	
	img.alignleft, img.alignright { border: 1px solid #C0DEED; margin-bottom: 10px; margin-top: 5px; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

	.gallery { font: normal 0.959em "Courier New", Courier !important; }
	img.attachment-thumbnail { border: 1px solid #DDEEF6 !important; padding: 2px; }
	img.attachment-thumbnail:hover { border: 1px solid #63A4C4 !important; }