/*
Theme Name: TFYP (2010 - Present)
Theme URI: http://www.snat.co.uk/
Description: Light theme with strong use of orange... and hidden dolphins.
Author: Ricko Mann (http://www.rickomann.me.uk/)
*/

html, body {
	min-height: 100%;
	height: 100%;
}

body {
	background: #f9f4ec;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	padding: 0;
	margin: 0;
	text-align: center;
	min-width: 900px;
	font-size: 0.9em;
}

img { border: 0; }

/* LINKS AND TEXT STYLES */

a:link { color: #ffdb4c; text-decoration: none; }
a:visited { color: #ffdb4c; text-decoration: none; }
a:hover { color: #ff9225; text-decoration: none; }

#content a:link { color: #ff9600; text-decoration: none; }
#content a:visited { color: #ff9600; text-decoration: none; }
#content a:hover { color: #ff9600; text-decoration: underline; }

#content .post-info a:link { color: #000; text-decoration: none; }
#content .post-info a:visited { color: #000; text-decoration: none; }
#content .post-info a:hover { color: #000; text-decoration: underline; }

#menu-links a { 
	color: #FFFFFF;
	width: 120px;
	height: 30px;
	padding-top: 4px;
	margin: 7px 4px 7px 4px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	text-shadow: #000000 0px 1px 2px;
}

#menu-links a:hover { 
	color: #eddba5;
	width: 120px;
	height: 30px;
	padding-top: 4px;
	margin: 7px 4px 7px 4px;
	background: url('images/rollovers/bg_menu_link.png') no-repeat center center;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	text-shadow: #000000 0px 1px 2px;
}

a.read-more  { 
	width: 120px;
	height: 30px;
	margin: 3px 12px 0px 0px;
	background: url('images/rollovers/bg_read_more.png') no-repeat center center;
	display: inline-block;
	}

a.read-more:hover  { 
	width: 120px;
	height: 30px;
	margin: 3px 12px 0px 0px;
	background: url('images/rollovers/bg_read_more_hover.png') no-repeat center center;
	display: inline-block;
	}

h1, h2, h3 { margin: 0; font-weight: normal; }

.page-title { font-size: 1.8em; }

.post-heading {
	width: 496px;
	height: 36px;
	font-size: 2.2em;
	text-align: center;
	background: url('images/bg_post_heading.png') no-repeat center center;
	padding: 2px;
}

.sidebar-heading {
	width: 184px;
	height: 24px;
	font-size: 1.8em;
	font-size: 2.2em;
	color: #4e4e4e;
	background: url('images/bg_sidebar_heading.png') no-repeat 0 0;
	padding: 8px;
}

.full-heading {
	width: 896px;
	height: 36px;
	font-size: 2.2em;
	text-align: center;
	background: url('images/bg_full_heading.png') no-repeat center center;
	padding: 2px;
}

.about-author-heading {
	width: 896px;
	height: 36px;
	font-size: 2.2em;
	text-align: center;
	background: url('images/bg_about_author_heading.png') no-repeat center center;
	padding: 2px;
}

.comment-heading {
	width: 896px;
	height: 36px;
	font-size: 2.2em;
	text-align: center;
	background: url('images/bg_comment_heading.png') no-repeat center center;
	padding: 2px;
}

.comment-form-heading {
	width: 896px;
	height: 36px;
	font-size: 2.2em;
	text-align: center;
	background: url('images/bg_commentform_heading.png') no-repeat center center;
	padding: 2px;
}

.post-info-text { color: #888; }

.navigation { padding: 5px; font-weight: bold; }

ul {
	margin-left: 1em;
	padding-left: 0;
	list-style: none;
}

ul li {
	padding-left: 1.2em;
	background: url('images/bullet.png') no-repeat;
	background-position: center left;
	line-height: 20px;
} 

/* LAYOUT */
* html .wrapper {
	height: 100%;
	}

.wrapper {
	width: 900px;
	margin: 0 auto;
}

#top-bar {
	width: 100%;
	height: 40px;
	background: url('images/bg_top_bar.png') repeat-x 0 0;
	border-bottom: 1px solid #000;
	text-align: left;
	color: #FFF;
	text-shadow: #000000 0px 1px 1px;
}
	#user-links {
		float: right;
		width: 300px;
		height: 30px;
		background: url('images/bg_user_links.png') no-repeat 0 0;
		font-size: 0.9em;
		text-align: center;
	}
	#user-links a { font-weight: bold; }

#header-bar {
	width: 100%;
	height: 160px;
	background: url('images/bg_header_bar_hanukkah.png') repeat-x 0 0;
}
	#header {
		width: 900px;
		height: 160px;
		background: url('images/bg_header_hanukkah.png') no-repeat 0 0;
		text-align: left;
	}
		#logo {
			position: relative;
			top: 25%;
		}
		#social-links {
			position: relative;
			top: 10%;
			text-align: right;
			font-size: 2em;
			color: #FFF;
		}

#menu-bar {
	width: 100%;
	height: 60px;
	background: url('images/bg_menu_bar.png') repeat-x 0 0;
	border-bottom: 1px solid #000;
}
	#menu {
		width: 900px;
		height: 60px;
		background: url('images/bg_menu.png') no-repeat 0 0;
		text-align: left;
		font-size: 1.3em;
		color: #eee1a3;
		text-shadow: #000000 0px 1px 1px;
	}
		#menu-links {
			width: 888px;
			height: 58px;
			padding: 6px;
			background: url('images/bg_menu_links.png') no-repeat 0 0;
			text-align: center;
		}

