/*   
Theme Name: O Red
Theme URI: the-theme's-homepage
Description: O Red Productions website
Author: Owen Corso
Author URI: www.ored.net

Version: 1.0

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

  HTML5 ✰ Boilerplate 
  
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */


/* fonts.css from the YUI Library: developer.yahoo.com/yui/
   Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages

  There are three custom edits:
   * remove arial, helvetica from explicit font stack
   * we normalize monospace styles ourselves
   * table font-size is reset in the HTML5 reset above so there is no need to repeat
*/
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 

/* 
 * minimal base styles 
 */


body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #444; 
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }

 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color:#B32E25; }
a:hover { color: #036; }


ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 15px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
 
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
 
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }



/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 

.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }






 /* @Primary Styles
    Author: Owen Corso
 */
/* @ADMIN STYLES */
.wp-admin{ background-color: #F7F6F1}
.wp-admin a:link, .wp-admin a:visited{ color: #999;}
#editorcontainer #content {
	background: white;
}
/* ********************************************************************* */
							/* UTILITY  */
/* ********************************************************************* */
@font-face {
    font-family: 'JournalRegular';
    src: url('fonts/journal-webfont.eot');
    src: url('fonts/journal-webfont.eot?#iefix') format('eot'),
         url('fonts/journal-webfont.woff') format('woff'),
         url('fonts/journal-webfont.ttf') format('truetype'),
         url('fonts/journal-webfont.svg#webfontGhV9TBys') format('svg');
    font-weight: normal;
    font-style: normal;

}


.left{ float:left;}
.right{	float:right;}
.clear-left { clear: left;}
.hide{	display:none;}
.hide-outline{outline:none;}
.italic{font-style:italic;}
.underlined{text-decoration:underline;}
.bold{font-weight:bold;}

a, a:link, #content_inner h2 a{
	color:#b32e25;
	text-decoration: none;
}

a:hover {
	color:#6a0000;
	text-decoration: none;
}

h1 {
	font-family: 'JournalRegular', Arial, sans-serif;
	font-weight: bold;
	font-size:360%;
	padding-top: .1em;
	padding-bottom: 0;
}


h2 {
	font-family: 'JournalRegular', Arial, sans-serif;
	font-weight: bold;
	font-size:197%;
}

h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}


h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
}

h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}

h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:10px;
}

p, #content li {
	font-family: 'JournalRegular', Arial, sans-serif;
	font-size: 174%;
	margin-bottom:1em;
	color: #666;
}

a img {
	border: none;
}

h3 a:link, h3 a:hover, h3 a:visited{
	color:#b32e25;
	text-decoration:none;
}

#content li{
	color: #666;
	list-style-type:circle;
	margin-left: 12px;
}

/* ********************************************************************* */
							/* @GLOBAL  */
/* ********************************************************************* */
html{
	background-image: url('img/bg_grad.jpg');
	background-repeat: repeat-x; 
	background-color: #990000;
	height: 100%;
}

#container{
	width:731px;
	height: 100%;
	margin: 0px auto;

}

#content {
	background-image: url('img/bg_middle.png');
	
}
#content_inner{
	background-image: url('img/touts/bg_touts.jpg');
	background-repeat: repeat-y;
	
	position:relative;
	margin: 0px 9px;
	padding: 20px 23px 20px 22px;
}

body.home #content #content_inner, body.page-template-page-work-php #content #content_inner{
	background-image: none;
	width:713px;  
	padding: 0px 9px 0px 9px;
	margin: 0px;
}


#content_bottom{
	background-image: url('img/bg_footer.png');
	background-repeat: no-repeat;
	height:31px;
} 

	/* @NAV STYLES */
nav {
	height: 43px; 
	background-image: url('img/nav.png');
	background-repeat: no-repeat;
}
nav ul{
	padding: 12px 0px 0px 48px;       
	float: left;
	
}
nav ul li{
	display:inline;
	margin-right:45px;
	text-transform:uppercase;
	font-size: 100%;
}
nav ul li a:visited, nav ul li a:link{
	color:#ccc;
}
nav ul li a:hover{
	color:#fff;
}
#login_link a{
	float:right; 
	padding-right: 20px; 
	padding-top: 12px; 
	color:#ccc;
}
#login_link a:hover{
	color:#fff;
}
/* ********************************************************************* */
							/* FLASH STYLES */
