/*
Theme Name: Steel Frog (v7.2)
Theme URI: http://www.steelfrog.com
Version: 7.2
Author: Eric "Steel Frog" Niquette
*/

body {
  background: #111 url('images/body_background.jpg');
  font-family: Verdana, Arial, Geneva, sans-serif;
  font-size: 62.5%;
  }

  body a { color: #3C5E70; }
    body a:hover { color: #333333; }

/*=== TOP BAR ===*/

div#trim {
  background: url('images/bar_background.gif') repeat-x;
  height: 41px;
  }

  div#trim_container {
    margin: 0 auto; 
    position: relative;
    width: 980px;
    }

    #trim nav {
      display: inline;
      width: 180px;
      }
  
      #trim nav a {
        background: url('images/trim_triggers.png') no-repeat;
        display: block;
        float: left;
        height: 20px;
        margin: 8px 5px 0 0;
        }
        
        #trim nav a#register_trigger { background-position: -60px 0; width: 75px; }
        #trim nav a#login_trigger { background-position: 0 0; width: 60px; }
		#trim_nav a#login_logout { background-position: -60px 0; width: 44px; }
        
          #trim nav a:hover { opacity: 0.85; }

    form#search {
      float: right;
      padding: 8px 0 0 0;
      text-align: right;
      width: 50%;
      }
    
      form#search input#s {
        background: #4F4F4F url('images/bar_textbox.png') top repeat-x;
        border: 1px solid #555;
        color: #CCC;
        font-size: 10px;
        padding: 3px 0 2px 5px;
        vertical-align: top;
        width: 220px;
        }
  
      form#search input#header_search {
        border: 0;
        background: url('images/header_submit.png');
        height: 20px;
        width: 44px;
        vertical-align: top;
        }
        
        input#header_search:hover { cursor: pointer; opacity: 0.85; }
        
    section#social {
      float: right;
      margin: 8px 0 0 20px;
      }
      
      section#social a {
        background: url('images/header_social.png');
        display: block;
        float: left;
        height: 20px;
        margin: 0 3px 0 0;
        width: 20px;
        }
        
        section#social a#trim_twitter {}
        section#social a#trim_stumble { background-position: -20px 0; }
        section#social a#trim_rss { background-position: -40px 0; }
        section#social a:hover { opacity: 0.85; }

/* === SKYLINE === */

div#skyline { background: url('images/header_skyline.jpg') repeat-x; height: 249px; }

  div#skyline_container {
    background: url('images/header_scene.png') center no-repeat;
    height: 249px;
    margin: 0 auto;
    width: 980px;
    }

    #skyline_container a#logo {
      background: url('images/header_logo.png');
      display: block;
      height: 222px;
      margin: 0 auto;
      width: 411px;
      }

      #skyline_container a#logo:hover { background-position: 0 -222px; }
  
  section#pulldown {
    float: right;
    width: 220px;
    }
  
  #pulldown p {
    background: #FFF;
    border: 1px solid #0F0F0F;
    border-radius: 0 0 5px 5px;
    display: none;
    padding: 10px;
    margin: 0;
    }
    
  a#pulldown_comment {
    background: url('images/pulldown_comment.gif') no-repeat;
    display: block;
    float: left;
    height: 26px;
    margin: 0 0 0 20px;
    width: 97px;
    }
    
  a#pulldown_twitter {
    background: url('images/pulldown_twitter.gif') no-repeat;
    display: block;
    float: right;
    height: 26px;
    margin: 0 15px 0 0;
    width: 82px;
    }
  
/* === REGISTER / LOGIN PANELS */

section#register_popup,
section#login_popup {
  background: url('images/register_background.png');
  display: none;
  float: left;
  height: 188px;
  margin: 5px 0 0 0;
  padding: 16px;
  width: 188px;
  }
  
  #register_popup h5,
  #login_popup h5 {
    color: #789EB2;
    font-size: 18px;
    margin: 0 0 10px 0;
    padding: 0;
    }

  input#pop_userid,
  input#pop_email,
  input#pop_password {
    background: url('images/register_input.png');
    border: 0;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    height: 16px;
    padding: 5px;
    width: 178px;
    }

    input#pop_userid { background-position: 0 -52px; }
    input#pop_email { background-position: 0 -26px; }
    input#pop_password { background-position: 0 0; }
    
  input#pop_submit {
    background: url('images/register_submit.png');
    border: 0;
    cursor: pointer;
    display: block;
    height: 20px;
    margin: 10px 0 14px 0;
    width: 188px;
    }
    
  section#register_popup label,
  section#login_popup label {
    background: url('images/register_labels.png');
    display: block;
    height: 5px;
    margin: 15px 0 5px 0;
    padding: 0;
    width: 188px;
    }
    
    label#label_userid { background-position: 0 0; }
    label#label_email { background-position: 0 -5px !important; }
    label#label_username { background-position: 0 -10px !important; }
    label#label_password { background-position: 0 -15px !important; }
    
