/*  
Theme Name: <form> function() & class 2009 website
Theme URI: http://formfunctionclass.com/
Description: <form> function() & class 2009 website
Version: 1.0
Author: Sophia Lucero
Author URI: http://stellify.net/
*/

* { font-size: 100%; }
html { font-size: 62.5%; }
body { background: #fff; color: #444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 1.8em; }

/* type */
p, ul, ol, blockquote { margin: 0 0 1.6em; }
#menu, #main .secondary ul, #main .secondary ol, #footer ul, #footer ol { list-style: none; }
	#main .primary ul, #main .primary ol { margin: 0 0 1.6em 1.6em; font-size: 0.95em; }
		#main .primary ul ul, #main .primary ul ol, #main .primary ol ol, #main .primary ol ul { margin-bottom: 0; }
h1, h2, h3, h4, h5, h6, #main h2 a { font-weight: normal; }
h2 { font-size: 2em; line-height: 1.1em; margin: 0 0 0.5em; color: #db8700; }
h3 { font-size: 1.6em; line-height: 1.1em; margin: 1em 0 0.5em; font-weight: normal; }
#main .post .meta { font-size: 0.85em; }
#main a { font-weight: bold; }

/* links */
a, #main h2 a { text-decoration: none; color: #222; }
#main a, #main h2 a:hover { border-bottom: 1px solid #db8700;  }
#main h2 a, #main a:hover, #menu li a em, #footer a { color: #db8700; }
#main h2 a { padding: 0 0 0.5em; margin: 0 0 0.5em; display: block; }
#main h2 a, #main #updates .secondary a { border-color: #ffea96; }

#header, #menu, #main, #footer, #sponsors { width: 960px; margin: 0 auto; }
#header { margin: 40px auto; }
#footer { padding: 0 0 80px; }
#main, #sponsors { margin: 0 auto 40px; }

/*#header h1, #header h1 a {
	text-indent: -9999px;
	width: 960px;
	height: 100px;
	display: block;
}
	#header h1 a {
		background: url(/web/20110208050301im_/http://formfunctionclass.com/wp-content/themes/formfunctionclass09/images/ffc-philippine-web-design-conference-2010.png) no-repeat;
	}*/

#menu li {
	width: 320px;
	height: 180px;
	float: left;
}
	#menu li a {
		display: block;
		height: 160px;
		color: #333;
		font-size: 1.1em;
	}
		#menu li a em {
			font-size: 2.6em;
			display: block;
			padding: 0 0 0.5em;
		}
	#menu li a, #event, #mini, #updates {
		padding: 20px;
	}
	#menu li a.selected, #main {
		/* background: #ffffdd; */
		background: #f3f3f3;
	}
		/* border stuff */
		#menu li a.selected, #main { border: 1px solid #ddd; }
		#menu li a.selected { border-width: 1px 1px 0; }
		#main { border-width: 0 1px 1px; }
		#menu li a { border-bottom: 1px solid #aaa; padding-bottom: 0; height: 159px; }
		#menu li a:hover { border-color: #ddd; }
	#menu li a.selected, #menucontent .selected, #menu li a:hover {
		-moz-opacity:1; filter:alpha(opacity=100); opacity:1;
	}
	#menu li a {
		-moz-opacity:.40; filter:alpha(opacity=40); opacity:.40;
	}
	
	
#main .primary {
	width: 600px;
	float: left;
}
#main .secondary {
	width: 280px;
	float: right;
}

#main #reserve {
	text-align: center;
	background: #db8700;
	display: block;
	font-weight: bold;
	font-style: italic;
	color: #fff;
	border: 0;
	font-size: 1.2em;
	line-height: 1.3;
}
#main #reserve:hover {
	background: #orange;
}

#main .post {
	margin: 0 0 4em;
}
	#main .post h2 {
		margin: 0;
	}
		#main .post h2 a {
			display: block;
		}
	#main .post .meta {
		margin: 0 0 2em;
	}
	#main .post .entry-content ul, #main .post .entry-content ol {
		margin: 1.6em 2em;
	}
	
#sponsors { text-align: center; }
#sponsors a img { vertical-align: middle; margin: 10px; }

#menu, #main, #menucontent, #event, #mini, #updates, #footer { overflow: hidden; clear: both; height: 1%; }

#footer { text-align: center; }
	#footer img { vertical-align: middle; }

#form input, #form select, #form textarea{
	display: block;
	width: 99%;
	margin: 2px 0 5px;
}
form input {
	margin: 0 0 30px;
}


/* widgets */
#sidebar .textwidget, #flickrrss, #twitter-friends, #tweet-blender { margin: 0 0 1.6em; }
#flickrrss { overflow: hidden; }
#flickrrss a, #twitter-friends a, #tweetblender .tb_photo, #tweetblender .tb_photo img, #tweetblender .tb_tweetinfo a { border: none; }
#flickrrss a img { display: inline; float: left; margin: 0 10px 10px 0; }
#tweet-blender { font-size: 0.85em; }
#tweetblender .tb_tweetinfo a { font-weight: normal; color: #777; }
#main .primary .entry-content #tweetlist { margin-left: 0; }
#tweetlist li { padding: 10px 0; border-top: 1px solid #ccc; }
	#twitterlogo, #infolink { display: none; }

.alignright { float: right; margin: 10px 0 10px 10px; }
.alignleft { float: left; margin: 10px 10px 10px 0; }
.aligncenter { display: block; }
/*
     FILE ARCHIVED ON 05:03:01 Feb 08, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:48:37 Mar 14, 2018.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/