/**************************************
MAIN LAYOUT
**************************************/
*						{
						margin: 0;
						padding: 0;
						}
html					{
						background: #2e2e2e;
						font: normal 62.5% Tahoma, Verdana, Arial, sans-serif;
						color: #333;
						}
.post, .paging, .work, .admin_stuff, .comments, #search_results, #footer_content, #contact_form, #flash, #about
						{
						width: 76em;
						margin: 0 auto;
						}
#header 			{
						height: 105px;
						position: absolute;
						width: 76em;
						left: 50%;
						margin-left: -38em;
						background: transparent url(../images/black_pillow.png) no-repeat -6px 6px;
						}
#content			{
						background: #fff url(../images/header.jpg) repeat-x center top;
						padding-top: 150px;
						min-height: 220px;
						}
#footer 				{
						padding-top: 40px;
						background: transparent url(../images/footer.jpg) repeat-x center top;
						}
.paging.first		{
						margin-bottom: 1em;
						}
.paging.second	{
						clear: both;
						}
.disabled #header, .disabled #content, .disabled #footer
						{
						opacity: 0.5;
						}
/**************************************
HEADER
**************************************/
h1					{
						color: #fff;
						font-weight: normal;
						margin-top: 20px;
						margin-left: 50px;
						float: left;
						font-size: 4.5em;
						}
h2					{
						color: #00c6ff;
						font-weight: normal;
						text-transform: uppercase;
						float: left;
						clear: left;
						margin-left: 65px;
						}
/* These are standard sIFR styles... do not modify */
.sIFR-flash 			{
						visibility: visible !important;
						margin: 0;
						}
.sIFR-replaced 	{
						visibility: visible !important;
						}
span.sIFR-alternate
						{
						position: absolute;
						left: 0;
						top: 0;
						width: 0;
						height: 0;
						display: block;
						overflow: hidden;
						}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]
						{
						display: none !important;
						}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1{
						visibility: hidden;
						font-size: 45px;
						}
.sIFR-hasFlash h2{
						visibility: hidden;
						font-size: 16px;
						margin-top: -10px;
						}
/**************************************
NAV
**************************************/
#nav					{
						float: right;
						font-size: 1.2em;
						line-height: 1.45;
						list-style: none;
						margin-top: -35px;
						}
#nav	li				{
						float: left;
						padding-right: 32px;
						background: transparent url(../images/nav.png) no-repeat left bottom;
						text-transform: uppercase;
						height: 45px;
						line-height: 70px;
						}
#nav li a			{
						color: #fff;
						text-decoration: none;
						padding-left: 32px;
						}
#nav li:hover, #nav li.active
						{
						background-image: url(../images/nav_active.png);
						}
#nav li:hover a, #nav li.active a
						{
						color: #ffd200;
						}
/**************************************
PAGING
**************************************/
.paging ul			{
						list-style: none;
						text-align: right;
						}
.paging li			{
						display: inline;
						color: #b9b9b9;
						font-size: 1.2em;
						}
.paging li:before	{
						content: "/";
						margin: 0 0.5em;
						color: #b9b9b9;
						}
.paging li:first-child:before
						{
						content: "";
						}
.paging li a			{
						color: #b9b9b9 !important;
						text-decoration: none;
						}
.paging li a:hover, .paging li.active
						{
						color: #333;
						}
/**************************************
POSTS & WORK
**************************************/
img					{
						border: 0;
						}
.post, .work		{
						margin-bottom: 4em;
						border-bottom: 1px solid #fff;
						}
.post:last-child, .work:last-child
						{
						margin-bottom: 0;
						}
#work_details+.work, .post.last, .work.last, #about .last
						{
						margin-bottom: 0;
						}
.work					{
						position: relative;
						width: 52em;
						left: -12em;
						}
#content p			{
						font-size: 1.2em;
						margin-bottom: 1em;
						text-align: justify;
						line-height: 1.6;
						}
.post p, .post h3	{
						width: 70%;
						float: right;
						}
.work p, .work h3, .work dl
						{
						width: 65%;
						float: right;
						}
#content a			{
						color: #000;
						}
#content a:visited
						{
						color: #666;
						}
#content a:hover{
						text-decoration: none;
						}
.post ul, .work ul	{
						margin-bottom: 1em;
						width: 68%;
						font-size: 1.2em;
						float: right;
						line-height: 1.6;
						list-style-position: inside;
						}
