/* Style rules for http://ianshorrock.com */
/* Authored by Ian Shorrock */
/* Last update: 15 Apr 09 */

/* Overriding defaults */
/* ################### */
ul.description_list li {
  list-style-type: none;
}
.tabbed {
  color: #ffffff;
}
#page a {
  color: #7a60ff;
}
#page a:hover {
  color: #9a80ff;
}
#page h1 {
  text-align: center;
  font-size: 24px;
}
#page h2 {
  font-size: 20px;
}
#page li {
  list-style: none;
}
#page #content ul li {
  list-style-type: disc;
}#page #content ol li {
  list-style-type: decimal;
}
/* Global section styles */
/* ##################### */
#sidebar ul li {
  list-style-position: inside;
}
.attention {
  font-size: 18px;
  font-weight: bold;
  color: #ff0000;
}
form fieldset {
  border: 1px dotted #444444;
}
form legend {
  font-weight: bolder;
}
form li {
  list-style: none;
  border-top: 1px dashed #555555;
}
a img {
  border: none;
}
.blog_entry {
  border-top: 1px dashed #ffffff;
}
.blog_entry img {
  border: 1px dotted #777777;
}
.column h2, #content h2.title {
  border-bottom: 1px dotted #777777;
}
h3 {
  font-size: 16px;
}
p, li {
  font-size: 16px;
}
#page {
  background: url(/files/images/background_gradiant.jpg) top repeat-x;
  color: #ffffff;
  font-family: arial, helvetica, sans-serif;
}
#wrapper {
  background: url(/files/images/circles.png) bottom left no-repeat;
}
#banner {
  color: #333;
  background: url(/files/images/banner_background.png) no-repeat;
}
#banner_title {
  font-family: Arial Black, sans-serif;
  font-weight: bolder;
  font-size: 26px;
  color: #ffffff;
}
#container {
  background-image: url(/files/images/background_slices.png);
}
#subcontainer {
  border-top: 1px solid #fff;
}
#item_display {
  background: bottom repeat-x url(/files/images/glass_table.png);
}
#featured_items {
  background: #000000;
  border: 1px solid #000;
  background: url(/files/images/featured_bg.png) repeat-x;
}
#featured_items p, #page #content #featured_items li {
  font-size: 12px;
  list-style-type: none;
}
#featured_items p {
  line-height: 18px;
}
#featured_items .featured_menu {
  border-top: 1px solid #ffffff;
}
#featured_items .featured_menu li {
  border-right: 1px solid #fff;
}
#featured_items .featured_menu li.first {
  border-left: 1px solid #fff;
}
#content_bottom {
  background: url(/files/images/content_bottom.png);
  border-left: 5px solid #ffffff;
}
#sidebar_bottom {
  background: url(/files/images/sidebar_bottom.png);
}
#sidebar {
  font-family: tahoma, sans-serif;
}
#sidebar a {
  color: #ffffff;
}
#footer_wrapper {
  background: #363636;
}
#footer {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  background: #262626;
  font-size: 12px;
}
#footer li {
  list-style: none;
  font-size: 12px;
}
#footer a {
  font-weight: bolder;
}
#footer .subsection a {
  font-weight: normal;
  text-decoration: none;
}
#footer a:hover {
  border-bottom: 5px solid #ffffff;
}

/* Section specific styles */
/* ####################### */