#border-top {
	width: 100%;
	height: 30px;
	background: url('images/bg_content_top.png') repeat-x 0 0;
}
	#content { height: 100%; }
		/* SIDEBARS */
		.sidebar {
			width: 186px;
			height: 100%;
			background-color: #fffefb;
			border: 1px solid #a4a4a4;
			padding: 6px;
			text-align: left;
			color: #434343;
		}
		.sidebar-bottom {
			width: 200px;
			height: 11px;
			background: url('images/bg_sidebar_bottom.png') no-repeat 0 0;
		}

		/* POSTS */
		.post-top {
			width: 500px;
			height: 3px;
			background: url('images/bg_post_top.png') no-repeat 0 0;
		}
		.post {
			width: 500px;
			height: 100%;
			background: url('images/bg_post.png') repeat-y 0 0;
			text-align: left;
			color: #434343;
		}
			.post-padding { padding: 1px 16px 1px 16px; }
			.post-info {
				width: 488px;
				height: 18px;
				background: url('images/bg_post_info.png') no-repeat 0 0;
				color: #734400;
				padding: 6px;
			}
		.post-bottom {
			width: 500px;
			height: 20px;
			background: url('images/bg_post_bottom.png') repeat-y 0 0;
		}
		
		/* FULL WIDTH POSTS/PAGES */
		.full-post {
			width: 898px;
			height: 100%;
			background-color: #FFF;
			border: 1px solid #a4a4a4;
			text-align: left;
			color: #434343;
		}
		.full-post-bottom {
			width: 900px;
			height: 17px;
			background: url('images/bg_full_post_bottom.png') repeat-y 0 0;
		}

		/* COMMENTS */


#border-bottom {
	position: relative;
	width: 100%;
	height: 30px;
	background: url('images/bg_content_bottom.png') repeat-x 0 0;
}

#footer-bar {
	position: relative;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background: url('images/bg_footer_bar.png') repeat-x 0 0;
}
	#footer {
		width: 900px;
		height: 100px;
		background: url('images/bg_footer.png') no-repeat 0 0;
	}
		#footer-text {
			position: relative;
			top: 10%;
			width: 880px;
			height: 50px;
			padding: 10px;
			background: url('images/bg_footer_text.png') no-repeat center center;
			color: #ccc;
			text-shadow: #000000 0px 1px 2px;
		}

/* MISC */
.icon { vertical-align: middle; }
.left { float: left; }
.right { float: right; }
.clear { clear:both; }
.padding-25 { padding: 25px; }
.padding-16 { padding: 16px; }
.padding-10 { padding: 10px; }
.padding-8 { padding: 8px; }
.padding-6 { padding: 6px; }

.alignleft { float:left; } 
.alignright { float:right; } 

/* Attachment pages
-------------------------------------------------------------- */

.entry-content .attachment img {
	margin-bottom: 0;
}
.attachment .entry-content .entry-caption {
	font-size: 140%;
	margin-top: 24px;
}
.attachment .entry-content .nav-previous a:before {
	content: '\2190\00a0';
}
.attachment .entry-content .nav-next a:after {
	content: '\00a0\2192';
}



/* Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	max-width: 640px;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}
blockquote 
{
	border-left:#FF8400 2px solid;
	margin:1em;
	padding:0 0.5em;
}
img#wpstats {
	width:0px;
	height:0px;
	padding:0px;
	border:none;
	overflow:hidden
}

/* ----------------Message box for temp notices--------------*/

.generic-box { 	width: 860px; 	margin-left: auto; 	margin-right: auto; 	margin-top: 10px; 	margin-bottom: 10px; 	padding: 8px; 	background-color: #feffd5; 	border: 2px solid #ff9900; }

/* ------------------Index hover buttons-------------------- */


#slideshow-area, #slideshow-scroller {
  width: 180px;
  height: 140px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

#slideshow-area {
  border: 0px solid #000;
}

#slideshow-holder {
  height: 140px;
}

#slideshow-previous, #slideshow-next {
  width: 50px;
  height: 50px;
  position: absolute;
  background: 
    transparent 
    url("images/arrow_left.png") 
    no-repeat 50% 50%;
  top: 30px;
  cursor: pointer;
  cursor: hand;
}

#slideshow-next {
  display: block;
  background: 
    transparent 
    url("images/arrow_right.png") 
    no-repeat 50% 50%;
  top: 30px;
  right: 0px;
}

.slideshow-content {
  float: left;
}

a.button { 	
	width: 160px;
	font-color: #000000;
	display: inline-block; 	
	padding: 5px 25px 5px 5px; 	
	margin: 5px 15px; 	
	border-radius: 5px; 	
	background: #CCC url('images/bg_button.png') 
	repeat-x 0 0;
 	color: #000;
 	text-decoration: none; 
	line-height: 48px;
 	text-shadow: rgba(255,255,255,0.6) 0 1px 0; 
	box-shadow: rgba(0,0,0,0.4) 0 3px 3px; 
	} 
	
a.button img 
{ 
	margin-right: 20px; 
}

 a.button * 
{ 
	vertical-align: middle; 
} 

a.button:hover 
{ 
	background-color: #ffd200; 
} 
a.button:active 
{ 
	background-image: url('images/bg_button_active.png'); 
}