body {
 background: #ededed url(http://ellislab.com//images/sitev2/v2_bg.jpg) repeat-x left top;
 font-family: Lucida Grande, Helvetica, Arial, sans-serif;
 font-size: 14px;
 padding: 0;
 margin: 0;
 color: #333;
}
a {
 color: #a50000;
 background-color: transparent;
 text-decoration: none;
}

a:visited {
 color: #a50000;
 background-color: transparent;
 text-decoration: none;
}

a:hover {
 color: #fd6129;
 text-decoration: none;
 background-color: transparent;
}

/*	Page header containing the illustration, nav links, and logo
---------------------------------------------------------------------*/
#header_outer { 
 margin: 0 auto;
 width: 911px;
}
#header_wrapper {
 float: left;
 color: #fff;
 height: 215px;
 margin: 8px 0px 0px 0px;
 padding: 0;
 background-color: transparent;
}
#header_left {
 float: left;
 color: #fff;
 width: 203px;
 height: 190px;
 margin: 0;
 padding: 25px 0px 0px 172px;
 background: transparent url(http://ellislab.com//images/sitev2/v2_header_left_bg.jpg) no-repeat left top;
}
#header_left a { 
 color: #fd6129;
 text-decoration: none; 
}
#header_left a:visited {
 color: #fd6129;
 text-decoration: none; 
}
#header_left a:hover {
 color: #fff;
 text-decoration: none; 
}

#header_middle {
 float: left;
 color: #fff;
 width: 215px;
 height: 215px;
 text-align: right;
 margin: 0;
 padding: 0;
 background: transparent url(http://ellislab.com//images/sitev2/v2_header_mid_bg.jpg) no-repeat top right;
}
#header_right {
 float: left;
 color: #333;
 width: 286px;
 height: 195px;
 text-align: center;
 margin: 0;
 padding: 20px 35px 0px 0px;
 background-color: transparent;
}
#sub_nav { 
 margin-top: 56px;
 text-align: center;
}

/*	Main content "wrappers" for the stuff between the header and footer
---------------------------------------------------------------------*/
#content_outer { 
 clear: both;
 background: #fff;
 margin: 0;
}
#content_wrapper { 
 margin: 0 auto;
 width: 911px;
}
* html #content_wrapper  /* Box Model Hack for IE */
{
 width: 931px;
 w\idth: 931px;
}

/*	Main message wrapper. This is where the big red message appears
---------------------------------------------------------------------*/
#main_message {
 float: left;
 width: 879px;
 color: #333;
 padding: 0px 16px 10px 16px;
 margin: 0;
 background-color: #fff;
}

/*	Left/right columns containing the home page main content 
---------------------------------------------------------------------*/
#left_column_home { 
 float: left;
 color: #333;
 border-right: 1px solid #000;
 background-color: #fff;
 margin: 0px 0px 20px 16px;
 padding: 0 20px 30px 0px;
 width: 553px;
}
#right_column_home { 
 float: right;
 color: #4c1111;
 background-color: #fff;
 margin: 0px 10px 20px 20px;
 padding: 10px 0px 30px 0px;
 width: 291px;
}

/*	Full width column used on 404 page
---------------------------------------------------------------------*/
#full_column {
 color: #333;
 background-color: #fff;
 margin: 0px 0px 20px 16px;
 padding: 0 0 30px 0px;
 width: 900px;
}

/*	Left/right columns containing the product page content 
---------------------------------------------------------------------*/
#left_column_products { 
 float: left;
 color: #333;
 border-right: 1px solid #000;
 background-color: #fff;
 margin: 0px 0px 20px 16px;
 padding: 10px 20px 20px 0px;
 width: 623px;
}
#right_column_products { 
 float: right;
 color: #4c1111;
 background-color: #fff;
 margin: 0px 10px 20px 20px;
 padding: 10px 0px 30px 0px;
 width: 221px;
}

/*	Left/right columns containing the blog page content 
---------------------------------------------------------------------*/
#left_column_blog { 
 float: left;
 color: #333;
 border-right: 1px solid #000;
 background-color: #fff;
 margin: 0px 0px 20px 16px;
 padding: 10px 20px 20px 0px;
 width: 623px;
}
#right_column_blog { 
 float: right;
 color: #4c1111;
 background-color: #fff;
 margin: 0px 10px 20px 20px;
 padding: 10px 0px 30px 0px;
 width: 221px;
}
#right_column_blog h5 {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 20px;
 font-weight: normal;
 color: #000;
 margin: 7px 0px 3px 0px;
 padding: 0;
}
#right_column_blog ul  {
 font-size: 12px; 
 list-style: none;
 margin: 3px 0 15px 0;
 padding-left: 0;
}
#right_column_blog li {
 color: #4c1111;
 display: block;
 padding-bottom: 3px;
}		
#right_column_blog a {
 color: #4c1111;
 background-color: transparent;
 text-decoration: none;
}
#right_column_blog a:visited {
 color: #4c1111;
 background-color: transparent;
 text-decoration: none;
}
#right_column_blog a:hover {
 color: #fd6129;
 text-decoration: none;
 background-color: transparent;
}