/* Sidebar junk first */
#sidebar li {
  list-style-type: none;
}
/* Colors for primary sections */
#sidebar .list-section {
  background: url(/files/images/stripes.png) repeat-y;
  border-top: 1px solid #262626;
  border-bottom: 1px solid #000000;
}
#sidebar .list-section#about_menu:hover, #page.about .list-section#about_menu {
  background: url(/files/images/stripes.png) repeat-y;
  background-position: -225px 0;
  border-top: 1px solid #03b5ff;
  border-bottom: 1px solid #000000;
}
#sidebar .list-section#contact_menu:hover, #page.contact .list-section#contact_menu {
  background: url(/files/images/stripes.png) repeat-y;
  background-position: -450px 0;
  border-top: 1px solid #ff6600;
  border-bottom: 1px solid #000000;
}
#sidebar .list-section#work_menu:hover, #page.work .list-section#work_menu {
  background: url(/files/images/stripes.png) repeat-y;
  background-position: -675px 0;
  border-top: 1px solid #9aff0a;
  border-bottom: 1px solid #000000;
}
#sidebar .list-section#projects_menu:hover, #page.projects .list-section#projects_menu {
    background: url(/files/images/stripes.png) repeat-y;
  background-position: -900px 0;
  border-top: 1px solid #f000ff;
  border-bottom: 1px solid #000000;
}
#sidebar .list-section#resume_menu:hover, #page.resume .list-section#resume_menu {
    background: url(/files/images/stripes.png) repeat-y;
  background-position: -1125px 0;
  border-top: 1px solid #fcff00;
  border-bottom: 1px solid #000000;
}
/* Hover styling for primary sections */
#sidebar .list-section#about_menu:hover a {
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 0;
  color: #03b5ff;
}
#sidebar .list-section#contact_menu:hover a {
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -41px;
  color: #ff6600;
}
#sidebar .list-section#work_menu:hover a {
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -82px;
  color: #9aff0a;
}
#sidebar .list-section#projects_menu:hover a {
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -123px;
  color: #f000ff;
}
#sidebar .list-section#resume_menu:hover a {
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -164px;
  color: #fcff00;
}
/* Default arrow styling for primary sections */
/* Commenting out sections that currently have no galleries */
#page.about .list-section#about_menu a {
  /*background: url(/files/images/largearrow_blueactive.png) no-repeat left;*/
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 0;
  color: #03b5ff;
}
#page.contact .list-section#contact_menu a {
  /*background: url(/files/images/largearrow_orangeactive.png) no-repeat left;*/
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -41px;
  color: #ff6600;
}
#page.work .list-section#work_menu a {
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -202px;
  color: #9aff0a;
}
#page.projects .list-section#projects_menu a {
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -243px;
  color: #f000ff;
}
#page.resume .list-section#resume_menu a {
  /*background: url(/files/images/largearrow_yellowactive.png) no-repeat left;*/
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -164px;
  color: #fcff00;
}
/* Global sidebar rules  */
#sidebar .list-section a {
  font-size: 21px;
  font-weight: bolder;
  font-family: Tahoma, sans-serif;
  text-decoration: none;
}
#sidebar ul li.subsection {
  list-style: none;
  font-weight: bolder;
}
#sidebar .list-subsection {
  font-weight: bold;
  font-size: 16px;
}
#sidebar .subsection.active .list-item {
  border-top: 1px solid #262626;
  border-bottom: 1px solid #000000;
  background: url(/files/images/stripes.png) repeat-y;
  background-position: -1350px 0;
  background-repeat: repeat-y;
}
#sidebar .list-item a {
  font-weight: normal;
  text-decoration: none;
}
#sidebar li.list-item {
  list-style: none;
}
#sidebar #navigation li.list-item img {
  border: 1px solid #999999;
}
/* Sub-section and item styling for Work */
#page.work #sidebar .list-subsection a {
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -322px;
  color: #9aff0a;
}
#page.work #sidebar .list-subsection.active, #page.work #sidebar .list-subsection:hover {
  background: #9aff0a;
}
#page.work #sidebar .list-item.active a, #page.work #sidebar .list-item a:hover {
  color: #9aff0a;
}
#page.work #sidebar .list-item.active, #page.work .list-item:hover {
  border-top: 1px solid #5c9906;
  border-bottom: 1px solid #000000;
  background: url(/files/images/stripes.png) repeat-y;
  background-position: -1575px 0;
  background-repeat: repeat-y;
}
#page.work #sidebar #navigation li.list-item.active img {
  border: 1px solid #9aff0a;
}
#page.work #sidebar #navigation li.list-item:hover img {
  border: 1px solid #9aff0a;
}
/* Sub-section and item styling for Work */
#page.projects #sidebar .list-subsection a {
  color: #f000ff;
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -342px;
}
#page.projects #sidebar .list-subsection.active, #page.projects #sidebar .list-subsection:hover {
  background: #f000ff;
}
#page.projects #sidebar .list-item.active a, #page.projects #sidebar .list-item a:hover{
  color: #f000ff;
}
#page.projects #sidebar .list-item.active, #page.projects .list-item:hover {
  border-top: 1px solid #8f0099;
  border-bottom: 1px solid #000000;
  background: url(/files/images/stripes.png) repeat-y;
  background-position: -1800px 0;
  background-repeat: repeat-y;
}
#page.projects #sidebar #navigation li.list-item.active img {
  border: 1px solid #f000ff;
}
#page.projects #sidebar #navigation li.list-item:hover img {
  border: 1px solid #f000ff;
}
/* Shared rules between Work and Projects for subsection and item styling */
#page #sidebar .list-subsection:hover a {
  color: #000;
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -302px;
  background-repeat: no-repeat;
}
#page #sidebar .list-subsection.active a{
  background: url(/files/images/arrows.png) no-repeat left;
  background-position: 0 -281px;
  background-repeat: no-repeat;
  font-weight: bolder;
}
#page #sidebar .list-subsection.active a, #page #sidebar .list-item.active a {
  color: #000;
}
/* The rest of section-specific coloring */
#page.work ul.description_list li {
  border-bottom: 1px dashed #2c5900;
}#page.projects ul.description_list li {
  border-bottom: 1px dashed #6f0079;
}
#page.about .tabbed {
  color: #03b5ff;
}#page.contact .tabbed {
  color: #ff6600;
}#page.work .tabbed {
  color: #9aff0a;
}#page.projects .tabbed {
  color: #f000ff;
}#page.resume .tabbed {
  color: #fcff00;
}
#page.about #banner_title {
  color: #03b5ff;
}#page.contact #banner_title {
  color: #ff6600;
}#page.work #banner_title {
  color: #9aff0a;
}#page.projects #banner_title {
  color: #f000ff;
}#page.resume #banner_title {
  color: #fcff00;
}
#page.about #subcontainer {
  border-top: 1px solid #03b5ff;
}#page.contact #subcontainer {
  border-top: 1px solid #ff6600;
}#page.work #subcontainer {
  border-top: 1px solid #9aff0a;
}#page.projects #subcontainer {
  border-top: 1px solid #f000ff;
}#page.resume #subcontainer {
  border-top: 1px solid #fcff00;
}
#page.about #container {
  background-image: url(/files/images/background_slices.png);
  background-position: 4800px 0;
}#page.contact #container {
  background-image: url(/files/images/background_slices.png);
  background-position: 3840px 0;
}#page.work #container {
  background-image: url(/files/images/background_slices.png);
  background-position: 2880px 0;
}#page.projects #container {
  background-image: url(/files/images/background_slices.png);
  background-position: 1920px 0;
}#page.resume #container {
  background-image: url(/files/images/background_slices.png);
  background-position: 960px 0;
}
#page.about #content_bottom {
  border-left: 5px solid #03b5ff;
}#page.contact #content_bottom {
  border-left: 5px solid #ff6600;
}#page.work #content_bottom {
  border-left: 5px solid #9aff0a;
}#page.projects #content_bottom {
  border-left: 5px solid #f000ff;
}#page.resume #content_bottom {
  border-left: 5px solid #fcff00;
}
#page.about #footer {
  border-left: 1px solid #03b5ff;
  border-right: 1px solid #03b5ff;
}#page.contact #footer {
  border-left: 1px solid #ff6600;
  border-right: 1px solid #ff6600;
}#page.work #footer {
  border-left: 1px solid #9aff0a;
  border-right: 1px solid #9aff0a;
}#page.projects #footer {
  border-left: 1px solid #f000ff;
  border-right: 1px solid #f000ff;
}#page.resume #footer {
  border-left: 1px solid #fcff00;
  border-right: 1px solid #fcff00;
}

#page #footer .about a:hover, #page #footer .about.active a {
  border-bottom: 5px solid #03b5ff;
}#page #footer .contact a:hover, #page #footer .contact.active a {
  border-bottom: 5px solid #ff6600;
}#page #footer .work a:hover, #page #footer .work.active a {
  border-bottom: 5px solid #9aff0a;
}#page #footer .projects a:hover, #page #footer .projects.active a {
  border-bottom: 5px solid #f000ff;
}#page #footer .resume a:hover, #page #footer .resume.active a {
  border-bottom: 5px solid #fcff00;
}
#page.contact form .errorlist {
  color: #ff6600;
  font-weight: bolder;
}#page.contact form .errorlist li {
  border-top: none;
}
#page.about .blog_entry {
  border-top: 1px dashed #036588;
}