/*
Theme Name: EGT
Theme URI: http://www.weborithm.com/
Description: Custom theme for Everybody Go To
Version: 1.0
Author: Weborithm
Author URI: http://www.weborithm.com/
Tags: Magazine, Blog
*/

/*====================================
	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
	[C] - jQuery Specific Styles
	
====================================*/

/*===============
	[1] - Body
===============*/

/*=======================
	[2] - Font, Links
=======================*/

	body { background: #f1f1f1; font-family: Verdana, Tahoma, Geneva, sans-serif; }
	h1, h2, h3, h4, h5, h6 { color: #333; font-family: Cambria, Georgia, Times, 'Times New Roman', serif; }

	#body { background: none; padding: 20px 0; }
	
	.text a { text-decoration: none; }
	.text p a, .text li a { text-decoration: underline; }
	a:hover, .text p a:hover, .text li a:hover { color: #E35B00; text-decoration: underline; }

/*=======================
	[3] - Text, Images
=======================*/

	.text p { padding: 0 0 15px; }
	.text p, .aside li li, .footer li li { font-size: 12px; }
	.text h3, .aside h3, .footer h3 { font-size: 17px; }
	.text h1, .text h2 { font-size: 22px; }

	.text h1 { color: #E35B00; line-height: 1.1em; padding-bottom: 5px; }
		.page .post-wrap h1 { padding: 0; }
	.text h2 { border-bottom: 1px sold #eee; font-size: 24px; padding-bottom: 5px; }
	.text h2 a, .text h3 a { color: #E35B00; }
	.text h2 a:hover, .text h3 a:hover { color: #333; }
	
	/* Image Alignment */

	.aligncenter, div.aligncenter { display: block; margin: 0 auto 10px; }
	.alignleft, .attachment-thumbnail { background: #eee; float: left; margin: 6px 10px 0 0; padding: 5px; }
	.alignright { background: #eee; float: right; margin: 6px 0 0 10px; padding: 5px; }
	
/*=================
	[4] - Header
=================*/
		
	.header { background: #333; border: 1px solid #fff; padding: 0; }
	.header h1 { border: 0; line-height: 1em; padding: 10px 10px 2px; }
	.header p.title { background: #333; font-size: 2.2em; line-height: 1em; padding: 10px 10px 2px; }
	.header p.title a { text-decoration: none; }
	.header p { font-size: 0.759em; line-height: 14px; padding: 0 10px 20px; }
	.header a:hover { text-decoration: none; }

	.logo { float: left; }
	.search-head { background: none; float: right; padding: 6px 5px 0 0; width: 205px; }
	.search-head #s { background: #999; }
	
	.ad-subscribe { background: #fff url(images/gradient.png) repeat-x left bottom; border: 1px solid #fff; border-top: 0; margin: 0 0 20px; }
	.leaderboard { background: #ffffff; float: left; height: 90px; padding: 10px; width: 728px; }
	.leaderboard div { height: 90px; padding: 0; }
	.social { float: right; padding: 10px; text-transform: uppercase; width: 190px; }
	.social h4 { font-size: 13px; font-weight: bold; padding-top: 10px; text-align: center; }
	.social ul { margin: 0; }
	.social li { display: inline; padding: 0 0 0 10px; } 

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

	#nav ul.feedburnerwidget { border-left: 0; float: right; padding: 5px 5px 0; width: 88px; }
	#nav ul.feedburnerwidget a { border: 0; padding: 0; }
	
/*===================
	[6] - Sections
===================*/

	.section { background: #fff; padding: 0; }
	.section, .aside { padding-bottom: 20px; } 

	.left { float: left; padding: 0 0 5px; margin: 0 20px 20px 0; width: 600px; } /* For Left Aside Template */
	.right { float: right; margin-left: 20px; margin: 0 0 20px 20px; padding: 0 0 5px; width: 600px; } /* For Right Aside Template */
		.page { padding: 0; }
		
	.center { float: left; margin: 0 0 20px; padding: 0 0 5px; width: 580px; } /* For Left/Right Aside Template */
		
	.left-alt { float: left; margin: 0 0 20px; width: 580px; } /* For Two Left Asides Template */
	.right-alt { float: right; margin: 0 0 20px; width: 580px; } /* For Two Right Asides Template */
	
	.full-width { border: 0; width: 960px; }
	.image-page { width: 960px; }

	ul.meta { list-style: none; margin: 0 0 15px; }
	ul.meta li { display: inline; font-size: 0.7em; margin: 0 10px 0 0; padding: 7px 7px 7px 40px; }
	ul.meta li a { border-bottom: 1px solid #e0e0e0; color: #999; font-weight: bold; text-decoration: none; }
	ul.meta li.meta-co { background: url(images/comment.png) no-repeat left center; }
	ul.meta li.meta-t { background: url(images/tag.png) no-repeat left center; }
	ul.meta li.meta-c { background: url(images/categories.png) no-repeat left center; }
	ul.meta li a:hover { color: #E35B00; }
	ul.meta li.meta-d { color: #999; padding: 7px 0; }

	.wrap { padding: 0 0 20px; }
	.wrap h3 { margin: 0 0 5px; }

	.single ul.meta { margin: 0 0 20px; }
	
	/* Home Slider */
	
	.slider { background: url(images/featured.png) no-repeat 5px top; margin: 0 0 20px; width: 960px; }
	.post-wrap { border-bottom: 1px solid #ffffff; padding: 20px 20px 5px; }
		.page .post-wrap { border: 0; }
	
	h2.archiveh2 { color: #e35b00; margin: 0; padding: 20px 20px 0; }

	/* Post Widget */
				
	.post-widget { height: 250px; padding: 0 0 20px; }
	.post-widget .textwidget, .post-widget .widget_ad_rotator { float: left; height: 1px; padding: 0; width: 300px; }
	.social-links { float: right; padding: 0 10px; text-align: center; width: 150px; }
	.social-links p { color: #999; font-size: 11px; padding: 10px 0; text-transform: uppercase; }
	.social-links ul { list-style: none; margin: 0; }
	.social-links li { display: inline; }
	.social-links .attachment-thumbnail { display: block; float: none; margin: auto; }

	.center .social-links, .left-alt .social-links, .right-alt .social-links { width: 150px; }

	/* Gallery */

	.gallery { padding: 0 0 15px; }
	.gallery-item .attachment-thumbnail { border: 0 !important; float: none; margin: 0 !important; }
	.gallery-item .attachment-thumbnail:hover { background: #ccc; }
	.gallery-item .gallery-caption { color: #e35b00; font-size: 12px; }

	/* Image File */
	
	.attachment-large { display: block; margin: auto; }
	.attachment .caption p { color: #e35b00; font-size: 12px; padding: 0; text-align: center; }
			
/*=================
	[7] - Aside
=================*/		
	
	.aside { background: #fff; margin: 0 0 20px; padding-top: 10px; }
	.aside h3 { border-bottom: 1px solid #e0e0e0; color: #999; font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 5px; text-transform: uppercase; }
	.aside-left, .aside-right { padding: 20px; }
	.aside ul ul { }
	.aside li li { padding: 8px 0; }

	.aside-one { margin: 0 10px 20px 0; }
	.aside-one #searchform #s, .aside-two #searchform #s { width: 70%; }
	
	.aside-one-right { margin: 0 0 20px 10px; }
	.aside-one-right #searchform #s { width: 70%; }
	
	.aside-one-left { margin: 0 10px 20px 0; }
	.aside-one-left #searchform #s { width: 70%; }

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

	.footer { background: #fff; margin: 0 0 20px; }
	.footer h3 { border-bottom: 1px solid #e0e0e0; margin: 0; padding-bottom: 5px; }
	.footer li li { padding: 0; }
	.footer li li li { border-bottom: 1px solid #e0e0e0; padding: 8px 0; }
	.footer li li li ul { margin: 5px 0 0 15px; }
	.footer li li ul:after { clear: both; content: " "; display: block; line-height: 0; height: 0; visibility: hidden; }
	
	.footer li li.widget_pages li { float: left; margin: 0 10px; width: 130px; }
	.footer li li.widget_pages li ul li { border: 0; color: #555; list-style: square; margin: 0; }

	.credit { background: #fff; border-bottom: 2px solid #eee; border-top: 1px solid #eee; color: #777; padding: 10px; text-align: right; }
	.credit h3 { border: 0; color: #777; float: right; font-size: 0.9em; line-height: 24px; padding: 0; }
	.credit h3 a { border-left: 1px solid #e0e0e0; font-weight: bold; padding: 0 2px 0 5px; }
	.credit li { float: right; padding: 0; }
	.credit ul ul { list-style: none; padding: 0; }
	.credit li li { float: right; font-size: 0.859em; margin: 0; padding: 21px 0 0; width: 450px; }
	.credit li li a { color: #777; }
	.credit li li a:hover { color: #E35B00; }

	.credit li li.footer-logo { background: #333; float: left; padding: 10px 10px 4px; text-align: left; width: 300px; }


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

	.comments { border-top: 1px solid #e0e0e0; }
	.comments h3 { background: #f9f9f9; border-bottom: 1px solid #e0e0e0; margin: 0; padding: 10px 5px 8px; }
	#respond h3 { border-top: 1px solid #e0e0e0; }
	
	ol.commentlist { list-style: none; margin: 0; padding: 0; }
	
	ol.commentlist li { border-bottom: 1px solid #e0e0e0; font-size: 15px; padding: 10px 0; }
	ol.commentlist li.odd { background: #f9f9f9; border-top: 1px solid #fff;  padding: 10px; }
	
	ol.commentlist li ul { border-top: 1px solid #e0e0e0; list-style: none; margin: 10px 0 0 20px; }
	ol.commentlist li ul li { border-top: 1px solid #fff; padding: 10px 10px 10px 0; }
	ol.commentlist li.odd ul li { border-top: 1px solid #fff; }
	
	ol.commentlist .avatar { background: #e0e0e0; border: 1px solid #ccc; float: left; margin-right: 10px; padding: 1px; }
	ol.commentlist li.odd .avatar { background: #fff; }
	ol.commentlist .comment-author { height: 36px; }
	
	ol.commentlist .fn, ol.commentlist .says { color: #333; font-size: 11px; font-weight: bold; line-height: 36px; }
	ol.commentlist .comment-meta { font-size: 9px; padding: 0 0 5px; text-align: right; }
	ol.commentlist .comment-reply-link { background: #f9f9f9; border: 1px solid #e0e0e0; font-size: 11px; padding: 5px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	ol.commentlist li.odd .comment-reply-link { background: #fff; border: 1px solid #e0e0e0; font-size: 11px; padding: 5px; text-decoration: none; }
	
	ol.pinglist { margin: 0 0 20px; }
	ol.pinglist li .comment-reply-link, ol.pinglist li.odd .comment-reply-link, ol.pinglist li p, ol.pinglist .comment-meta, ol.pinglist .says { display: none; }
	ol.pinglist li, ol.pinglist li.odd { padding: 0 5px; }
	ol.pinglist a { text-decoration: none; }

/* Respond Area */
	
	#commentform p { margin: 15px 0 0; padding: 0; }
	#commentform p label { color: #999; font-size: 1.2em; }
	#commentform p input { border-bottom: 1px solid #e0e0e0; border-left: 1px solid #bbb; border-right: 1px solid #e0e0e0; border-top: 1px solid #bbb; margin: 0 10px 0 0; padding: 5px; width: 40%; }
	#commentform p textarea { border-bottom: 1px solid #e0e0e0; border-left: 1px solid #bbb; border-right: 1px solid #e0e0e0; border-top: 1px solid #bbb; padding: 5px; width: 97.5%; }
	#commentform input[type="text"]:focus, #commentform textarea:focus { border: 1px solid #0066cc; }
	#commentform #submit { background: #f9f9f9; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #bbb; border-right: 1px solid #e0e0e0; border-top: 1px solid #bbb; color: #0066cc; font-size: 17px; letter-spacing: 1px; margin: 0 0 10px; width: 180px; }
	#commentform #submit:hover { border-bottom: 1px solid #999; border-left: 1px solid #e0e0e0; border-right: 1px solid #999; border-top: 1px solid #e0e0e0; color: #000; cursor: pointer; }

	/* No Comments */
	
	p.nocomments { background: #f9f9f9; border: 1px solid #e0e0e0; text-align: center; margin: 20px 0 15px; padding: 5px 10px; }

	/* XHTML Code */
	
	#commentform p.xhtml-code { background: #ffffe8; border: 1px solid #f0e9b2; color: #999; font-size: 13px; margin-top: -6px; padding: 10px 10px 5px; width: 95.8%; }

/*===============================
	[A] - Drop Down Navigation
===============================*/

	#nav { background: #fff url(images/gradient.png) repeat-x left bottom; margin: 0 0 20px; }
	#nav ul { border: 1px solid #e0e0e0; float: left; height: 100%; z-index: 9999; width: 859px; }
	#nav a { border-left: 1px solid #fff; border-right: 1px solid #ccc; color: #000; }
	#nav li li a, #nav li li a:hover { border: 0; }
	#nav li { font-size: 0.7em; text-transform: uppercase; }
	#nav li:hover a { background: #fff; color: #e35b00; }
	#nav li li { border-bottom: 1px solid #ccc; border-top: 1px solid #fff; }
	#nav a:hover { color: #e35b00; text-decoration: none; }
	#nav li:hover li a { background: #ececec; color: #000; }
	#nav li:hover li a:hover { background: #fff; color: #e35b00; }
	#nav li ul { background: none; border: 0; padding-top: 1px; width: 12em; }
	#nav li ul ul { /* third-level lists */ border-top: none; margin: -3.189em 0 0 12em; }
	#nav li ul ul ul { /* fourth-level lists */ border-top: none; margin: -3.189em 0 0 12em; }
	#nav li ul ul ul ul { /* fifth-level lists */ border-top: none; margin: -3.189em 0 0 12em; }

	/* Superfish Arrows */

	.sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ }
	.sf-sub-indicator { display: block; height: 0; overflow: hidden; right: .75em; text-indent: -999em; top: 1.05em; /* IE6 */ width: 0; }

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

	.navigation .alignleft, .navigation .alignright { background: none; border: 0; font-size: 12px; margin: 0 0 15px; padding: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
	.navigation .alignleft a, .navigation .alignright a { background: #333; border: 0; color: #fff; display: block; font-size: 12px; margin: 15px 15px 0; padding: 5px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	.navigation .alignleft a:hover, .navigation .alignright a:hover { color: #E35B00; text-decoration: none; }
	
	/* Single Post */
	
	.postsnav { padding-top: 10px; }
	.postsnav .alignleft, .postsnav .alignright { margin: 0; }
	.postsnav .alignleft a, .postsnav .alignright a { display: block; margin: 5px 0 15px; text-decoration: none; }
	.postsnav .alignleft p, .postsnav .alignright p { color: #999; line-height: 16px; padding: 0 20px; text-align: left; }
	.postsnav .alignright p { text-align: right; }
	
	.comments .alignleft a, .comments .alignright a { margin: 15px 0 0; }

	.attachment .navigation { padding: 40px 0 0; }
	.attachment .alignleft a, .attachment .alignright a { background: none; margin: 0; padding: 0; }
	.attachment .attachment-thumbnail { margin: 0; }

	/* Captions */
	
	.wp-caption { background: #eee; margin: 0 15px 15px; padding: 8px 5px 5px; text-align: center;
	/* rounded corners */ }
	.wp-caption img { border: 0 none; margin: 0; padding: 0; }
	.wp-caption p.wp-caption-text { font-size: 0.6em; padding: 0; margin: 0; }
	
	/* Other WordPress Classes */
	
	.categories { }
	.cat-item { }
	.current-cat { background: #fff; }
	.current-cat-parent { }
	.pagenav { }
	.page_item { }
	.current_page_item { background: #fff; }
	.current_page_parent { }
	.widget { }
	.widget_text { }
	.blogroll { }
	.linkcat { }
	
	.widget_tag_cloud div { border-top: 1px solid #fff; padding: 10px 0; }
	#calendar_wrap { border-top: 1px solid #fff;  }
	#calendar_wrap table { width: 100%; }
	#calendar_wrap caption { font-weight: bold; padding: 5px; text-align: center; }
	#calendar_wrap th, #calendar_wrap td { background: #fff; border: 1px solid #e0e0e0; font-size: 11px; padding: 5px 2px; text-align: center; }
	#calendar_wrap #today { background: #eee; }
	#calendar_wrap #prev { padding: 2px 5px; text-align: left; }
	#calendar_wrap #next { padding: 2px 5px; text-align: right; }
	
	#cat, .widget_archive select { border: 1px solid #ccc; margin: 10px 0; padding: 5px; width: 100%; }

	.textwidget, .widget_ad_rotator { font-size: 12px; line-height: 18px; padding: 10px 0 0; }
	.textwidget p, .widget_ad_rotator p { font-size: 12px; line-height: 18px; }
	#nav .textwidget p a, #nav .widget_ad_rotator p a { border: 0; }
	
	#nav .textwidget, #nav .widget_ad_rotator { border-bottom: 2px solid #eee; border-top: 1px solid #eee; padding: 5px; }
	#nav .textwidget a, #nav .widget_ad_rotator a { padding: 0; }

	#searchform { padding: 10px 0 0; }
	#searchform .screen-reader-text { display: none; }
	#searchform #s { border: 1px solid #1c1c1c; padding: 5px; width: 76.5%; }
	#searchform #searchsubmit { background: url(images/search.png) no-repeat left top; border: 0; color: transparent; font-size: 9px; height: 28px; margin: 0 0 0 -5px; padding: 0; text-indent: -9999em; width: 32px; }
	#searchform #searchsubmit:hover { background-position: left bottom; color: #000; cursor: pointer; }
	#searchform #s:focus { background: #fff; }
	
/*====================================
	[B] - jQuery Specific Styles
====================================*/

	/* Tabs */
	.tabs-wrap { margin-bottom: 15px; }
	.pane { background: #fff; border: 1px solid #eee; border-top: 0; display: none; padding: 10px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
	.pane p { padding: 0; }
	
	/* Tabs List */
	ul.tabs { border-bottom: 1px solid #eee; height: 30px; list-style: none; margin: 0; padding: 0; }
	
	/* Single Tab */
	ul.tabs li { float: left; margin: 0 1px 0 0; padding: 0; }
	
	/* Tabs Link */
	ul.tabs a { background: #eee; display: block; line-height: 30px; padding: 0 20px; position: relative; text-align: center; text-decoration: none; top: 1px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; }
	ul.tabs a:active { outline: none !important; }
	ul.tabs a:hover { background: #ddd; }

	/* Tabs Aside */
	li .tabs-wrap { padding: 5px 0; }
	ul.tabs-aside a { padding: 0 10px; width: auto; }

	/* Current Tab */
	ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background: #ccc; color: #000; cursor: default; outline: none !important; }
	
	/* Optional - Different Styles for Tabs */
	
	/* Example Style */
	ul.tabs a.s { background: #3399FF; color: #333; }
	ul.tabs a.s:hover { background: #777; color: #FFFF00; }
	ul.tabs .s.current { background: #0099FF; color: #fff; }
	
	/* Hide on Initialize */ 
	div.panes div.pane { display: none; }
	
	/* Scrollable */
	.scrollable { /* required settings */ float: left; height: 310px; margin: 0; overflow: hidden; position: relative; width: 960px; }
	
	/* Root element for scrollable items. */
	.items { /* this cannot be too large */ clear: both; position: absolute; width: 20000em; }
	
	/* Single Scrollable Item */
	.scroll-item { background: #e0e0e0; cursor: pointer; display: table-cell; float: left; height: 300px; margin: 0 5px; padding: 5px; position: relative; text-align: center; vertical-align: middle; width: 300px; }
	.scroll-item:hover { background: #ccc; }

	/* Active Item */
	.active { border-color: #ccc; z-index: 9999; position: relative; }
	
	.scroll-item h2 { background: #2c2c2c; border: 0; bottom: 15px; font-size: 18px; left: 0; margin: 0; padding: 3px 10px; position: absolute; right: 19px; text-align: left; text-transform: uppercase; }
	.scroll-item h2 a { color: #fff; }
	.scroll-item h2 a:hover { color: #ccc; }
	.scroll-item p.slider-comments { background: url(images/comment.png) no-repeat right top; bottom: 9px; font-size: 12px; padding-top: 0px; position: absolute; right: 3px; text-align: center; width: 32px; }
	.scroll-item p a { color: #fff; text-decoration: none; }
	.scroll-item p a:hover { color: #fff; font-weight: bold; text-decoration: underline; }
	
	.scroll-nav { height: 16px; padding: 0 0 20px; position: relative; }
	
	/* prev, next, prevPage and nextPage buttons */
	a.browse { background: url(images/scroll-nav.png) no-repeat; cursor: pointer; display: block; font-size: 1px; height: 16px; margin: 0; position: absolute; width: 16px; }
	
	/* right */
	a.rightnav { background-position: 0 0; clear: right; margin-right: 0; right: 1px; }
	a.rightnav:hover { background-position: -16px 0; }
	a.rightnav:active { background-position: -32px 0; } 
	
	/* left */
	a.leftnav { background-position: 0 -16px; border: 0; margin-right: 16px; right: 2px; } 
	a.leftnav:hover { background-position: -16px -16px; }
	a.leftnav:active { background-position: -32px -16px; }
	
	/* disabled navigational button */
	a.disabled { visibility: hidden !important; }

	/* position and dimensions of the navigator */
	.navi { float: right; height: 16px; padding: 0 0 20px; }
	
	/* items inside navigator */
	.navi a { background: url(images/navigator.png) 0 0 no-repeat; display: block; float: left; height: 16px; margin: 0 5px; width: 16px; }

	/* mouseover state */
	.navi a:hover { background-position: 0 -16px; }
	
	/* active state (current page state) */
	.navi a.active { background-position: 0 -32px; }