/*
Theme Name: IF902
Theme URI: http://www.if90.net/
Description: Current IF90 Theme Project
Version: 0.1
Author: IF90
Author URI: http://www.if90.net
Tags: if90, horizontal

*/

/* * * * * * * * * * * * * * * * START RESET * * * * * * * * * * * * * * * * */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, /*em,*/ font, img, ins, kbd, q, s, samp,
small, strike, /*strong,*/ sub, sup, tt, var,
dl, dt, dd, /*ol, ul, li,*/
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}/*
ol, ul {
	list-style: none;
}*/

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* * * * * * * * * * * * * * * * * END RESET * * * * * * * * * * * * * * * * */


/* Top Level */

html, body {
	/*background: url('http://if90.net/wp-content/themes/if902/images/shirt_flowers.jpg') fixed;*/
	/*background: url('http://if90.net/wp-content/themes/if902/images/shirt_roller_thin.jpg') fixed;*/
	/*background: url('http://if90.net/wp-content/themes/if902/images/shirt_brownteal.jpg') fixed;*/
	/*background: url('http://if90.net/wp-content/themes/if902/images/shirt_vine.png') fixed;*/
	/*background: url('http://if90.net/wp-content/themes/if902/images/shirt_ted.jpg') fixed;*/
	/*background: url('http://if90.net/wp-content/themes/if902/images/shirt_aqua.jpg') fixed; */
	/*background: url('http://if90.net/wp-content/themes/if902/images/underpants_pink.jpg') fixed;*/
	background: url('http://if90.net/wp-content/themes/if902/images/shirt_pink_ripple.jpg') fixed;
	height: 100%;
	/*overflow: auto;*/
	width: 100%;
}

body {
	color: #FFFFFF;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body a {
	color: #FFFFFF;
	text-decoration: none;
}

body a:hover {
	color: #0A0A0A;
	background: #FFFFFF;
}

h1, h2, h3
{
	display: inline;
}

a img {
	border: none;
}
	
a:hover img {
	background: #0A0A0A;
}

#yoong {
	background: #0A0A0A;
}

#page {
	margin: 0 auto;
	height: 500px;
	clear: both;
	position: relative;
	top: -250px;
	/* IE4ever Hack: Hide from IE4 **/
	position: static;
	/** end hack */
	/*width: 20000px;*/
}

#top {
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -250px;
	float: left;
}

/* Hide from IE5mac \*//*/
#top {
display: none;
}
 
html, body {
height: auto;
}
/* end hack */
 
/* ]]> */

/* Header and Footer */

#header {
	padding-left: 12px;	
	height: 100px;
	clear: both;
	white-space: nowrap;
}

#footer {
	padding-left: 12px;
	height: 30px;
	font-weight: bold;
	font-size: 18px;
	white-space: nowrap;
}

#row1 {	
	font-weight: bold;
	padding-top: 15px;
	font-size: 18px;
}

#row2 {
	width: 850px;
	margin-top: 2px;
	font-weight: bold;
	font-size: 30px;	
}

.cat {
	margin-right: 20px;
	float: left;
}

.film_count, .food_count, .games_count, .music_count, .plates_count, .talk_count, .works_count {
	font-size: 18px;
	font-weight: bold;
}

.film_count {
	color: #CE2F2F;
}

.food_count {
	color: #EE7E0F;
}

.games_count {
	color: #3FBF87;
}

.music_count {
	color: #6852AC;
}

.plates_count {
	color: #F4BB0C;
}

.talk_count {
	color: #00B4FD;
}

.works_count {
	color: #F1599D;
}

#searcharea {
	margin-left: -7px;
	margin-top: 5px;	
}

/* Posts */
/*
#page {
	background-color: gray;
}

#header, #footer {
	background-color: orange;
}
*/

.single_post {
	padding-left: 12px;
}

.post {
	vertical-align: top;
}

.film_teaser, .food_teaser, .games_teaser, .music_teaser, .plates_teaser, .talk_teaser, .works_teaser {
	width: 470px;
	max-height: 365px;
	margin: 0 10px;
	border-bottom: 5px double;
}