/* === NAVIGATION BAR === */

nav {
  background: url('images/navbar_background.gif') repeat-x;
  display: block;
  height: 72px;
  margin: 0 0 10px 0;
  }

  div#navbar_container {
    margin: 0 auto;
    position: relative;
    width: 540px;
    }

  nav ul {
    list-style-type: none;
    margin: 0;
    position: absolute;
    }

    nav ul li { float: left; }

      nav ul li a {
        background: url('images/navbar_items.png');
        display: block;
        height: 54px;
        margin: 0 32px 0 0;
        }

        nav ul li#nav_home a { background-position:0 0; width: 75px; }
        nav ul li#nav_about a { background-position:-75px 0; width: 87px;}
        nav ul li#nav_tutorials a { background-position: -162px 0; width: 112px; }
        nav ul li#nav_contact a { background-position: -274px 0; width:107px; }
        nav ul li#nav_home a:hover, body#home nav ul li#nav_home a{ background-position:0 -54px; }
        nav ul li#nav_about a:hover, body#about nav ul li#nav_about a{ background-position: -75px -54px; }
        nav ul li#nav_tutorials a:hover, body#archives nav ul li#nav_tutorials a{ background-position: -162px -54px; }
        nav ul li#nav_contact a:hover, body#contact nav ul li#nav_contact a{ background-position: -274px -54px; }

/* === LOGIN / REGISTRATION BOXES === */

section#pop_login,
section#pop_register {
  background: url('images/register_background.png') right no-repeat;
  display: none;
  float: left;
  height: 182px;
  margin: 10px 0 0 0;
  padding: 15px 0 0 0;
  width: 226px;
  }
  
  section#pop_register input,
  section#pop_login input {
    border: 0;
    display: block;
    font-size: 10px;
    margin: 0 0 5px 26px;
    padding: 5px;
    width: 140px;
    }
    
    section#pop_register input#pop_submit,
    section#pop_login input#pop_submit {
      background: url('images/register_submit.png');
      clear: both;
      cursor: pointer;
      height: 20px;
      margin: 10px 0 32px 26px;
      padding: 0;
      width: 150px;
      }
      
  section#pop_register img,
  section#pop_login img {
    clear: both;
    display: block;
    margin: 10px 0 5px 26px;
    }
    
    section#pop_login img#pop_forget,
    section#pop_login img#pop_reg {
      margin: 0 0 2px 46px;
      }

  a.login_label,
  a.register_label {
    background: url('images/login_triggers.png');
    display: block;
    float: left;
    width: 20px;
    }

    a.login_label {
      background-position: 0 0;
      height: 45px;
      }

      a.login_label:hover,
      a.login_label.active {
        background-position: -20px 0;
        }

    a.register_label {
      background-position: 0 -45px;
      clear: both;
      height: 60px;
      margin: 5px 0 0 0;
      }

      a.register_label:hover,
      a.register_label.active {
        background-position: -20px -45px;
        }

/* === CONTAINERS === */

div#container{ margin: 0 auto; width: 980px; }

  div#col_left_container { float: left; width: 770px; }
  div#col_right_container { float: right; width:200px; }

/* === POST CONTAINER === */

