@charset "utf-8";
/* Welcome the magical world of CSS. Some would tell you not to take this code, but Goo are a progressive, 
   forward thinking bunch and they won't do that. Also they know you're just going to do it anyway. 
   Sorry that its all really quite messy and stuff, but we know our way around the place, thats good enough for us :)
   All this stuff was made by Goo in the great year of 2008.
 */
 
/* YAHOO RESET ---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

/* HOLLY HACK ------------------------- */

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

/* YAHOO FONTS ---------------------------------------------------------- */

body {font:11px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
/* cheat sheet: [px,%] [10,77] [11,85] [12,92] [13,100] [14,107] [16,122] [18,136] [20,152] [24,182] [26,197] */
* { line-height: 1.3; }
/* THE GOOD STUFF */

html
{
height: 100%;  
margin: 0 0 1px;
}

body {
margin: 0 0 1px;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	height: 100%;
	font-size:12px;
	line-height:140%;
}

input {margin: 0;}

img {border: 0;}

table {font-size: 12px; }

input, textarea, select {font-size: 10px; }

a:visited {color:#888;}

strong {font-weight:bold;}

a {text-decoration:none; color:#B2B3B5;}
a:hover {background:#FF6600; color:#fff;}

h1 {font-size:6.2em; line-height:140%; letter-spacing:-0.05em; font-weight:bold; font-family:Arial, sans-serif;}
h2 {font-size:3.2em; line-height:140%; letter-spacing:-0.05em; font-weight:bold; font-family:Arial, sans-serif;}
h3 {font-size:4.2em; line-height:140%; letter-spacing:-0.05em; font-weight:bold; font-family:Arial, sans-serif;}
h4 {font-size:1.2em; line-height:140%; letter-spacing:-0.05em; font-weight:bold; font-family:Arial, sans-serif;}
h5 {font-weight:bold; font-size:2.2em; line-height:80%; letter-spacing:-0.05em; margin:10px 0 0; color:#fff; padding:5px; background:#e51837;}
h6 {font-weight:bold; font-size:2.2em; line-height:80%; letter-spacing:-0.05em; margin:10px 0 0; }

p { margin: 0 0 10px; padding: 0; line-height:1.7em; }

ol { margin: 0 0 10px; padding: 0; line-height:1.7em; list-style:disc inside; }
ul { margin: 0 0 10px; padding: 0; line-height:1.7em; list-style:disc inside; }

li { margin: 0 0 5px; padding: 0; line-height:1.7em; }


/*-----------PAGE CONTAINER--------*/
body { margin-top: 0; color:#000; position: relative; text-align:center; font-family:Helvetica,Arial,"Liberation Sans","Bitstream Vera Sans",sans-serif; background:#fff;}

#root {display: block; visibility: visible; width: 100%; padding:0;}

#header-root {display: block; visibility: visible; background:#fff; width: 100%; padding:0;}
#header-root-small {display: block; visibility: visible; background:#fff; height:90px; width: 100%; padding:0;}

.container {width:1000px; margin: 0 auto; position: relative; text-align:left;}

/*-------PAGE HEADER--------*/
#header {width: 1000px; height:70px; margin-top:17px; background:url(/img/inputout.gif) left center no-repeat; padding: 0; text-align:left; }
	#header a:hover { background:none;}

#header-nav {padding:118px 0px 0 0; color:#999; font-size:16px;}
#header-nav a {text-decoration:none; color:#FFFFFF; font-weight:bold;}

#nav {background:#363642; font-size:11px; height:28px; margin:0px 0 0px; padding-left:0px; list-style:none;}	
	#nav li {float:left; position:relative; height:28px; margin:0; list-style:none; }
		#nav a {color:#a3aaab; display:block; font-family:helvetica,arial,sans-serif; font-weight:normal; padding:7px 10px 8px; }
		#nav a:hover {background:#FF6600; color:#fff; }
		
  #nav li ul {left:0px; position:absolute; z-index:15; top:28px; visibility:hidden; width:100%; background:#222; border-top:none; }
	#nav li ul li {float:none; }
	#nav li ul li a { padding:7px 10px 8px;}
  /* make the second level visible when hover on first level list OR link */
  ul#nav li:hover ul, ul#nav a:hover ul{visibility:visible; }
  
  /* keep the third level hidden when you hover on first level list OR link */
  ul#nav :hover ul ul{visibility:hidden;}
  
  /* make the third level visible when you hover over second level list OR link */
  ul#nav :hover ul :hover ul{ visibility:visible;}
  
  #nav li#nav-rss {float:right;}
  #nav-rss a {background:url(/img/rss.png) no-repeat 3px center; padding-left:26px;}
  #nav-rss a:hover {background:#FF6600 url(/img/rss.png) no-repeat 3px center; padding-left:26px;}

#contents {width:1000px; margin: 0px auto 0px; color:#000; }
#sub #contents {width:1000px; margin: 0px auto 30px; color:#000; }

p.date {margin-bottom:0; font-size:0.9em;}

.clearBoth {clear:both; height:0px; border: none; visibility: hidden;}

#footerholder {display: block; visibility: visible; width: 100%; padding: 20px 0 2em 0; font-size:11px;}

#footer { font-size:11px; color:#b2b3b5; position: relative; margin: 0px auto 0 auto; width:970px; background:#f9f9fc; border-top:1px solid #d1d1d6; border-bottom:1px solid #d1d1d6; padding:5px;
}

#footerleft{ text-align:left; float:left;}
	#footerleft a {color:#555;}

.flatpage-text {padding-left:260px; font-size:16px;}

.page-title-holder {width:1000px;}
.title-left {width:370px; float:left; margin-right:10px;}
.title-right {width:280px; float:left;}
	ul.blogpost-meta {border-top:1px solid #EDEDF3; color:#555555; font-size:12px; float:right; list-style-type:none; margin:10px 0 0 6px; max-width:230px; min-width:180px; text-align:center; }
	.blogpost-meta li {border-bottom:1px solid #EDEDF3; margin:0;}
.page-title {color:#a6a7a7; font-family:helvetica,arial,sans-serif; font-size:24px; font-weight:bold; margin-left:10px; margin-top:10px; }

.blogpost-tagblock {margin-left:10px; margin-bottom:25px; font-size:11px; color:#bcc0c1; background:#f9f9fc; border-top:1px solid #d1d1d6; border-bottom:1px solid #d1d1d6; padding:3px 5px;}
	.blogpost-tagblock a {color:#bcc0c1;}
	.blogpost-tagblock a:hover {color:#fff;}

.blogpost {width:660px; float:left; margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #d1d1d6; margin-bottom:10px;}
	.blogpost-detail {margin-top:20px;}
	.blogpost-content {margin-left:10px; margin-top:10px; font-size:12px; color:#555;}
	.blogpost-image {width:450px; float:left; text-align:center; margin-bottom:25px;}
	.blogpost-image img {max-width:450px;}
	.blogpost-comments {border-top:0px solid #ededf3;}
		.blogpost-comments h2 {border-top:1px solid #c9cad1; border-bottom:1px solid #c9cad1; letter-spacing:0; background:#f9fafd; font-weight:normal; padding:3px 5px; color:#f1621b; font-size:14px; margin-bottom:0px;}
		.blogpost-comments label {font-family:Tahoma,sans-serif; font-size:11px; font-weight:bold;}
		.blogpost-comments input[type='text'] {border:1px solid #CCCCCC; font-family:Tahoma,sans-serif; font-size:11px; font-weight:normal; margin-top:3px; padding:3px 5px; width:340px; }
		.blogpost-comments input[type='submit'] {font-family:Tahoma,sans-serif; font-size:11px; font-weight:bold; }
		.blogpost-comments textarea {border:1px solid #CCCCCC; font-family:Tahoma,sans-serif; font-size:11px; font-weight:normal; margin-top:3px; padding:3px 5px; width:340px; }
	.blogpost-comment {border-bottom:1px solid #eee; margin-bottom:10px;}
		
.project-splash {width:660px; float:left; position:relative; overflow:hidden; margin-bottom:10px;}
	.project-large-splash {width:650px; height:430px; background:#555; margin-top:20px; margin-left:10px;}
	.project-splash-caption {width:650px; background:#363642; color:#a6a7a7; margin-left:10px;}
	.project-splash-caption a {padding:5px 10px; font-size:11px; color:#a6a7a7; display:block; }
		.project-splash-caption a:hover {background:none;}
		.project-caption a:hover {background:none;}
	.project-image-rotator {width:650px; background:#fff; text-align:center; position:absolute; top:20px; margin-left:10px;}
		.project-image-rotator img {max-width:650px;}
		.project-image a:hover {background:none;}
	
.left-column {float:left; width:660px; margin-top:10px;}
.right-column {float:left; margin-left:20px; margin-top:20px; width:310px;}
	.column-header {border-top:1px solid #c9cad1; border-bottom:1px solid #c9cad1; background:#f9fafd; padding:3px 5px; color:#f1621b; font-size:14px; margin-bottom:5px;}
	.column-breaker {border-top:1px solid #c9cad1; margin-bottom:5px;}
	.column-block p {font-size:12px; line-height:1.4em; color:#555; padding:3px 5px;}
	.right-column-half-left {width:160px; float:left; margin-right:10px;}
	.right-column-half-right {width:140px; float:left;}
	
.blogpost-block {border-top:1px solid #EDEDF3; padding:0px;}
	.last-blogpost-block {border-bottom:1px solid #EDEDF3; margin-bottom:25px;}
	.first-blogpost-block {margin-top:-4px; border-top:0;}
	.blogpost-block a {padding:5px 0; display:block; padding-left:12px; background:url(http://inputout.com/blog/wp-content/themes/magatheme/img/bulletlight.gif) no-repeat 5px center; color:#b2b3b5; font-size:12px; font-weight:normal;}
	.blogpost-block a:hover {background:#FF6600; color:#fff;}
	
.link-block ul {list-style:none; margin-top:-5px; margin-bottom:25px;}
	.link-block ul li {border-bottom:1px solid #EDEDF3; padding:2px 0; line-height:1.2em; padding-left:5px; margin-bottom:0; list-style:none;}
	.link-block ul li a {padding:3px 0; display:block; padding-left:7px; background:url(http://inputout.com/blog/wp-content/themes/magatheme/img/bulletlight.gif) no-repeat left center; color:#666; font-size:12px; font-weight:normal;}
	
.blogpost-addimgs {width:180px; float:left; margin-left:20px;}
	.addimg {width:40px; height:40px; float:left; margin:0 5px 5px 0;}
	.blog-title-block a {color:#F1621B; font-size:14px;}
	.blog-title-block a:hover {color:#fff;}
	.blog-tag-block {float:right; padding-top:1px; padding-right:3px;}
		.blog-tag-block strong {margin-left:5px;}
	
.ticket-calendar {margin-top:-5px; border-bottom:1px solid #EDEDF3; font-size:13px;}	
	.ticket-calendar a {text-decoration:none;}
.ticket-calendar-row {padding:0 1px 5px;}
.ticket-calendar-day {width:44px; float:left; text-align:center; height:29px;}
	.day-header {height:23px; font-size:12px;}
	.ticket-calendar-day a {padding:5px 3px; margin:0 5px; font-weight:normal; color:#555; display:block; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
	.ticket-calendar-day strong a {background:#80B936; color:#eee;}
	.ticket-calendar-day strong em a {background:#333; color:#eee;}
	.ticket-calendar-day em a {color:#222; font-style:normal; font-weight:bold;}
	.ticket-calendar-day a:hover {background:#fff; color:#333; display:block;}
	.ticket-calendar-day span {padding:5px 11px 5px 9px; background:#F9FAFD; display:block; color:#444; font-weight:bold;}
.ticket-calendar-header {color:#555; font-weight:normal; position:relative; }
	.ticket-calendar-header a {color:#555; padding:10px; display:block; width:17px; text-align:center;}
		.current-month a {width:216px; height:16px; padding:10px;}
.ticket-calendar-month {float:left;}
	.current-month { width:236px; height:36px;}
	
.project-list {margin:20px 10px; float:left; width:640px; min-height:445px;}
	.project-block {float:left; width:150px; height:150px; margin-right:10px; margin-bottom:10px;}
	.project-caption {width:150px; background:#363642; color:#a6a7a7; height:25px;}
	.project-caption a {padding:6px 10px 4px; font-size:11px; color:#a6a7a7; display:block; }
	.project-block {background:#b4b5ba;}
	.project-image:hover {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); opacity: .5;}
	
.project-thumbs {margin:0px 0 10px;}
	.project-thumb {margin:5px; float:left; width:40px; height:40px; }
	
.project-splash {height:473px;}
	.contact-page .project-splash {height:450px;}
.project-splash .rotator {position:absolute; top:0; left:0;}

.contact-form {margin-top:-5px;}
.contact-row {height:25px; border-bottom:1px solid #C9CAD1;}
	.contact-row-message {height:229px;}
	.contact-row label {width:60px; font-size:11px; color:#aaa; display:block; padding:5px 0 5px 5px; float:left;}
	.contact-row input {width:245px; font-size:11px; height:13px; display:block; padding:4px 0; margin:2px 0; float:left; border:none; background:#e7e7ee;}
	.contact-row textarea {width:245px; font-size:11px; height:217px; display:block; padding:4px 0; margin:2px 0; float:left; border:none; background:#e7e7ee;}
	.contact-row input#contact_submit {float:right; display:block; margin:2px 0; height:21px; font-size:11px; font-weight:normal; background:#aaa; color:#fff;}
	
	.link-prev {float:left; margin:5px 0; display: block;}
	.link-next {float:right; margin:5px 0; display:block;}
	
.blogpost-comments .contact-row {height:25px; border-bottom:1px solid #C9CAD1;}
	.blogpost-comments .contact-row-comment {height:229px;}
	.blogpost-comments .contact-row label {width:140px; font-size:11px; font-weight:normal; color:#aaa; display:block; padding:5px 0 5px 5px; float:left;}
	.blogpost-comments .contact-row input {width:505px; height:13px; font-size:11px; display:block; padding:4px 0; margin:2px 0; float:left; border:none; background:#e7e7ee;}
	.blogpost-comments .contact-row textarea {width:505px; font-size:11px; height:217px; display:block; padding:4px 0; margin:2px 0; float:left; border:none; background:#e7e7ee;}
	.blogpost-comments .contact-row input.submit-post {float:right; display:block; margin:2px 0; height:21px; font-size:11px; font-weight:normal; background:#aaa; color:#fff;}
	.mceContentBody  { text-align: left; }