.film_post, .food_post, .games_post, .music_post, .plates_post, .talk_post, .works_post, .page_post {
	width: 810px;
	background: #0A0A0A;
	border-bottom: 5px double;
}

.film_cover, .food_cover, .games_cover, .music_cover, .plates_cover, .talk_cover, .works_cover, .page_cover {
	max-height: 365px;
	border-bottom: 4px solid;
}

.film_teaser, .film_post, .film_cover {
	border-bottom-color: #CE2F2F;
}

.food_teaser, .food_post, .food_cover {
	border-bottom-color: #EE7E0F;
}

.games_teaser, .games_post, .games_cover {
	border-bottom-color: #3FBF87;
}

.music_teaser, .music_post, .music_cover {
	border-bottom-color: #6852AC;
}

.plates_teaser, .plates_post, .plates_cover {
	border-bottom-color: #F4BB0C;
}

.talk_teaser, .talk_post, .talk_cover {
	border-bottom-color: #00B4FD;
}

.works_teaser, .works_post, .works_cover {
	border-bottom-color: #F1599D;
}

.page_teaser, .page_post, .page_cover {
	border-bottom-color: #171717;
}

.cover {
	vertical-align: top;
}

.film_title, .food_title, .games_title, .music_title, .plates_title, .talk_title, .works_title, .page_title {
	padding-top: 10px;
	margin-bottom: 5px;
	font-size: 28px;
	font-weight: bold;
	border-top: double 8px;
}

.film_title {
	border-top-color: #CE2F2F;
}

.food_title {
	border-top-color: #EE7E0F;
}

.games_title {
	border-top-color: #3FBF87;
}

.music_title {
	border-top-color: #6852AC;
}

.plates_title {
	border-top-color: #F4BB0C;
}

.talk_title {
	border-top-color: #00B4FD;
}

.works_title {
	border-top-color: #F1599D;
}

.page_title {
	border-top-color: #171717;
}

.posted {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 15px;
}

.content {
	font-size: 14px;
	line-height: 140%;
	text-align: justify;
	margin-bottom: 20px;
}

.film_content a {
	color: #CE2F2F;
}

.film_content a:hover {
	background: #CE2F2F;
}

.food_content a {
	color: #EE7E0F;
}

.food_content a:hover {
	background: #EE7E0F;
}

.games_content a {
	color: #3FBF87;
}

.games_content a:hover {
	background: #3FBF87;
}

.music_content a {
	color: #6852AC;
}

.music_content a:hover {
	background: #6852AC;
}

.plates_content a {
	color: #F4BB0C;
}

.plates_content a:hover {;
	background: #F4BB0C;
}

.talk_content a {
	color: #00B4FD;
}

.talk_content a:hover {
	background: #00B4FD;
}

.works_content a {
	color: #F1599D;
}

.works_content a:hover {
	background: #F1599D;
}

.content p {
	margin: 10px 0;
}

.content p .subtitle {
	font-weight: bold;
	font-size: 18px;
	color: #CECECE;
	line-height: 160%;
}

.meta, .single_links, .page_links {
	font-size: 14px;
	line-height: 120%;
	margin-bottom: 15px;
}

.single_links, .page_links {
	font-weight: bold;
	width: 810px;
	padding-bottom: 25px;
	padding-top: 15px;
}

.page_links {
	padding-bottom: 30px;
}

.dim {
	color: #BBBBBB;
}

.dimmer {
	color: #444444;
}

.dimmer a {
	color: #444444;
	text-decoration: none;
}

.dimmer a:hover {
	color: #0A0A0A;
	background: #444444;
}

.dimmest {
	color: #333333;
}

small {
	color: #555555;
	font-size: 11px;
}

/* Images */
#cover {
	margin-bottom: 30px;
}

p img {
	padding: 10px 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Comments*/

#comments {
	width: 810px;
	margin-top: 30px;
	padding-bottom: 40px;
	font-size: 14px;
	line-height: 140%;
}

textarea {
	width: 710px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
}

#submit {
}

.commentlist li .avatar {
	float: right;
}