article {
  background: #FFF;
  margin: 0 0 20px 0;
  padding: 20px 20px 5px 20px;
  }

  img.attachment-post-thumbnail { border: 1px solid #000; margin:0 0 5px 0; }
    img.attachment-post-thumbnail:hover { border-color: #888; }

  article section.metadata {
    color: #6A6A6A;
    float: left;
    font-family: Georgia,"Times New Roman", Times, serif;
    font-size: 1.2em;
    padding: 0 0 15px 0;
    }

    section.metadata a { color: #6A6A6A; }
      section.metadata a:hover { color: #000; }

  article section.comments {
    color: #6A6A6A;
    float: right;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.2em;
    }

    section.comments a { color: #6A6A6A; text-decoration: none; }
    section.comments img { vertical-align: bottom; }

  a.more-link{
    background: url('images/post_continue.png');
    clear: both;
    color: #FFF;
    display: block;
    font-family: Georgia,"Times New Roman", Times, serif;
    font-size: 18px;
    font-weight: normal;
    height: 29px;
    padding: 11px 0 0 45px;
    cursor: pointer;
    text-decoration: none;
    text-shadow: #3C474C 1px 1px 2px;
    width: 685px;
    }

    a.more-link:hover { color:#DEDEDE; }

/* === POST CATEGORIES === */

section#post_cats {
	background: #FFF;
	clear: both;
	}

	section#post_cats a {
		background: #526571;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		clear: both;
		color: #FFFFFF;
		font-size: 0.9em;
		margin: 0 2px 0 0;
		padding: 6px 8px;
		text-decoration: none;
		text-transform: uppercase;
		}
		
	section#post_cats p { margin: 0; }
		
		section#post_cats a:hover {
			background: #68808F;
			}

/* === POST METADATA === */

section.postinfo {
  background: #FFFFFF url('images/post_meta_background.png') bottom no-repeat;
  clear: both;
  color: #FFF;
  height: 92px;
  margin: -20px 0 20px 0;
  }
  
  section.postinfo time { line-height: 1.4em; }
  
  section.postinfo a { color: #FFF; text-decoration: none; }
  
  section.postinfo p.author {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 20px;
    margin: 0;
    text-shadow: #000000 1px 1px 2px;
    }

	div#postinfo_left {
		float: left;
		margin: 20px 0 0 20px;
		}

	section.postinfo section#socialize {
	float: right;
	display: block;
	margin: 10px 5px 0 0;
	width: 202px;
		}
    
	section#socialize a {
		background: url('images/post_socialize.png');
		border: 1px solid #222;
		display: block;
		height: 20px;
		margin: 0 3px 3px 0;
		width: 96px;
		}
      
		section#socialize a#reddit { background-position: 0 0; float: left; }
		section#socialize a#twitter { background-position: 0 -20px; float: left; }
		section#socialize a#feed { background-position: 0 -40px; float: left; }
		section#socialize a#facebook { background-position: -96px 0; float: right; }
		section#socialize a#delicious { background-position: -96px -20px; float: right; }
		section#socialize a#stumble { background-position: -96px -40px; float: right; }
      
		section#socialize a:hover { opacity: 0.8; }

/* === PAGE NAVI === */

div.wp-pagenavi {
  clear: both;
  display: block;
  font-size: 1.2em; 
  margin: 15px 0 20px 0;
  }
  
  div.wp-pagenavi span.pages {
    background: #FFF;
    color: #000;
    font-weight: bold;
    margin :0 4px 0 0;
    padding: 10px;
    }

  div.wp-pagenavi span.current,
  div.wp-pagenavi span.extend {
    background:#789EB2;
    color: #FFF;
    font-weight: bold;
    margin: 0 4px 0 0;
    padding: 10px;
    }
  
  div.wp-pagenavi a.page,
  div.wp-pagenavi a.nextpostslink,
  div.wp-pagenavi a.previouspostslink,
  div.wp-pagenavi a.last { 
    background: #FFF;
    color: #000;
    margin: 0 4px 0 0;
    padding: 10px;
    text-decoration: none;
    }
    
  div.wp-pagenavi a.page:hover,
  div.wp-pagenavi a.nextpostslink:hover,
  div.wp-pagenavi a.previouspostslink:hover,
  div.wp-pagenavi a.last:hover {
    background: #375265;
    color:#FFF;
    }

/* === CATEGORIES === */

ul#categories {
  list-style-type: none;
  margin:0 0 10px 0;
  }

  ul#categories li { margin:0 0 2px 0; }
  
    ul#categories li a{ 
      background: #262626;
      border-bottom: 2px solid #262626;
      color: #9E9E9E;
      display: block;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 1em;
      padding: 5px 5px 3px 10px;
      text-decoration: none;
      text-transform: uppercase;
      width: 190px;
      }
      
      ul#categories li a:hover{
        background: #242424;
        border-bottom: 2px solid #779BAE;
        color: #FFF;
        width: 185px;
        border-left: 5px solid #242424;
        }
		
	ul#categories li.current-cat a {
        background: #1d1d1d;
        color: #789EB2;
		font-weight: bold;
        width: 185px;
		border-bottom: 2px solid #1d1d1d;
        border-left: 5px solid #1d1d1d;
		}