.no_image ul		{
						width: 97%;
						}
.work .showing_percent, #search_results .showing_percent
						{
						color: #aaa;
						}
.work .work_links	{
						clear: both;
						font-size: 1.2em;
						margin-left: 35%;
						}
.work .work_links .work_read_more
						{
						float: left;
						}
.work .work_links .work_view_project
						{
						float: right;
						}
.post img, .work img
						{
						float: left;
						padding: 1px;
						border: 1px solid #e1e4e5;
						width: 25%;
						background: #fff;
						}
.work img			{
						width: 32%
						}
.no_image p, .no_image h3, .no_image dl
						{
						width: 100%;
						}
.post p img, .work p img, .post ul img, .work ul img, #content h3 a img
						{
						float: none;
						padding: 0;
						border: 0;
						width: auto;
						}
h3					{
						font-size: 1.4em;
						color: #00aeff;
						text-transform: uppercase;
						}
.post h3 a, .work h3 a
						{
						color: #00aeff !important;
						text-decoration: none;
						}
.post h3 a:hover, .work h3 a:hover
						{
						text-decoration: underline !important;
						}
h3 .date, .work dl
						{
						color: #aaa;
						font-size: 0.8em;
						}
h3 .date:before	{
						content: "/ ";
						}
.work dl				{
						margin-bottom: 2em;
						font-size: 1.2em;
						float: right;
						}
.work dt, .work dd
						{
						float: left;
						margin-right: 0.5em;
						}
.work dt:after		{
						content: ":";
						}
.work dd:after		{
						content: " |";
						}
.work dd:last-child:after
						{
						content: "";
						}
.clear					{
						clear: both;
						}
/**************************************
WORK_FILTER & WORK DETAILS
**************************************/
#work_filter, #work_details
						{
						position: absolute;
						width: 18em;
						right: 50%;
						margin-right: -36em;
						padding: 1em;
						background: #fff;
						border: 1px solid #d7d7d7;
						}
#work_filter p		{
						margin: 0;
						}
#work_filter h4, #work_details h4
						{
						color: #1975a4;
						text-transform: none;
						font-weight: normal;
						margin-bottom: 0.5em;
						font-size: 1.4em;
						}
#work_filter ul, #work_details ul
						{
						list-style: none;
						margin-top: 0.5em;
						}
#work_details ul	{
						margin-bottom: 1em;
						font-size: 1.2em;
						}
#work_filter label{
						margin-left: 0.5em;
						}
#work_filter input[type="submit"]
						{
						margin-top: 0.5em;
						padding: 0 0.5em;
						}
.work_filter_from_js ul
						{
						margin-left: -15px;
						}
.work_filter_from_js li
						{
						height: 55px;
						width: 54px;
						float: left;
						margin: 0 5px;
						}
.work_filter_from_js li:hover
						{
						cursor: pointer;
						}
#work_filter_description
						{
						clear: both;
						height: 1.2em;
						margin-left: 5px;
						color: #aeb0b1;
						}
#work_details	img
						{
						padding: 0.2em;
						border: 1px solid #e1e4e5;
						}
#floating_work_image_container
						{
						position: absolute;
						top: 50px;
						width: 700px;
						height: auto;
						cursor: move;
						background: #333;
						padding: 3em;
						border: 3px solid #ccc;
						}
#floating_work_image_container h4
						{
						font-size: 1.4em;
						color: #ccc;
						margin-left: 0.5em;
						text-transform: uppercase;
						float: left;
						}
#work_images_close_button
						{
						cursor: pointer;
						background: transparent url(../images/go.png) no-repeat center center;
						color: #fff;
						display: block;
						width: 1.4em;
						height: 1.4em;
						text-align: center;
						font-weight: bold;
						float: right;
						}
#work_images_close_button:hover
						{
						color: #000;
						}
#floating_work_image_container img
						{
						cursor: pointer;
						clear: both;
						width: 700px;
						}
#work_images_previous, #work_images_next
						{
						cursor: pointer;
						font-size: 1.2em;
						color: #ccc;
						}
#work_images_previous:hover, #work_images_next:hover
						{
						text-decoration: underline;
						}
#work_images_previous
						{
						float: left;
						}
#work_images_next
						{
						float: right;
						}
