/*
Theme Name: MSEDesign
Theme URI: http://antramm.com/
Description: MSE Design
Version: 0.1
Author: Ant Ramm
Author URI: http://antramm.com/
Tags: MSE Design Custom

	MSE Design
	
	Plugins:
	  Yank, Scisors, Exclude Pages, 

    Text titles: #475679
    Sub page titles: #333333
    Body text: #231f18
    Bottom link bar text links colour: #505067
    Top bar button colour: #231f18
    Top bar button colour over: #231f18 (no underline please)

	
  Backgrd dark chocolate:           #231f18
  Dark grey:                        #333333
  Inside backgrd grey / blue:       #d7dce8
  Top pod outline blue:             #8f9bb8
  top pod inside                    #FFF
  lower area backgrd blue / grey    #b3bfd2
  lower area pod inside blue /grey  #dde3ef
  lower area pod header inside      #fafbfd
  lower area pod outline            #ebf0f8
  menu text colour                  #231f18
  top pod text colour               #475679
  link colour                       #9e7c13
  Inside scrollbar area backgrd     #ebf0f8
*/
@import url("css/sen.0.6.min.css");
@import url("css/lightbox.css");

body {background:#231f18;}
#container {width:950px;margin:0 auto;}
#main-content {width:690px;margin-bottom:10px;float:left;}

.clear {clear:both;}
.clearfix:after, .alignright:after, .alignleft:after, form:after {content:'.';clear:both;height:0;display:block;visibility:hidden;}
.alignright {float:right;margin:0 0 5px 5px;display:inline;}
.alignleft {float:left;margin:0 5px 5px 0;display:inline;}
.center {text-align:center;}
a img {border:none;}

hr {border:1px solid #8f9bb8;border-width:1px 0 0 0;margin:2em 0;clear:both;}
h3 {margin-bottom:0.5em;}
a {color:#9e7c13;text-decoration:none;}
  a:hover {text-decoration:underline;}

.entry {background:white;padding:5px 10px;}
  .entry p:last-child {margin-bottom:0;}

#zigzag {display:none;background:#312a1f url(images/backgrounds/brown_triangle.gif) repeat-x top left;width:100%;height:100px;position:absolute;z-index:-1;}
#header {position:relative;height:164px;}
  #header h1 {margin:0;padding:0;}
  #header h1 a {display:block;position:absolute;width:295px;height:198px;text-indent:-9999em;background:url(images/logo.png) no-repeat top left;}
  #header h2 {text-indent:-99999em;position:absolute;height:83px;width:128px;top:65px;left:315px;background:url(images/top_services_text.gif) no-repeat top left;}
  #header #header-email {text-indent:0;color:white;position:absolute;top:130px;right:0;}
    #header #header-email a {color:white;text-decoration:none;}
  #header #top-abstract {position:absolute;width:324px;top:0;right:60px;height:155px;background:url(images/top_abstract_mse.gif) no-repeat bottom left;}
  #header #grey-line {position:absolute;width:100%;top:155px;height:13px;background:url(images/above_menubar.gif) repeat-x top left;z-index:-1;}

  #menu {position:relative;background:url(images/menu-bg.gif) repeat-x top left;height:54px;}
  #menu .menu-left {z-index:2;background:url(images/menu-bg.gif) no-repeat 0 -54px;width:7px;position:absolute;height:54px;left:0;}
  #menu .rest-of-logo {z-index:2;background:url(images/logo.png) no-repeat bottom left;width:79px;position:absolute;height:33px;left:0;}
  #menu .menu-right {z-index:2;background:url(images/menu-bg.gif) no-repeat 100% -54px;width:7px;position:absolute;height:54px;right:0;}
  #below-menu {background:url(images/below_menubar.gif) repeat-x top left;height:4px;}
  ul.top-menu {list-style:none;margin:0 30px 0 200px;height:43px;border-left:1px solid #8f9bb8;padding-top:4px;}
    ul.top-menu li {display:inline;}
    ul.top-menu a {display:block;float:left;line-height:43px;height:43px;border-right:1px solid #8f9bb8;padding:0 20px;font-size:1.5em;color:#231f18;}
    ul.top-menu a:hover, ul.top-menu a.current_item {background:url(images/menu-bg.gif) repeat-x 0 -112px;text-decoration:none;}
  ul.footer-menu {list-style:none;margin:0;padding:0;}
    ul.footer-menu li {display:inline;}
    ul.footer-menu a {display:block;float:left;padding:0 10px;border-right:1px solid #8f9bb8;color:#231f18;}
  
#content {background:#d7dce8;}
.column-wide {width:340px;margin-left:5px;float:left;}
.column-narrow {width:250px;margin:0 5px;float:left;}
p.postmetadata {color:#666;font-size:90%;margin-bottom:0.5em;}

ul.right-column {list-style:none;width:255px;margin:0 5px 0 0;float:left;margin-bottom:10px;}
  li.widget {list-style-position:outside;}

.pod-normal {position:relative;margin:5px 0 0 5px;}
  .pod-normal h1, .pod-normal h2, .pod-normal h3.widgettitle {color:#475679;font-size:2em;background:url(images/top_pod_graphics.png) repeat-x 0 -43px;height:43px;line-height:43px;margin:0;padding:0 10px;}
  .pod-normal .post h2 {background:none;color:#9e7c13;font-size:1.5em;margin:0;padding:0;height:auto;line-height:1.3em;}
  .pod-normal .post {margin-bottom:1em;}
  .pod-normal .pod-tl {z-index:2;background:url(images/top_pod_graphics.png) no-repeat top left;height:43px;width:10px;display:block;position:absolute;}
  .pod-normal .pod-tr {z-index:2;background:url(images/top_pod_graphics.png) no-repeat top right;height:43px;width:10px;display:block;position:absolute;right:0;}
  .pod-normal .entry {border:1px solid #8f9bb8;}
  .pod-normal .post {position:relative;}
  .pod-normal .pod-bl {z-index:2;background:url(images/top_pod_graphics.png) no-repeat bottom left;height:4px;width:4px;display:block;position:absolute;bottom:0;}
  .pod-normal .pod-br {z-index:2;background:url(images/top_pod_graphics.png) no-repeat bottom right;height:4px;width:4px;display:block;position:absolute;right:0;bottom:0;}

#projects {}
  #projects .scroller {padding:1px;border:1px solid #8f9bb8;background:#ebf0f8;}
  #projects .prev, #projects .next {cursor:pointer;display:block;background:url(images/recent_projects_button.png) top left;width:40px;height:203px;;}
  #projects .prev {float:left;background-position:top left;}
    #projects .prev:hover {background-position:bottom left;}
  #projects .next {float:right;background-position:top right;}
    #projects .next:hover {background-position:bottom right;}
  #projects .scroll-wrap {width:601px;float:left;overflow:hidden;position:relative;height:200px;}
  #projects .items {list-style:none;margin:0;padding:0;width:20000em;position:absolute;}
    #projects .items li {width:193px;margin-left:6px;float:left;position:relative;}
    #projects .items .empty-image {height:158px;background:url(images/picture_frame.jpg) top left;width:190px;height:158px;}
    #projects .items .empty-image a {top:12px;left:5px;width:176px;height:132px;display:block;position:absolute;}
    #project-scroller a.disabled {background-image:none;cursor:default;}
    #projects .project-text {background:url(images/project_button_graphic.png) top left;width:180px;height:39px;display:block;color:#231f18;padding:3px 0 0 10px;}
      #projects .project-text:hover {background:url(images/project_button_graphic.png) bottom left;text-decoration:none;}
      #projects .project-text h3, #projects .project-text p {margin:0;}
      #projects .strap-line {font-size:95%;}

.pf-items {list-style:none;margin:0 0 0 25px;padding:0;}
  .pf-items li {width:193px;margin:10px 0 0 6px;float:left;position:relative;}
  .pf-items .empty-image {height:158px;background:url(images/picture_frame.jpg) top left;width:190px;height:158px;}
  .pf-items .empty-image a {top:12px;left:5px;width:176px;height:132px;display:block;position:absolute;}
  .pf-items .project-text {background:url(images/project_button_graphic.png) top left;width:180px;height:39px;display:block;color:#231f18;padding:3px 0 0 10px;}
  .pf-items .project-text h3, .pf-items .project-text p {margin:0;}
  .pf-items .strap-line {font-size:95%;margin:0;}

.pf-listing {list-style:none;margin:0;padding:0;}
  .pf-listing li {margin:0;padding:10px 0;border-bottom:1px solid #8f9bb8;list-style-position:outside;}
  .pf-listing h4 {margin:0;padding:0;}
  .pf-listing p {font-size:95%;color:#333;margin:0;}
  .pf-listing li:last-child {border:none;}

#footer-widgets {padding:23px 0 5px 0;background:#b3bfd2 url(images/transition_zigzag.gif) repeat-x top left;clear:both;list-style:none;margin:0;}
  #footer-widgets h2 {background:#fafbfd;padding:5px 10px;margin:0;border:1px solid #ebf0f8;}
  #footer-widgets .footer-widget {position:relative;}
  #footer-widgets .entry {padding:5px 10px;background:#dde3ef;border:1px solid #ebf0f8;border-top-width:0;}
  #footer-widgets .corner {position:absolute;bottom:-1px;height:4px;width:4px;}
    #footer-widgets .corner-left {left:0;background:url(images/btm_ad_pod_corners.png) no-repeat bottom left;}
    #footer-widgets .corner-right {right:0;background:url(images/btm_ad_pod_corners.png) no-repeat bottom right;}
  
#footer {background:url(images/footer-bg.gif) repeat-x bottom left;clear:both;height:74px;position:relative;}
  #footer #footer-menu {line-height:28px;height:28px;padding-top:3px;color:#333;  float:left;width:100%;overflow:hidden;position:relative;}
    #footer #footer-menu ul {  clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center;}
    #footer #footer-menu ul li {display:block;float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;}
    #footer #footer-menu a {color:#333;text-decoration:none;}
    #footer .footer-left {background:url(images/footer-bg.gif) no-repeat top left;height:74px;width:4px;position:absolute;}
    #footer .footer-right {background:url(images/footer-bg.gif) no-repeat top right;height:74px;width:4px;position:absolute;right:0;}
  #footer #copyright {color:white;line-height:40px;text-align:center;}

#smcf-container {}
  #smcf-container h1 {color:white;margin-bottom:1em;}
  #smcf-container .smcf-send, #smcf-container .smcf-cancel {background:#777;width:auto;color:white;display:inline;}

.navigation {padding-top:20px;}