/* === ARCHIVES === */

a.menu_trigger {
	background: #262626 url(images/sidebar_pulldown.gif) no-repeat;
	background-position: 10px center;
	color: #9E9E9E;
	cursor: pointer;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	margin: 0 0 2px 0;
	padding: 10px 10px 10px 25px;
	text-decoration: none;
	text-transform: uppercase;
	width: 170px;
	}
	
	a.menu_trigger:hover {
		color: #FFF;
		}
	
	a.menu_trigger.active {
		background: #262626 url(images/sidebar_pullup.gif) no-repeat !important;
		background-position: 10px center !important;
		}

ul#archives_menu { list-style-type: none; margin: 0; }

  ul#archives_menu li { margin: 0 0 2px 0; }
  
  ul#archives_menu li a {
    background: #181818;
    color: #9E9E9E;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 5px 5px 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 190px;
    }
  
    ul#archives_menu li a:hover { background: #779BAE; color: #000; }

/*=== SIDEBAR ADS/MESSAGES === */

div#messages img { margin-top: 10px; }

/* === ADSENSE CONTAINERS ===*/

section#sense {
  height: 90px;
  margin: 0 auto 20px auto;
  text-align: center;
  width: 100%;
  }

/* === CONTROL PANEL === */
  
ul#side_options { list-style-type: none; margin: 0; }

  ul#side_options li { margin:0 0 2px 0; }
  
  ul#side_options li a {
    background: #181818;
    color: #9E9E9E;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 5px 5px 5px 10px;
    text-decoration: none;
    text-transform: uppercase;
    width: 190px;
    }
    
    ul#side_options li a:hover { background: #779BAE; color:#000; }

/* === RESPOND === */

div#respond {
  background: #FFF url(images/comment_background.png) no-repeat;
  background-position: 650px 30px;
  margin: 0 0 20px 0;
  padding: 20px 20px 5px 20px;
  }

  div#comment_left { float: left; margin: 0 20px 0 0; }
  div#comment_right { float: left; text-align: left; }

  div#respond label {
    display: block;
    font-family: Georgia,"Times New Roman", Times, serif;
    font-size: 1.8em;
    font-weight: normal;
    margin: 0 0 5px 0;
    }

  div#respond input,
  div#respond textarea {
    border: 1px solid #547788;
    border-left: 5px solid #547788;
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    margin: 0 0 10px 0;
    }
    
  div#respond input { width: 190px; }
  
    div#respond input.disabled { background:#EEE url('images/comment_locked.gif') right no-repeat; }
    div#respond textarea{ height: 140px; width: 470px; }
	
	div#respond p.subscribe-to-comments label { display: inline; font-family: Verdana, Geneva, sans-serif; font-size: 1em; }
	div#respond p.subscribe-to-comments input { vertical-align: top; margin-top: 2px; }

/* === LOGIN WARNING === */

section#login_warning {
	background: #801C11 url('images/warning_background.png') no-repeat;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	height: 50px;
	margin: 0 0 10px 0;
	}
	
	a#warning_close {
		background: #FFFFFF;
		border: 1px solid #FFF;
		color: #801C11;
		display: block;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 8px;
		font-weight: bold;
		margin: 2px 2px 0 0;
		padding: 1px;
		float: right;
		text-decoration: none;
		}
		
		#login_warning p { padding: 14px 0 5px 50px; margin: 0; }
		#login_warning p a { color: #FFFFFF; }

/* ======================================
  Horrendous mess - need to fix this 
   ====================================== */

input#comment_submit {
  background: url('images/post_continue.png') no-repeat;
  border: 0 !important;
  color: #FFFFFF;
  cursor: pointer;
  width: 730px !important;
  font-family: Georgia,"Times New Roman", Times, serif !important;
  font-size: 18px !important;
  font-weight: normal !important;
  padding: 11px 0 8px 45px !important;
  text-align: left;
  text-shadow: #3C474C 1px 1px 2px;
  }
  
  input#comment_submit:hover { color: #DEDEDE; }