#work_images_previous:before
						{
						content: "<< ";
						}
#work_images_next:after
						{
						content: " >>";
						}
/**************************************
ABOUT
**************************************/
#about #me		{
						float: right;
						padding: 0 0.2em;
						border: 1px solid #e1e4e5;
						}
/**************************************
COMMON FORM LAYOUTS
**************************************/
fieldset				{
						border: 0;
						}
input, label, textarea, select
						{
						font: normal 1.2em Tahoma, Verdana, Arial, sans-serif;
						}
/**************************************
FOOTER
**************************************/
#footer_content div
						{
						float: left;
						padding-left: 15px;
						padding-right: 13px;
						color: #575757;
						font-size: 1.2em;
						background: transparent url(../images/footer_separator.jpg) no-repeat left top;
						min-height: 55px;
						margin-bottom: 5em;
						}
#footer_content div:first-child
						{
						background-image: none;
						}
h4					{
						color: #7d7d7d;
						font-weight: normal;
						line-height: 1.5;
						}
#footer_content .admin_section
						{
						margin-top: 1em;
						text-align: right;
						}
#search input, #search label
						{
						font-size: 1em;
						}
#search	input		{
						border: 1px solid #2e2e2e;
						}
#search	.submit_button
						{
						background: transparent url(../images/go.png) no-repeat center center;
						color: #fff;
						border: 1px solid #2e2e2e;
						padding: 1px;
						cursor: pointer;
						}
#syndication ul, #sitemap ul, #archive ul
						{
						list-style: none;
						}
#copyright			{
						margin-top: 3px;
						}
#syndication		{
						margin-top: 1px;
						}
#syndication li		{
						height: 18px;
						padding: 2px 30px 2px 0;
						}
#syndication #rss, #syndication #atom
						{
						background: transparent url(../images/rss.png) no-repeat right top;
						}
#footer_content a
						{
						color: #575757;
						line-height: 1.5;
						text-decoration: none;
						}
#footer_content a:hover
						{
						text-decoration: underline;
						}
#archive .home	{
						margin-top: 1em;
						}
/**************************************
CONTACT FORM & ADMIN STUFF
**************************************/
#contact_form h3
						{
						margin-bottom: 1em;
						}
#contact_form label, .admin_stuff label
						{
						float: left;
						display: block;
						}
#contact_form input, #contact_form textarea, .admin_stuff input, .admin_stuff textarea
						{
						margin-left: 10em;
						display: block;
						width: 30em;
						border: 1px solid #797979;
						padding: 0 0.5em;
						}
#contact_form .submit_button, .admin_stuff .submit_button
						{
						width: auto;
						margin: 0;
						margin-right: 0.5em;
						display: inline;
						}
hr						{
						width: 60em;
						margin: 1em auto;
						border: 0;
						background: none;
						border-top: 1px solid #aaa;
						height: 0;
						}
/**************************************
FLASH MESSAGES & ERRORS
**************************************/
#flash				{
						font-size: 1em !important;
						border: 5px solid #f00;
						padding: 0.5em;
						margin-bottom: 1em;
						}
#flash span		{
						color: #f00;
						font-size: 1.4em;
						}
#errorExplanation{
						border: 5px solid #f00;
						padding: 0.5em;
						margin-bottom: 1em;
						}
#errorExplanation h2
						{
						margin: 0; float: none;
						}
#errorExplanation ul
						{
						list-style-position: inside;
						font-size: 1.2em;
						}
/**************************************
ADMIN PAGES
**************************************/						
#admin_link_to_frontpage
						{
						width: 63em;
						margin: 5em auto;
						margin-bottom: 0;
						}
/**************************************
SEARCH RESULTS
**************************************/
#search_results	{
						border-bottom: 1px solid #fff;
						}
#search_results h4
						{
						font-size: 1.2em;
						}
h4 .type				{
						color: #aaa;
						font-size: 0.8em;
						}
h4 .type:before	{
						content: "[";
						}
h4 .type:after		{
						content: "]";
						}
#search_results .search_string
						{
						background: #0ff;
						}
#search_results form
						{
						margin-bottom: 1em;
						}
#search_results form #search_result_q
						{
						width: 57em;
						}
/**************************************
COMMENTS (not really for now)
**************************************/
.comments			{
						border: 1px solid #fff;
						}