/* ********************************************************************* */
#flash_container{
	background-image: url('img/no-flash/intro.jpg');
	width:713px;
	height:370px;
}
#flash_work{
	width:713px;
	height:525px;
	margin-top:-20px;
	margin-left:-22px;
}
#mv{
	background: url(img/no-flash/video.png);
	width:500px;
	height: 375px;
}
#contact_cube{
}
#cc{
	margin-top:-4;
	float: none;
	margin-left: 30px;
}
/* ********************************************************************* */
							/* HOMEPAGE  */
/* ********************************************************************* */
#touts{
	background-image: url('img/touts/bg_touts.jpg');
	background-repeat: repeat-y;
	height:147px;
	
}
.tout{
	background-image: url('img/touts/bg_tout.png');
	background-repeat: no-repeat;      
	width: 203px;
	height: 124px;
	margin: 9px 8px 0px 10px;  
	padding: 8px;
	float: left; 
	display: inline;
	position: relative;
}
#touts .tout p{
	font-size:77%;
	margin-bottom:10px;
}
#touts .tout img{
	float:left;
	margin-bottom: 4px;
	margin-right:5px;
}
#touts .tout a{
	color: #f00;
	text-decoration:underline;
	position: absolute;
	bottom:8px;
	right:8px;
}
/* ********************************************************************* */
							/* ABOUT  */
/* ********************************************************************* */
.entrytext p{
	margin-top:25px;	
}	
.entrytext ul{
	list-style-type:disc;
	margin-top:18px;
	margin-left: 18px;	
}
.revealer{
	cursor: pointer;
	
}
	/* FOOTER */
footer { margin-top: -13px; }
footer p, footer ul{
	font-size:77%;
	padding: 5px 0px 0px 15px; 
}
footer ul li{
	display:inline;
	padding: 0px 2px	
}
footer a:visited, footer a:link, footer { color: #FFF; }
footer a:hover{
		text-decoration: underline;
}

/* ********************************************************************* */
							/* BLOG  */
/* ********************************************************************* */
#main{

	width: 500px;
}
.post-date {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	height:60px;
	width:60px;
	padding-top:1px;
	background: url(img/date-bg.png) no-repeat;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-family: Verdana;
	font-size:123.1%;
	line-height:146.5%;
}
.item {
	text-align:left;
	padding:20px 45px 20px 10px;
}

.item ul {
	list-style-type: disc;
	padding-left: 15px;
	margin-left: 10px;
	font-size: 80%;
}

.item ol{
	list-style-type: decimal;
	padding-left: 15px;
	margin-left: 10px;
	font-size: 80%;
}

.itemmsg {
	padding-left:80px;
	padding-top:8px;
	font-size:9px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
}

.itemmsg a {
	color:#666666;
	text-decoration:none;
}

.itemhead{
	padding-top: 5px;
	padding-bottom: 5px;
}

.itemhead h1{
	display: inline;
	color:#b32e25;
}

.storycontent p {
	padding:10px 10px;
}
/* Begin Sidebar */
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar p, #sidebar input, #sidebar a{ font-size:100%;}
#sidebar
{
	float:left;
	padding: 10px 0 10px 0;
	/* margin-left: 520px; */
	width: 150px;
	font-size: 62%;
	}

#sidebar form {
	margin: 0;
	}
#sidebar h2{
	font-size: 77%;
}	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Sidebar */

/* ********************************************************************* */
							/* MUSIC  */
/* ********************************************************************* */
#gear_list{
	border: gray;
}
#gear_list pre{
	font-size: 85%;
}


/* ********************************************************************* */
							/* END PRIMARY */
/* ********************************************************************* */

/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override. 
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust 
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}