/* === COMMENT LIST === */

ol#commentlist { font-size:1.2em; margin:0; }

  li.comment { clear: both; display:block; }
  
  li.depth-2 {
    border-left: 10px solid #181818; 
    margin-left: 50px; 
    padding-left: 10px; 
    }
    
    li.depth-2 li.reply { display: none; }
  
  div.comment_info{
    background: #242424 url('images/comment_trim.gif') top repeat-x;
    color: #FFF;
    height: 60px;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    position: relative;
    width: 100%;
    }
    
  li.comment-author-admin div.comment_info { 
    background: url('images/comment_trim_author.gif') top repeat-x;
    }
    
  div.comment_info div.gravatar { 
    background: #111111;
    position: absolute;
    left: 15px;
    padding: 5px;
    top: 15px;
    }
    
  div.comment_info div.comment_poster {
    float: left;
    margin: 15px 0 0 90px;
    position: absolute;
    width: 300px;
    }
    
  div.comment_poster h5{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    margin: 0;
    text-shadow: #111 2px 2px 2px;
    }
    
    div.comment_poster h5 a { color: #A1BECE; text-decoration: none; }
      div.comment_poster h5 a:hover { color: #FFF; }

  div.comment_poster span { color: #F2F1E9; font-size:0.8em; }
  div.comment_info div.comment_options { float: right; margin: 38px 0 0 0; }
  
  a.comment_reply {
	  background: url('images/comment_reply.gif') no-repeat;
	  display: block;
		height: 20px;
		width: 39px;
	}

/* === COMMENT OPTIONS === */

ul.options{ list-style-type: none; margin:0; }

  ul.options li { float: left; }

    ul.options li a{
      background: url('images/comment_options.png');
      border: 2px solid #242424;
      display: block;
      height: 12px;
      margin: 0 5px 0 0;
      text-decoration: none;
      width: 12px;
      }
      
      ul.options li a span {
        color: #666666;
        display: none;
        font-size: 0.8em;
        position: absolute;
        right: 10px;
        bottom: 25px;
        text-align: right;
        width: 200px;
        }
        
        li.reply a:hover span, 
        li.quote a:hover span,
        li.link a:hover span,
        li.website a:hover span,
        li.edit a:hover span,
        li.close a:hover span,
        li.report a:hover span { 
          display: inline; 
          }
          
        ul.options li.reply a { background-position: 0 0; }
        ul.options li.quote a { background-position: -12px 0; }
        ul.options li.link a { background-position: -24px 0; }
        ul.options li.website a { background-position: -36px 0; }
        ul.options li.edit a { background-position: -48px 0; }
        ul.options li.close a { background-position: -60px 0; }
        ul.options li.report a { background-position: -72px 0; }
        ul.options li.reply a:hover { background-position: 0 -12px; }
        ul.options li.quote a:hover { background-position: -12px -12px; }
        ul.options li.link a:hover { background-position: -24px -12px; }
        ul.options li.website a:hover { background-position: -36px -12px; }
        ul.options li.edit a:hover { background-position: -48px -12px; }
        ul.options li.close a:hover { background-position: -60px -12px; }
        ul.options li.report a:hover { background-position: -72px -12px; }

        ul li.link_info {
          background: #e5e3db;
          border: 1px solid #242424;
          color: #242424;
		  display: none;
          font-size: 0.8em;
          padding: 10px;
          position: absolute;
          right: 100px;
          top: 70px;
          }

/* === COMMENT CONTENT === */

div.comment_content { color: #FFF; margin: 10px 10px 20px 90px; }

  div.comment_content a { color:#607E91; }

    div.comment_content a:hover { color: #666666; }

/* === FOOTER === */

div#footer_container {
  background: #242424 url('images/footer_background.gif') repeat-x;
  clear: both;
  margin: 20px 0 0 0;
  }

  footer {
    background: url('images/footer_shield_background.png') right repeat-y;
    color: #818181;
    margin: 0 auto;
    padding: 20px 0 0 0;
    position: relative;
    width: 980px;
    }
  
  footer a { color: #818181; }
    footer a:hover { color: #DDDDDD; }
  footer ul { margin: 0 0 0 30px; }
  footer li { margin: 0 0 5px 0; }

  #footer_col1 {
    float: left;
    margin-right: 10px;
    width: 300px;
    }
  
  #footer_col2 {
    border-left: 1px solid #717171;
    float: left;
    padding: 0 30px 0 30px;
    width: 300px;
    }
  
  #footer_col4{
    float: right;
    text-align: center;
    width: 190px;
    }
    
  #footer_shield_top {
    background: url('images/footer_shield_top.png') no-repeat;
    height: 10px;
    position: absolute;
    right: -9px;
    top: -10px;
    width: 208px;
    }
 
  ul#footer_buttons { margin: 0; }
  
    ul#footer_buttons li { 
      float: left;
      list-style-type: none;
      padding: 0 5px 0 0;
      }
    
    ul#footer_buttons a {
      background: url('images/footer_buttons.png') no-repeat;
      display: block;
      height: 40px;
      width: 40px;
      }
      
      ul#footer_buttons li#footer_twitter a { background-position: 0 0; }
      ul#footer_buttons li#footer_linkedin a { background-position: -40px 0; }
      ul#footer_buttons li#footer_stumble a { background-position: -80px 0; }
      ul#footer_buttons li#footer_rss a { background-position: -120px 0; }
      ul#footer_buttons li#footer_wordpress a { background-position: -160px 0; }
        ul#footer_buttons li#footer_twitter a:hover { background-position:0 -40px; }
        ul#footer_buttons li#footer_linkedin a:hover { background-position: -40px -40px; }
        ul#footer_buttons li#footer_stumble a:hover { background-position: -80px -40px; }
        ul#footer_buttons li#footer_rss a:hover { background-position: -120px -40px; }
        ul#footer_buttons li#footer_wordpress a:hover { background-position: -160px -40px; }

/* === CONTACT FORM === */

body#contact h3 { padding-top: 0; margin-top: 0; border: 0; }

div#contact_form {}

    form#contact label {
      background: #262626 url(images/sidebar_pullup.gif) no-repeat;
      background-position: 10px center;
      border: 1px solid #262626;
      color: #989898;
      display: block;
      padding: 10px 10px 10px 25px;
      margin: 0;
      text-transform: uppercase;
      width: 690px;
      }
      
    form#contact input, form#contact textarea {
      background: #EEE;
      border: 1px solid #262626;
      display: block;
      font-family: Verdana, Geneva, sans-serif;
      font-size: 1.2em;
      margin: 0;
      padding: 5px 10px 5px 10px;
      width: 705px;
      }
      
      form#contact textarea {
        font-size: 1em;
        height: 200px;
        }
      
    form#contact input#submit_contact {
      background: #375265;
      color: #FFF;
      font-size: 1em;
      font-weight: bold;
      padding: 10px;
      text-transform: uppercase;
      width: 727px;
      }

/* === LIGHTBOX === */

#lbOverlay {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  cursor: pointer;
  }

#lbCenter, #lbBottomContainer {
  position: absolute;
  z-index: 9999;
  overflow: hidden;
  background-color: #FFF;
  }

.lbLoading { background: #FFF url(includes/loading.gif) no-repeat center; }

#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #FFF;
  background-repeat: no-repeat;
  }

#lbPrevLink, #lbNextLink {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
  }

  #lbPrevLink { left: 0; }
  #lbPrevLink:hover { background: transparent url(includes/prevlabel.gif) no-repeat 0 15%; }
  #lbNextLink { right: 0; }
  #lbNextLink:hover {  background: transparent url(includes/nextlabel.gif) no-repeat 100% 15%; }

#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #FFF;
  border-top-style: none;
  }

#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(includes/closelabel.gif) no-repeat center;
  margin: 5px 0;
  outline: none;
  }

#lbCaption, #lbNumber { margin-right: 71px; }

/* === FILE TYPES === */

a.filetype {
  background: url('images/icon_filetypes.gif');
  display: block;
  height: 50px;
  margin: 0 10px 0 0;
  width: 43px;
  }
  
  a#file_psd { background-position: 0 0; }
  a#file_psd:hover { background-position: 0 -50px; }

/* === GENERIC CLASSES === */

div.notice {
  background: #5b0d0d;
  color: #FFF;
  padding: 20px 20px 5px 20px;
  margin: 0 0 15px 0;
  }
  
acronym { border-bottom: 1px dashed #547788; cursor: help; }

dfn {
  background-color: #c1d1d9;
  border-radius: 4px;
  padding: 3px;
  }

pre { background: url(images/code_code.gif) no-repeat; padding: 0 0 15px 18px; }
code{ background: #DDD; color: #000; font-family: Courier, monospace; font-size: 1.2em; line-height: 1.5em; overflow: auto; }
pre code { border-left: 1px solid #779BAE; border-top: 1px solid #779BAE; display: block; padding: 16px 10px; }

/* === HEADERS === */

h1 {
  color: #547788;
  font-family: Georgia,"Times New Roman", Times, serif;
  font-size: 4em;
  font-weight: normal;
  letter-spacing:-1px;
  line-height: 1.1em;
  margin: 0 0 0 0;
  }
  
  h1 a { color: #547788; text-decoration: none; }
  h1 a:hover { color: #244757; }

h2 {
  color: #777;
  font-family: Georgia,"Times New Roman", Times, serif;
  font-size: 3.2em;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 1em;
  margin: 0 0 20px 0;
  }

h3 {
  border-top: 1px solid #BBB;
  color: #333;
  font-family: Georgia,"Times New Roman", Times, serif;
  font-size: 2.8em;
  font-weight: normal;
  letter-spacing: -1px;
  margin: 20px 0 10px 0;
  padding: 20px 0 0 0;
  }
  
  h3 a { text-decoration: none; color: #333; }
  h3 a:hover { color: #000; }

h4 {
  color: #547788;
  font-family: Georgia,"Times New Roman", Times, serif;
  font-size: 2.3em;
  font-weight: normal;
  margin: 20px 0 10px 0;
  }
  
  h4 a { color: #547788; text-decoration: none; }
  h4 a:hover { color: #547788; }
  
h5 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.8em;
  font-weight: normal;
  margin: 0 0 5px 0;
  }
  
h6 {
  color: #818181;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.6em;
  font-weight: normal;
  margin: 0 0 5px 0;
  text-transform: uppercase;
  text-shadow: #000 1px 2px 2px;
  }
  
hr{
  border: none;
  border-bottom: 1px dashed #888;
  clear: both;
  color: #888888;
  height: 1px;
  padding: 10px 0;
  }

p.caption {
  background: #000;
  color: #FFF;
  padding: 0 0 5px 0;
  text-align: center;
  width: 100%;
  }
  
article ul, article ol{ font-size: 1.2em; }

li { line-height: 1.5em; margin: 0 0 10px 0; }
ol { list-style-type: decimal; margin: 10px 0 0 40px; }
ul { list-style-type: square; margin: 10px 0 0 40px; }

ul.pointer { list-style-type: none; }
  ul.pointer li { background: url('images/bullet_pointer.jpg') left no-repeat; padding: 0 0 0 20px; }

p { line-height: 1.5em; margin: 0 0 15px 0; }
  article p, div#respond p { font-size: 1.2em; }

small { font-size: 0.8em; }

.borderblack { border: 1px solid #000 !important; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

table {
	font-size: 1.2em;
	margin: 0 0 20px 0;
	}
	
	table th { font-weight: bold; }
	table td, th { padding: 5px; border: 1px solid #CCC; text-align: center; }

div.textcenter { text-align: center; }

.hiddenlink { text-decoration: none; }

img.floatleft, a.floatleft { margin: 0 10px 10px 0; }
img.floatright, a.floatright { margin: 0 0 10px 10px; }
img.floatcenter { display: block; margin: 0 auto; }

blockquote {
  border-left: 2px solid #333;
  color: #444;
  margin: 10px 20px;
  padding: 0 0 0 20px;
  }

blockquote.pullquote{
  background: #769AAD;
  color: #FFF;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0 0 10px 10px;
  padding: 10px;
  text-shadow: #2b4e5f 1px 1px 1px;
  width: 230px;
  }
  
input.disabled{ color: #888888 !important; }

/* ===== BUG FIXES ===== */

/* IE6 does not render HTML5 elements as blocks. */
section, header, hgroup, article, footer { display: block; }