/*	Left/right columns containing the content on the
	company and intranet pages
---------------------------------------------------------------------*/
#left_column_alt { 
 float: left;
 color: #333;
 background-color: transparent;
 margin: 0px 0px 0px 20px;
 padding: 10px 0px 30px 0px;
 width: 181px;
}
#right_column_alt { 
 float: right;
 color: #333;
 background-color: transparent;
 border-left: 1px solid #000;
 margin: 0;
 padding: 10px 20px 30px 17px;
 width: 672px;
}

/*	Staff list
---------------------------------------------------------------------*/
#staff_wrapper {
 float: right;
 color: #333;
 background-color: transparent;
 margin: 0;
 padding: 10px 20px 30px 0;
 width: 690px;
}
* html #staff_wrapper  /* Box Model Hack for IE */
{
 width: 670px;
 w\idth: 670px;
}

#staff_list_column { 
 float: left;
 width: 160px;
 margin: 0;
 padding: 13px 0 40px 0;
 border-left: 1px solid #000;
}
#staff_info_column { 
 float: right;
 width: 274px;
 margin: 0;
 padding: 40px 0 0 0;
}
#staff_info_column h4 {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 16px;
 font-weight: normal;
 color: #a50000;
 margin: 0;
}
#staff_info_column p {
 font-size: 14px;
 margin: 4px 0 0 0
}
.staff_info_pad {
 padding-top: 155px;
}
#staff_nav_on {
 font-weight: bold;
 padding: 0;
 margin: 0;
 background: transparent url(http://ellislab.com//images/sitev2/v2_right_nav_arrow_bg.gif) no-repeat center left;
}
ul#staff_nav { 
 margin: 9px 0 0 0; 
 padding: 0;
 list-style: none; 
 font-size: 14px;
 text-align: left;
}
ul#staff_nav li {
 padding: 0 0 5px 0;
 margin: 0;
 color: #000;
}		
ul#staff_nav a {
 padding: 0 0 0 18px;
 margin: 0;
 color: #000;
 background-color: transparent;
 text-decoration: none;
}
ul#staff_nav a:visited {
 color: #000;
 background-color: transparent;
 text-decoration: none;
}
ul#staff_nav a:hover {
 color: #fd6129;
 text-decoration: none;
 background: transparent url(http://ellislab.com//images/sitev2/v2_right_nav_arrow_bg.gif) no-repeat center left;
}

#staff_bg_blank { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_blank5.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_rick_ellis { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_rick_ellis.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_leslie_camacho { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_leslie_camacho.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_derek_jones { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_derek_jones.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_derek_allard{ 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_derek_allard.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_lisa_wess { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_lisa_wess.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_sue_crocker{ 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_sue_crocker.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_ingmar_greil { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_ingmar_greil.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_robin_sowell { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_robin_sowell.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_greg_aker { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_greg_aker.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_pascal_kriete { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_pascal_kriete.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_john_donovan { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_john_donovan.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_greg_salt { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_greg_salt.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_brandon_jones { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_brandon_jones.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}
#staff_bg_leslie_doherty { 
 background: transparent url(http://ellislab.com//images/sitev2/v2_staff_bg_leslie_doherty.jpg) no-repeat top left;
 margin: 0;
 padding: 0;
 width: 911px;
 height: 468px;
}

/*	Footer
---------------------------------------------------------------------*/
#footer { 
 clear: both;
 width: 911px;
 color: #333;
 background-color: #fff;
 margin: 0;
 padding: 10px 0px 0 0px;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
}

/*	Bottom of page where logo and copyright message appears
---------------------------------------------------------------------*/
#bottom { 
 margin: 0 auto 0 auto;
 text-align: center;
 color: #333;
 background: transparent url(http://ellislab.com//images/sitev2/v2_credit_bg.jpg) repeat-x left top;
 padding: 30px 0 80px 0;
}


