@charset "utf-8";
/*  
Theme Name: Projector Default
Theme URI: http://www.yourprojector.com/
Description: Wordpress theme for the use of Projector Brand Communications
Version: 1.0
Author: Jon Park | Unionroom
Author URI: http://www.unionroom.com/
*/

/* === Tags & Global Elements === */
* { margin: 0px; padding: 0px; }
html { font-size: 100%; }
body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background: #FFF url(../img/bgBody.gif) repeat-x top;
}

a { color: #F57921; }
a:hover { text-decoration: none; }
a.external {}
a#unionroom {  }
a#unionroom:hover {  }

abbr, acronym { cursor: help; }

p { padding: 0 0 10px 0; font-size: 1.2em; line-height: 1.4em; color: #333; }

/* === IDs & Classes === */
.external {}

/* === Structure Elements === */
#wrapper { width: 960px; margin: 0 auto; }
	#hdr { width: 400px; float: right; }
	#body { width: 960px; padding: 0 0 20px 0; }
		#sidebar { width: 300px; float: left; }
		#content { width: 600px; margin: 0px 0 0 40px; float: left; }
	#ftr { margin: 20px 0 0 10px; padding: 7px 10px; background: #F58110 url(img/ftrGrad.gif) repeat-y top left; clear: both; }
	
/* === Content Elements === */
#sidebar ul { margin: 20px 10px; list-style: none; }
#sidebar ul a { font: 1.4em Georgia, "Times New Roman", Times, serif; text-decoration: none; }
#sidebar ul a:hover { text-decoration: underline; }

a#workFlash { width: 160px; height: 160px; margin: 0 auto; background-image: url(img/flash.png); }
a#workFlash:hover { text-decoration: none; }

ul#metaList a { color: #F46F27; }
ul#categoryList a { color: #F57F26; }
ul#monthlyList a { color: #F58316; }

#sidebar p { padding: 0 0 10px 10px; font: 1.4em Georgia, "Times New Roman", Times, serif; color: #F25823; }

div.post {}
div.entryInner { padding: 10px; }
div.entryInner p a img { border: none!important; }

.post p.author { padding: 0 0 20px 0; font: 1.2em Georgia, "Times New Roman", Times, serif; color: #4A4A4A; }
.post p.postmetadata { margin: 10px 0; padding: 10px 0; border-top: 1px solid #F57921; }

ol.commentlist { margin: 10px; }
ol.commentlist li { margin: 10px; padding: 10px; font-size: 1.2em; }
ol.commentlist li.alt { background-color: #FEF8F4; }
ol.commentlist li p { font-size: 1.0em; }
ol.commentlist li p.commentmetadata { font-size: 0.9em; padding: 2px 0 4px 0; }

#commentForm { margin: 20px auto 10px auto; padding: 15px; border: 1px dotted #F57921; border-width: 1px 0; }
#commentForm label { font-family: Georgia, "Times New Roman", Times, serif; color: #F57921; }
#commentForm .text { background: #FEF8F4; border: 1px solid #FABC90; font: 1.1em Georgia, "Times New Roman", Times, serif; color: #333; }
#commentForm .text:hover { background: #FFF; }
#commentForm input.text { padding: 2px 3px; }
#commentForm code { font-size: 1.2em; }
#commentForm textarea { width: 90%; padding: 5px; }
#commentForm #submit { padding: 5px; border: 1px solid #F25823; background-color: #F57921; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; cursor: pointer; }

#ftr p { padding: 0; font-size: 1.1em; color: #FFF; }
#ftr a { color: #FFF; }

/* === Titles & Headers === */
h1#siteTitle { width: 158px; height: 55px; margin: 20px 0; background-image: url(img/h1SiteTitle.gif); float: right; }
h1#siteTitle a { width: 158px; height: 55px; }
#sidebar h2 { 
	width: 300px; 
	height: 130px; 
	
	margin: 20px 0 10px 0; 
	
	font: 13.0em Georgia, "Times New Roman", Times, serif; 
	color: #F57921; 
	
	background-image: url(img/h2Blog.png);
}

.post h3 { margin: 10px 0; padding: 10px 0; font-size: 1.6em; font-weight: normal; border: 1px solid #F57921; border-width: 1px 0; }
.post h3 a { text-decoration: none; }
.post h3 a:hover { text-decoration: underline; }

h3#comments { padding: 10px 0 15px 0; font: 1.4em Georgia, "Times New Roman", Times, serif; color: #F57921; }

#commentForm h4 { padding: 0 0 15px 0; font: 1.4em Georgia, "Times New Roman", Times, serif; color: #F57921; }

/* === Important Stuff === */
.imgReplace { background-position: top; background-repeat: no-repeat; display: block; }
.imgReplace span { width: 0px; height: 0px; overflow: hidden; display: block; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */