/*
Theme Name: Teatro Pilipinas
Theme URI: http://teatropilipinas.org/
Description: The default template for the Teatro Pilipinas Portal
Version: 1.0
Author: Camilla Tabagan
Author URI: http://code-jutsu.com/
*/
/* 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.4;
	font-family: 'Avante Garde', Helvetica, 'Century Gothic', Arial, sans-serif;
}
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: "" "";
}

/* START */

html {@import 'categories.css';}

body { text-align: center; }
#wrapper {
	width: 990px;
	margin: 0px auto;
}
#header {

}
#topContent {
    clear: both;
}
ul#navigation {
    width: 200px;
    float: left;
}
#feature {
	width: 775px;
	float: left;
	margin-left: 15px;
}
#mainContent {
	clear: both;
	width: 775px;
	float: right;
	margin-top: 15px;
}
#content {
	clear: both;
	width: 775px;
	float: right;
}
#sidebar {
    width: 200px;
    float: right;
	margin-top: 15px;
    margin-right: 15px;
}
#footer {
	clear: both;
}
.clear { clear: both; height: 0; }

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.aligncenter {
    margin: 0 auto;
}
strong { font-weight: bold; }
em { font-style: italic; }
/* HEADER ---------------------------------------------------------- */
#header {
	font: 11px Arial, sans-serif;
	text-transform: uppercase;
        margin: 15px 0 15px 0;
}
#header h1 {
	width: 450px;
	height: 188px;
	float: left;
}
#header h1 a {
	display: block;
	width: 510px;
	height: 188px;
	text-indent: -9999em;
	background: url(images/tp_logo.png) no-repeat -1px 0;
}
#header p {
	display: none;
}
#header div#user {
  width: 460px;
  float: right;
	text-align: right;
  font-size: 80%;	
  margin-top: 10px;
}
#header ul li {
	display: inline;

}
#header ul li a {
	text-decoration: none;
	text-transform: uppercase;
}
#header ul li a:hover {
}
#header ul#feeds li a {
	padding: 3px;
}
#header ul#feeds li a:hover {
}
#header form {
	text-align: right;
	padding: 5px 0;
}
#header form label {
	display: none;
}
#header form input {
        padding: 2px;
}
#header form button {
	padding: 2px;
}
/* TOP CONTENT ----------------------------------------------------- */

/* ----------------- NAVIGATION ------------------------------------ */
ul#navigation {
	text-align: left;
	font-size: 95%;
}
ul#navigation li a {
	display: block;
	padding: 3px 10px 1px 10px;
	margin: 0 0 3px 0;
	text-decoration: none;
}
ul#navigation li a:hover {
}
#sidebar ul#navigation {
	margin-bottom: 15px;
}
/* ----------------- FEATURE --------------------------------------- */
#feature .blurb {
	display: block;
	height: 60px;
	text-align: left;
	padding: 10px 15px;
	position: relative;
	top: -70px;
	margin-bottom: -70px;
}
#feature h2 {
	font-size: 180%;
	font-weight: lighter !important;
}
#feature h2 a {
	color: #ffffff;


	text-decoration: none;
}
#feature p {
  font-size: 90%;
}
/* MAIN CONTENT ---------------------------------------------------- */
#mainContent {
	text-align: left;
}
#mainContent .frontBox {
	width: 380px;
	float: left;
}
#mainContent .margin {
	margin-left: 15px;
}
#mainContent h3 {
	font-size: 95%;
	margin-bottom: 10px;
	padding-bottom: 5px;
	clear: both;
}
#mainContent dl dt {
	font-size: 120%;
}
#mainContent dl dt a {
	text-decoration: none;
}
#mainContent dl dt a:hover {
	color: #66cbff;
}
#mainContent dl dd {
	font-size: 80%;
	margin-bottom: 15px;
}
#mainContent ul#gallery li {
	display: inline;
	padding: 0 3px;
}
#mainContent ul#gallery li img {
	width: 100px;
	height: 100px;
}
#mainContent img.video {
	width: 380px;
}
#mainContent p {
	font-size: 80%;
}
/* CONTENT --------------------------------------------------------- */
#content {
	text-align: left;
}
#content h2 {
	font-size: 180%;
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#content .post {
	margin-top: 15px;
}
#content .post h3 {
	font-size: 130%;
        margin-top: 15px;
}
#content .post h3 a {
	text-decoration: none;	
}
#content .post h3 a:hover {
}
#content .post h4 {
	font-weight: bold;
	margin: 30px 0 15px 0;
}
#content .post small {
	font-size: 85%;
	padding-bottom: 10px;
}
#content .post p {
	margin-bottom: 10px;
}
#content .post img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

#content .post img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
#content a {
}
#content blockquote {
       margin: 15px;
}	
#content cite { font-size: 80%; }

#content ul, #content ol { margin: 0 15px 15px 15px; }
#content ul { list-style-type: disc;  }
#content dl { margin: 0 0 15px 0; }
#content dt, #content dd { text-transform: capitalize; }
#content dd {margin-left: 15px; }
#content strong { font-weight: bold; }
#content em { font-style: italic; }

#content table.directory { margin: 0 15px 15px 15px; }
#content table.directory caption { font-size: 120%; }
#content table.directory th { font-size: 100%; font-weight: bold; text-transform: uppercase; width: 30%; }
#content table.directory th, #content table.directory td { padding: 5px; text-align: left; vertical-align: top; }


/* COMMENTS -------------------------------------------------------- */
h3#comments, h3#respond { margin-top: 30px; font-weight: bold; }
ol.commentlist, form#commentform { font-size: 12px; }
/* SIDEBAR --------------------------------------------------------- */
#sidebar {
	text-align: left;
}
#sidebar h4 {
	font-size: 95%;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
#sidebar dl dt {
	font-size: 85%;
	color: #0097de;
}
#sidebar dl dd {
	font-size: 80%;
	margin-bottom: 10px;
	color: #a3b1b1
}
#sidebar p {
	font-size: 80%;
}
/* FOOTER ---------------------------------------------------------- */
#footer {
	text-align: left;
	padding: 15px 0;
	font-size: 50%;
}
#footer p.credit { float: left; }
#footer p.logos { text-align: right; float: right;}
#footer p.logos img { height: 35px; }

#beta { position: absolute; top:0px; left:0; width: 100px; height: 100px; overflow:visible; margin:0; z-index:50000000 }