/*	Navigation links in the middle column of header.
---------------------------------------------------------------------*/
#header_nav_on {
 padding: 0;
 margin: 0;
 font-weight: normal;
 background: transparent url(http://ellislab.com//images/sitev2/v2_header_nav_arrow_bg.gif) no-repeat center right;
}
ul#header_nav { 
 margin: 9px 0 0 0; 
 padding: 0;
 list-style: none; 
 font-size: 12px; 
}
ul#header_nav li {
 padding: 0 0 5px 0;
 margin: 0;
 color: #fff;
}		
ul#header_nav a {
 padding: 0 16px 0 0;
 margin: 0;
 color: #fff;
 background-color: transparent;
 text-decoration: none;
}
ul#header_nav a:visited {
 color: #fff;
 background-color: transparent;
 text-decoration: none;
}
ul#header_nav a:hover {
 color: #fd6129;
 text-decoration: none;
 background: transparent url(http://ellislab.com//images/sitev2/v2_header_nav_arrow_bg.gif) no-repeat center right;
}

/*	Navigation links in the footer
---------------------------------------------------------------------*/
#footer_nav_wrapper{
margin-bottom: 25px;
}
.footer_nav_on {
 padding: 0;
 margin: 0;
 background: transparent url(http://ellislab.com//images/sitev2/v2_footer_nav_arrow_bg.gif) no-repeat bottom center;
}
ul#footer_nav {
 margin: 0 0 0 16px; 
 padding: 0; 
 list-style: none; 
 font-size: 12px;
 background-color: transparent;
}
ul#footer_nav li {
 float: left;
 margin: 0 22px 0 0; 
 padding: 0;
}
ul#footer_nav a { 
 float: left; 
 padding: 0 0 11px 0;
 color: #000;
 text-decoration: none; 
}
ul#footer_nav a:hover {
 color: #fd6129;
 background: transparent url(http://ellislab.com//images/sitev2/v2_footer_nav_arrow_bg.gif) no-repeat bottom center;
}

/*	Navigation links in the left column on certain pages
---------------------------------------------------------------------*/
#left_column_nav_on {
 font-weight: bold;
 padding: 0;
 margin: 0;
 background: #fff url(http://ellislab.com//images/sitev2/v2_left_nav_arrow_bg.gif) no-repeat center right;
}
ul#left_column_nav { 
 margin: 9px 0 0 0; 
 padding: 0;
 list-style: none; 
 font-size: 14px;
 text-align: right;
}
ul#left_column_nav li {
 padding: 0 0 5px 0;
 margin: 0;
 color: #000;
}		
ul#left_column_nav a {
 padding: 0 18px 0 0;
 margin: 0;
 color: #000;
 background-color: transparent;
 text-decoration: none;
}
ul#left_column_nav a:visited {
 color: #000;
 background-color: transparent;
 text-decoration: none;
}
ul#left_column_nav a:hover {
 color: #fd6129;
 text-decoration: none;
 background: transparent url(http://ellislab.com//images/sitev2/v2_left_nav_arrow_bg.gif) no-repeat center right;
}
ul#online_staff {
	list-style: none;
	text-align: right;
	margin-right: 18px;
}

/*	Intranet Blog
---------------------------------------------------------------------*/

#ib_cat_content{
 color: #000;
 width: 663px;
 height: 162px;
 margin: 0;
 padding: 15px 0 0 20px;
 background: transparent url(http://ellislab.com//images/sitev2/v2_intranetblog_catbg.gif) no-repeat left top;
}
* html #ib_cat_content  /* Box Model Hack for IE */
{
 width: 650px;
 w\idth: 650px;
}
#ib_cat_content h3 {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 18px;
 font-weight: normal;
 color: #a50000;
 margin: 12px 0px 0px 0px;
}


/*	Styling Elements
---------------------------------------------------------------------*/

/* no image borders */
img {
border: 0;
}
		
/*	Main message with big red text */
h1 {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 44px;
 font-weight: normal;
 color: #a50000;
 margin: 0px 0px 10px 0px;
}

/*	Sub message with black text on home page */
h2 {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 22px;
 font-weight: normal;
 color: #000;
 margin: 20px 0px 10px 0px;
}

/*	Heading on internal pages, like company history */
h3 {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 24px;
 font-weight: normal;
 color: #000;
 margin: 7px 0px 10px 0px;
}

/*	Smaller heading on pages like "contact us" */
h5 {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 18px;
 font-weight: normal;
 color: #000;
 margin: 7px 0px 0px 0px;
}

.small_light{
 font-size: 11px;
 color: #666;
}

.highlight {
 color:#990000;
}