.alt {
/*	margin: 0;
	padding-left: 10px;*/
	}

.commentlist {
	margin-left: 0;
	margin-bottom: 30px;
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	border-top: 1px #333333 solid;
	margin: 15px 0 20px;
	list-style: none;
	}
	
.commentlist li .dim ul li, .commentlist li .dim ol li {
	border: none;
	margin: auto;
	list-style: disc;
	}
	
.commentlist li .dim ul, .commentlist li .dim ol {
	margin-top: 15px;
	}

.commentlist p {
	margin: 10px 0;
	font-size: 13px;
	line-height: 120%;
	}

.commentlist .commentmeta {
	font-size: 11px;
	}

#commentform p {	
	margin: 10px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

/* End Comments */

/* Archives */

#start {
	height: 365px;
	padding-left: 12px;
	vertical-align: top;
	font-weight: bold;
	}

.message, .navigation {
	padding-right: 50px;
	}

.message {
	width: 530px;
	}

.navigation {
	width: 450px;
	font-size: 50px;
	text-align: right;
	}

.message p {
	font-size: 24px;
	margin-bottom: 10px;
	}

.message .heading {
	font-size: 65px;
	margin-bottom: 20px;
	}

.message .description {
	font-size: 28px;
	}

.message .small {	
	font-size: 14px;
	}

/* End Archives */

/* UI Components */

select {
	width: 157px;
	font-size: 10pt;
}

#searchform {
	margin: 0;
	padding: 0;
	display: inline;
	}

#searchform input {
	width: 124px;
	font-size: 10pt;
	}

/* End UI Components */

/* Begin Various Tags & Classes */

.center {
	text-align: center;
	}

.right {
	text-align: right;
	}

.left {
	text-align: left;
	}
	
.fixed {
	position: fixed;
	}

.w_spacer {
	width: 30px;
	}

.h_spacer {
	height: 10px;
	}
	


/* End Various Tags & Classes*/

/* Custom */

#customshare
{
	height: 75px;
}

#customshare .twitter
{
	float: left;
	position: relative;
	top: 2px;
	left: 0;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	margin-right: 20px;
}

#customshare .facebook
{
	float: left;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

#customshare .google
{
	float: left;
	position: relative;
	top: 2px;
	left: 0;
	margin: 0;
	padding: 0;
	margin-top: 20px;
}

/* Disqus */

#disqus_thread
{
	width: 810px;
	margin-top: 0;
	padding-bottom: 40px;
	font-size: 14px;
	line-height: 140%;
}

#disqus_thread a:hover
{
	color: #0A0A0A;
	background: #FFFFFF;
}

#disqus_thread small
{
	color: #FFFFFF;
}

#disqus_thread #dsq-content
{ 
	font-size: 14px;
}

#disqus_thread .dsq-login-button a:hover
{
	background: none;
}

#disqus_thread #dsq-new-post h3, #disqus_thread #dsq-comments-title, #disqus_thread h3.dsq-h3-reactions, #disqus_thread .dsq-item-trackback, #disqus_thread .dsq-post-area h3
{
	font-weight: bold;
}

#disqus_thread h3.dsq-h3-reactions, #disqus_thread .dsq-item-trackback
{
	margin-bottom: 10px;
}

#disqus_thread .dsq-comment-message
{
	color: #BBBBBB;
}

#disqus_thread .dsq-options
{
	/*display: none;*/
}

#disqus_thread .dsq-dc-logo
{
	display: none;
}

.dsq-brlink
{ 
	display: none;
}

#disqus_thread #dsq-comments-title
{
	padding: 15px 0;
}

#disqus_thread .dsq-comment-header-time, #disqus_thread .dsq-reaction-header-left, #disqus_thread .dsq-reaction-header-right
{
	font-size: 12px;
}

#disqus_thread #dsq-content .dsq-comment-header-time a:hover
{
	color: #262626;
	border: none;
}

#disqus_thread .dsq-item-trackback
{
	display: none;
}

#disqus_thread input.dsq-trackback-url
{
	color: #BBBBBB;
	border: 1px solid #333333;
	width: 100%;
}