/*
Theme Name: Travel Eat Love

Author: Sarah Early, Dodeline Design
Author URI: http://www.dodelinedesign.com

.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/


/* Initial cleanup
----------------------------------------------- */
html, body, form, fieldset { margin: 0; padding: 0; }
form label { cursor: pointer; }
fieldset { border: none; }

/* Main structure
----------------------------------------------- */
body { font-family: Century Gothic, sans-serif; font-size: 76%; line-height: 120%; color: #333333; background: #FFFFFF; }
#wrapper { text-align: left; }
body.rtl #wrapper { text-align: right; direction: rtl;}
	#header, #content { margin-bottom: 2em; padding-left: 20px; padding-right: 20px; }
	#footer, #theme-info, #footer-include { clear: both; }
	
/* Fix floats
----------------------------------------------- */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* Header
----------------------------------------------- */
#header-image { overflow: hidden; margin: 0 0 -20px 0;}
	#header-image a { text-decoration: none; border: none; }
	#header-image a img { border: none; }
#title { margin: 20px 0 -20px; border-bottom: 1px solid #ccc; }
#navigation { margin: 20px 0 0 0; background-color:#666666; padding-left:8px;}
#navigation a:link {color:#FFFFFF;}
#navigation a:visited {color:#FFFFFF;} #navigation a:hover {color:#ffffff;}

/* Navigation
----------------------------------------------- */
#navigation ul.primary { list-style: none; margin: 0; padding: 0.5em 0; }
body.rtl #navigation ul.primary { direction: ltr; }
	#navigation ul.primary li { display: inline; margin: 0 1em 0 0; }
	body.rtl #navigation ul.primary li { display: inline; margin: 0 0 0 1em; }
#navigation div.secondary { padding: 0.5em 0; }
	#navigation div.secondary p { margin: 0; }
	body.janus #navigation .secondary p, body.janus #theme-info .secondary p { text-align: right; }
	
#wrapper .nav-current:link, #wrapper .nav-current:visited, #wrapper .nav-current:active { color: #69c; }
#wrapper .nav-current:hover { color: #ccc; }

	/* Feed icon
	------------------------------------------- */
	body .feed { display: block; float: left; padding: 1px 0 1px 20px; min-height: 15px; font-size: 0.8em; background: url('images/icons.png') no-repeat 0 1px; }
	body.janus .feed, body.rtl .feed { float: right; padding: 1px 20px 1px 0; background-position: 100% 1px; }

/* Content
----------------------------------------------- */
	
	/* HTML element control
	--------------------------------------- */
	p { margin: 0 0 1em 0; }
		blockquote { margin: 0 0 1em 0; padding: 0 30px; color: #808080; }
		strong { font-weight: bold; }
		em { font-style: italic; }
		acronym, abbr { border-bottom: 1px solid #8fb7bf; }
		small { font-size: 0.8em; }
		sup, sub { font-size: 75%; }
		sup { vertical-align: super; }
		sub { vertical-align: sub; }
		hr { width: 100%; height: 1px; background: #ccc; color: #ccc; margin: 1em 0; border: none; padding: 0; }
	pre, code, tt { font-family: 'Courier', 'Courier New', monospace; font-size: 1em; line-height:1.8; color: #4d4d4d; }
		pre { margin: 0 0 1em 0; border: 1px solid #e5e5e5; padding: 0.5em 1em; white-space: pre-wrap; overflow: hidden; background: #fafafa; }
  	code, tt { background: #efefef; }
  	pre code, pre tt { background: none; }
		html > body code, html > body tt, html > body pre { font-size:12px; }
		h3 code { text-transform: none; }
	ul, ol { margin: 0 0 1em 15px; padding: 0; }
	ul { list-style: disc; }
		li { margin: 0 0 0.25em 0; }
		body.rtl ul, body.rtl ol { margin: 0 15px 1em 0; padding: 0; }
	
	/* Global content control
	--------------------------------------- */
	body .content p { line-height: 1.4; }
	body .content li { line-height: 1.4; }

	/* Headers
	--------------------------------------- */
	#blog-title { font-family: 'Times New Roman', Times, serif; font-size: 2.5em; font-weight: normal; margin: 0; border: none; padding: 0; line-height: 120%; }
	#tagline { font-family: 'Times New Roman', Times, serif; font-size: 1.5em; font-weight: normal; font-style: italic; color: #808080; margin: 0.1em 0 0.3em 0; border: none; padding: 0; line-height: 120%; }

	h1, body .entry .title { font-family: 'Cinzel', serif; text-transform: uppercase; letter-spacing:125%; font-size: 1.75em; font-weight: normal; line-height: 120%; margin: 0; background-image:url(http://traveleatlove.com/wp-content/uploads/2013/04/posttitle.png); background-repeat:no-repeat; background-position:top center; padding-left:25px; }
        h1, body .entry .title a:link {color:#333333;} h1 a:visited, a:active { color: #FFFFFF; } a:hover { color: #CCCCCC; }
	h2 { font-family: 'Times New Roman', Times, serif; font-size: 2em; font-weight: normal; line-height: 120%; margin: 0 0 0.5em 0; }
	h3 { font-size: 0.8em; font-weight: normal; color: #69c; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 0.8em 0; border-bottom: 1px solid #e5e5e5; padding: 0 0 0.4em 0; }
	h4 { font-family: 'Times New Roman', Times, serif; font-size: 1.5em; font-weight: normal; line-height: 120%; margin: 0 0 0.3em 0; }
	h5 { font-size: 1em; font-weight: bold; line-height: 120%; margin: 0 0 0.3em 0; padding: 0; }
	h6 { font-size: 0.8em; font-weight: bold; line-height: 120%; margin: 0 0 0.3em 0; padding: 0; }

	/* Post content
	--------------------------------------- */
	body .articlenav { margin: 0 0 2em 0; border-bottom: 1px solid #e5e5e5; padding-top: 0.75em; padding-bottom: 0.75em; background: #fcffff; color: #808080; }
		body.janus .articlenav { text-align: right; }
	body.rtl .articlenav { border-bottom: 1px solid #e5e5e5; }
	body .entry { margin: 0 0 2em 0; clear: both; }
	body .posts .entry { margin: 0 0 4em 0; }
		body .entry .meta { margin: 0 0 1em 0; }
			body .entry .metadata { font-size: 0.8em; color: #808080; margin: 0; padding: 0; }
			body .entry .meta .metadata { margin: 0; padding: 0.3em 0 0 0; }
	body .aside { margin: 0 0 4em 0; }
		body .aside .meta { margin: -0.8em 0 0 0; border-top: 1px dotted #d9d9d9; padding: 0.2em 0 0 0; color: #808080; font-size: 0.8em; text-align: right; clear: both; }
	body .archive { margin: 0 0 2em 0; }
		body .archive .meta { margin: 0 0 1em 0; }
	body .link-pages { font-size: 0.8em; color: #808080; clear: both; }
	body .pagination { margin: 0; font-family: 'Times New Roman', Times, serif; font-size: 1.5em; font-weight: normal; line-height: 120%; color: #808080; clear: both; }
		
	/* Inserts
	--------------------------------------- */
	body .insertright { margin: 0 0 20px 20px; width: 220px; float: right; }
	body .insertleft { margin: 0 20px 20px 0; width: 220px; float: left; }
	body .insert { background: #fcffff; margin: 0 0 1em 0; border: 1px solid #cfe2e5; padding: 9px; }
		body .insert h3 { border-bottom: 1px solid #cfe2e5; }

	/* Downloads
	--------------------------------------- */
	body a.download { display: block; margin: 1em 0; padding: 5px 5px 5px 28px; min-height: 15px; }
	body .content a.download:link, body .content a.download:visited, body .content a.download:active { background:#fcffff url('images/icons.png') no-repeat 5px -295px; border: 1px solid #cfe2e5; }
	body .content a.download:hover { text-decoration: underline; }

	/* Images
	--------------------------------------- */
	a img { border: 0px; }
        img a {border:0px;}
	a:hover img, body .comment a:hover .avatar { border:0px; }
		#wrapper .gallery a:link, #wrapper .gallery-item a:visited, #wrapper .gallery-item a:hover, #wrapper .gallery-item a:active, #wrapper a.imagelink2 img, #wrapper a.imagelink2:hover img, #wrapper a.imagelink:link, #wrapper a.imagelink:visited, #wrapper a.imagelink:hover, #wrapper a.imagelink:active, #wrapper a.imagelink2:link, #wrapper a.imagelink2:visited, #wrapper a.imagelink2:hover, #wrapper a.imagelink2:active { border: none; }
		body .imageleft, body .alignleft { float: left; margin: 0 10px 10px 0; }
		body .imageright, body .alignright { float: right; margin: 0 0 10px 10px; }
		body .imageblock { display: block; margin: 0 0 1em 0; }
		body .imagecentre, body .imagecenter, body .centered, body .aligncenter { display: block; text-align: center; margin: 0 auto 1em auto; }
		
	body .gallery { margin: 0 auto 1em 0; }
	body .gallery-item { float: left; margin-top: 10px; text-align: center; }
	body #wrapper .content .gallery-item a, body #wrapper .content .attachment a { border-bottom:none; }
	body .gallery-caption { margin-left: 0; }
	
	/* Tags & Tags page
	--------------------------------------- */
	body .tagdata { font-size: 0.8em; color: #808080; clear: both; }
	body .tagcloud {}
	body .tagcloud a { margin: 0 2px 0 0; }

	/* Search content
	--------------------------------------- */
	body .post-brief { margin: 0 0 2em 0; }
		body .post-brief h3 { margin: 0 0 0.2em 0; }
		body .post-brief p.post-metadata { color: #808080; margin: 0 0 0.2em 0; border: none; padding: 0; }
		body .post-brief p.excerpt { margin: 0; }
			
	/**
	 * Comments layout & style
	 * 
	 * Designed to work for comments which are threaded, unthreaded, paginated
	 * and unpaginated. Trackbacks are now included inline rather than being
	 * rendered at the top. Comments also sit directly below the post or page
	 * content, rather than taking the entire width of the site. This increases
	 * their flexibility (given column swapping etc.) and maintainability
	 * (since fewer permutations reduce the likelihood of bugs.)
	 * 
	 * @since 2.4
	 */
	#comments { clear: both; margin: 0; padding: 0; }
	body .comment, body .trackback, body .pingback { padding: 0; list-style: none; }
		body .comment .comment { margin: 0; }
		li.comment, li.trackback, li.pingback { margin: 0; border-top: 1px solid #ccc; padding: 0; }
		body .comment ol.children, body .trackback ol.children, body .pingback ol.children { clear: both; margin: 0; border-top: 1px solid #ccc; padding: 0 0 0 20px; }
		body.rtl .comment ol.children, body.rtl .trackback ol.children, body.rtl .pingback ol.children { padding: 0 20px 0 0 ; }
		body p.pingdata { margin: 0; font-size: 0.8em; color: #808080; }
		li.comment-lvl-first { border-top: none; }
		body .comment .reply { clear: both; }
		body .comment .reply a { padding-left: 13px; background: url('images/icons.png') no-repeat -7px -398px; }
		body.rtl .comment .reply a { background: url('images/icons.png') no-repeat -7px -598px; }
	
	body .comment-wrapper { padding: 0.66em 0; }
	body .moderated { border-bottom: 1px solid #e5e5e5; padding-bottom: 0.66em; background: url('images/icons.png') no-repeat 100% -200px; }
	body .comment-meta { margin: 0; float: left; font-size: 0.8em; color: #808080; }
	body.rtl .comment-meta { float: right;}
		body .avatar-link { display: block; float: right; margin: 0 0 10px 10px; }
		body.rtl .avatar-link { float: left; margin: 0 10px 10px 0; }
		body .avatar, body .comment a .avatar { display: block; float: right; margin: 0 0 10px 10px; border: 1px solid #ccc; padding: 4px; background:#fcfcfc; }
		body.rtl .avatar, body.rtl .comment a .avatar { float: left; margin: 0 10px 10px 0;}
		body .comment .avatar-link .avatar { float: none; margin: 0; }
		body .comment-permalink, body .comment-edit {}
		body .comment-author { font-weight: bold; color: #404040; }
	body .comment-content { clear: left; padding-top: 0.8em; }
	body.rtl .comment-content { clear: right; }
	body .reply { margin: 0; font-size: 0.8em; }
	body .author-comment {}
	body .trackback { margin: 0; border-top: 1px solid #ccc; padding: 0.5em 0; background: #fcffff; }
	body .trackback p { font-size: 0.8em; margin: 0; }
	
	#comments-header .title { width: 49.5%; float: left; margin: 0 0 0.1em 0; border: none; }
	.rtl #comments-header .title { float: right; }
	#comments-header .comments-feed { width: 49.5%; float: right; text-align: right; margin: 0; padding: 0.75em 0 0 0; }
		#comments-header .comments-feed a { display: block; float:right; min-height:16px; padding: 1px 20px 1px 0; background: url('images/icons.png') no-repeat 100% -100px; font-size: 0.8em; }
		.rtl #comments-header .comments-feed a { float:left; padding: 1px 20px 1px 0; }
	#comments-header .trackback-link { clear: both; margin: 0.4em 0 0 0; border-top: 1px solid #ccc; padding: 0.5em 0; font-size: 0.8em; font-weight: bold; color: #808080; }
		#comments-header .trackback-link a { font-weight: normal; }
	#comment-paging { padding: 0.5em 0; }
	#comment-paging { margin: 0; border-top: 1px solid #ccc; font-family: 'Times New Roman', Times, serif; font-size: 1.5em; color: #808080; }
		#comment-paging span.page-numbers { color: #404040; }
	#comments-closed { margin: 0; border-top: 1px solid #e5e5e5; padding-top: 0.66em; }
	
	/* Lists
	--------------------------------------- */
	body .navlist { list-style: none; margin: 0 0 1em 0; }
		body .navlist li { margin: 0.5em 0; }
			body .navlist ul { list-style: none; margin: 0 0 0 1em; }
				body .navlist ul li { margin: 0.5em 0; }
		#wrapper .navlist a:link, #wrapper .navlist a:visited, #wrapper .navlist a:hover, #wrapper .navlist a:active { border-bottom: none; }
	body .archivelist { list-style: none; margin: 0.5em 0 1em 0; }
		body .archivelist li { margin: 0.5em 0; }
			body .archivelist ul { list-style: none; margin: 0 0 0 1.5em; }
				body .archivelist ul li { margin: 0.5em 0; }
	body .postspermonth { list-style: none; margin: 0.5em 0 1em 0; }
		body .postspermonth li { margin: 0.5em 0; }
		
	/* Sidebar
	--------------------------------------- */
	body .bookmarks ul { list-style: none; margin: 0 0 1em 0; }
		body .bookmarks ul li { margin: 0.5em 0; }

	/* Footer
	--------------------------------------- */
	#footer { margin: 0 20px 0 20px; border-top: 3px double #ccc; padding: 1em 0 0 0; }
		.recent-articles {}
			.recent-articles ul { list-style: none; margin: 0; }
				.recent-articles li { margin: 0; }
				h4.recent-title { margin: 0; }
				.recent-metadata { font-size: 0.8em; color: #808080; margin: 0 0 0.5em 0; }
				.recent-excerpt { line-height: 1.4; margin: 0 0 1em 0; }
		#theme-info { margin: 0.5em 0 0 0; border-top: 3px double #ccc; padding: 1em 0 0.5em 0; color: #808080; }
			
/* Forms
----------------------------------------------- */
input, select, textarea { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 100%; }
input.text, input[type=text], input[type=password], textarea { border: 1px solid #ccc; padding: 2px; background: #fafafa; color: #404040; }
input.text:focus, input[type=text]:focus, input[type=password]:focus, textarea:focus { background: #fff; }
input[type=submit]:enabled, button:enabled { border: 1px solid #ccc; padding: 2px 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background: url('images/button_gradient.png') repeat-x 0 0; color: #404040; cursor: pointer; }
input[type=submit]:enabled:focus, input[type=submit]:enabled:hover, button:enabled:focus, button:enabled:hover { border-color: #666; }

	/* Search form
	--------------------------------------- */
	body .searchbox { width: 200px; margin: 0 0 1em 0; }
		#s { display: block; width: 194px; margin: 0 0 0.6em 0; border: 1px solid #ccc; padding: 2px; background: #fafafa; color: #404040; }
		#s:focus { background: #fff; }
		body.js #searchlabel { display: none; }
	
	/**
	 * Comment reply form layout & style.
	 * 
	 * Consists of a simple header with a title and 'Cancel reply' link,
	 * followed by three text fields which are floated next to one another.
	 * Lastly, a textarea and submit button. The amount of specialised code
	 * is intentionally small, since the form should inherit from the general
	 * Tarski form styling.
	 * 
	 * @since 2.4
	 */
	#respond { padding-top: 0.66em; border-top: 1px solid #e5e5e5; }
	#respond-header { margin-bottom: 0.66em; border-bottom: 1px solid #ccc; padding-bottom: 0.4em; }
	#respond-header .title { float: left; margin: 0; }
	.rtl #respond-header .title { float: right; }
	#respond-header .cancel-reply { float: right; margin: 0; padding-top: 0.75em; font-size: 0.8em; }
	.rtl #respond-header .cancel-reply { float: left; }
		#respond-header .cancel-reply a { padding-right: 13px; background: url('images/icons.png') no-repeat 100% -498px; }
	body .response-details { margin-bottom: 1em; }
	body .response-details .text-wrap { width: 31%; float: left; margin-right: 2%; }
	body .response-details > .text-wrap { width: 32%; }
	body .response-details .url-wrap { margin-right: 0; }
	body .response { margin-bottom: 0.8em; }
		body .response-details .text-wrap label, body .response label { display: block; height: 1.5em; color: #808080; }
		body .response-details .text-wrap input.text { display: block; width: 98%; }
		body .response textarea { display: block; width: 99%; }
		body .req-notice { font-size: 0.8em; }
	p.submit-wrapper { margin: 0; }

/* Links
----------------------------------------------- */
a { text-decoration: none; }
a:link, a:visited, a:active { color: #69c; text-decoration:none; }
a:hover { color: #666666; }

body .content a:link, body .content a:active, body .content a:visited, body .link-pages a:link, body .link-pages a:active, body .link-pages a:visited, body .tagdata a:link, body .tagdata a:active, body .tagdata a:visited, body .widget_tag_cloud a:link, body .widget_tag_cloud a:active, body .widget_tag_cloud a:visited { border-bottom: 0px solid #69c; }
body .content a:hover, body .link-pages a:hover, body .tagdata a:hover, body .widget_tag_cloud a:hover { border-bottom: 0px solid #e5cfd2; }
	#wrapper .content h2 a:link, #wrapper .content h2 a:visited, #wrapper .content h2 a:hover, #wrapper .content h2 a:active, #wrapper .content h3 a:link, #wrapper .content h3 a:visited, #wrapper .content h3 a:hover, #wrapper .content h3 a:active, #wrapper .content h4 a:link, #wrapper .content h4 a:visited, #wrapper .content h4 a:hover, #wrapper .content h4 a:active { border: none; }
		
/* Widgets
----------------------------------------------- */
body .widget { margin: 0 0 2em 0; }
	
	/* List widgets
	------------------------------------------- */
	body .widget ul { margin: 0; list-style: none; }
		body .widget ul li { margin: 0.5em 0; }
		body .widget ul ul, body .widget ol ol, body .widget ol ul, body .widget ul ol { margin-left: 15px; }
		body.rtl .widget ul ul, body.rtl .widget ol ol, body.rtl .widget ol ul, body.rtl .widget ul ol { margin-right: 15px; }
	
	/* Tag cloud widget
	------------------------------------------- */
	body .widget_tag_cloud { line-height: 1.2; }
		body .widget_tag_cloud a { margin: 0 2px 0 0; }
	
	/* Calendar widget
	------------------------------------------- */
	body .widget_calendar {}
		body .widget_calendar table { width: 100%; }
		body .widget_calendar caption { margin: 0.25em 0 0.2em 0; border-bottom: 1px solid #ccc; padding: 0 0 0.5em 0; font-family: 'Times New Roman', Times, Georgia, serif; font-size:1.5em; text-align: center; }
		body .widget_calendar th, body .widget_calendar td { margin: 1px; padding: 5px; text-align: center; }
		body .widget_calendar th { background: #fafcfc; font-weight: bold; }
		body .widget_calendar td { background: #edf1f2; }
		body .widget_calendar tbody td a { display:block; margin: -5px; padding: 5px; color: #fff; background: #8bb6cc; }
		body .widget_calendar tbody td a:hover { color: #fff; background: #cc8a95; }
		body .widget_calendar td.pad, .widget_calendar tfoot td { background: #fff; }
		body .widget_calendar tfoot td { font-family: 'Times New Roman', Times, Georgia, serif; font-size: 1.5em; }
		body .widget_calendar #prev { text-align: left; }
		body .widget_calendar #next { text-align: right; }