/*	Product page elements
---------------------------------------------------------------------*/
.product_heading {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 18px;
 font-weight: normal;
 color: #000;
 padding: 0;
 margin: 15px 0px 0px 0px;
}

.product_description {
 margin: 3px 0 10px 0;
}
.product_description_right {
 margin: 3px 0 10px 0;
 text-align: right
}

.product_line {
 border-bottom: 1px solid #ccc;
 margin: 20px 0 0 135px;
 padding: 0;
}
/*	Various page elements
---------------------------------------------------------------------*/
.item_heading {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 18px;
 font-weight: normal;
 color: #000;
 padding: 0;
 margin: 20px 0px 0px 0px;
}
.item_info {
 margin: 4px 0 15px 0;
}

/*	Alignment Elements
---------------------------------------------------------------------*/
.align_right{
 text-align: right;
}
.align_center {
 text-align: center;
 }
.float_left {
 float: left;
}
.clear {
 clear: all;
}
.linebreak {
 border-bottom: 1px solid #999;
 margin: 5px 0 30px 0;
}

/*	These are used on the staf bio page.
---------------------------------------------------------------------*/
.bio {
 margin: 0 0 16px 0;
 clear: left;
}
.biopic {
 padding: 0 25px 0px 0;
 margin-bottom:80px;
 clear:left;
 float: left;
}

/*	Blog entry formatting
---------------------------------------------------------------------*/
.entry {
 margin: 0;
 background-color: transparent;
 padding-bottom: 14px;
}
.date {
 font-size: 13px;
 font-family: Georgia, serif;
}
.entry h2 {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 28px;
 font-weight: normal;
 color: #000;
 margin: 7px 0px 10px 0px;
}
.entry h3 {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #000;
 margin: 7px 0px 10px 0px;
}
.entry h4 {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #000;
 margin: 6px 0px 7px 0px;
}
blockquote {
 background-color: transparent;
 border-left: 2px solid #ccc;
 margin: 4px 0 15px 4px;
 padding: 1px 8px 1px 12px;
}
/*	Intranet Blog entry formatting
---------------------------------------------------------------------*/
.intranet_entry {
 margin: 0;
 background-color: transparent;
 padding-bottom: 10px;
}
.intranet_date {
 font-size: 13px;
 font-family: Georgia, serif;
}
.intranet_entry h2 {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 20px;
 font-weight: normal;
 color: #000;
 margin: 0 0 10px 0px;
}
.intranet_entry h3 {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #000;
 margin: 7px 0px 10px 0px;
}
.intranet_entry h4 {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 14px;
 font-weight: bold;
 color: #000;
 margin: 6px 0px 7px 0px;
}

/* Pagination
---------------------------------------------------------------------*/
.paginate {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 margin: 6px 0;
 border-top: 1px solid #D3D9DC;
 text-align: right;
 padding-top: 8px;
}
.paginate b{
 border: 1px solid #9FCDE7;
 padding: 1px 4px;
 background-color: #DEE9EF;
 color: #67A9D6;
}
.paginate a {
 font-size: 12px;
 padding: 0 2px;
}  
.pagecount {
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-size: 11px;
 color: #666;
 font-weight: normal;
 background-color: transparent;
}

/*	Comment page
---------------------------------------------------------------------*/
.comment {
 margin-top:20px;
 background:transparent url(http://ellislab.com/images/design/blog_entry_divider.jpg) bottom center no-repeat;
 padding-bottom:35px;
}
.commentformitem {
 color: #666;
 padding: 0;
 margin:4px 0 4px 0;
}
#smileys {
 margin: 4px 0 12px 0;
 padding: 0;
 background-color: #ededed;
 border: 1px solid #a50000;
}
.smiley {
 background-color: transparent;
 text-align: center;
}
.smileylink {
 margin: 6px 0 10px 0;
}
.smileylink a {
 color: #a50000;
}
.smileylink a:visited {
 color: #a50000;
}
.smileylink a:hover {
 color: #fd6129;
}


/*	Form Elements
---------------------------------------------------------------------*/
.select {
 background-color:  #fff;
 font-family: Myriad, Helvetica, Arial, sans-serif;
 font-weight: normal; 
 font-size: 16px;
 color: #000;
 padding: 0 4px 0 2px;
} 

.input {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 12px;
 color: #333;
 width: 100%;
 height: 2em;
 padding: 0;
 margin: 0;
} 

.textarea {
 font-family: Lucida Grande, Verdana, Geneva, Sans-serif;
 font-size: 12px;
 color: #333;
 border: 1px solid #B3B4BD;
 width: 100%;
 padding: 0;
 margin: 0;
}