/*
Theme Name: Walrus Work Site
Theme URI: http://walrusnyc.com/
Description: A simple style sheet to display new Walrus Work
Version: 1.0
Author: Amy Butterworth
Tags: two columns, fixed logo background, orange and grey, walrus
*/

/* Notes to self:
use "." for classes and use "#" for id's*/

/* Text Formatting */
img {
	border-style: none;
	}
	
body { background-color: #f0f2f3;
	  background-image: url(images/walrus_background.jpg);
	  background-attachment: fixed;
	  background-repeat: no-repeat;}
		
.post {	font-family: Courier, serif;
	font-size: smaller;
	color: #333333;
	line-height: 145%;}
	
#sidebar ul li{
	list-style: none;
	font-size: 11px;
}	

#sidebar ul{
	margin-left: -14px;
	line-height: 250%;
}
/* Header Links */
#animatronic
{ position: fixed;
  left: 20px;
  top: 70px;
  display: block;
  width: 106px;
  height: 43px;
  background: url("images/animatronic_wide.jpg") no-repeat 0 0;
}

#animatronic:hover
{ 
  background-position: 0 -43px;
}

#animatronic span
{
  display: none;
}

#backlink {
	font-family: Courier, serif;
	margin-left: 200px;
	margin-top: 40px;
	/*border: 2px solid #e6e6e6;*/
}	

/* Header Links */
h1 {font-weight:lighter}
h2 {font-weight:lighter}
h3 {font-weight:lighter}

#backlink {
	position: fixed;
	font-family: Courier, serif;
	margin-left: 200px;
	margin-top: -56px;
	background-color: #ffffff;
	padding-top: 0px;
	/*border: 2px solid #e6e6e6;*/
}	

#backlink a:link {
	font-weight: lighter;
	color: #7b571e;
	font-size: 13px;
	text-decoration: none;
}

#backlink a:visited {
	font-weight: lighter;
	color: #7b571e;
	font-size: 13px;
	text-decoration: line-through;
}

#backlink a:hover {
	font-weight: lighter;
	color: #F4783E;
	font-size: 13px;
	text-decoration: none;
}

#backlink a:active {
	font-weight: lighter;
	color: #7b571e;
	font-size: 13px;
	text-decoration: none;
}
	
/* Links */	

a:link {
	color: #F4783E;
	text-decoration: none;
}
a:visited {
	color: #F4783E;
	text-decoration: line-through;
}

#sidebar a:link {
	color: #7b571e;
	text-decoration: none;
}
#sidebar a:visited {
	color: #3f2004;
	text-decoration: none;
}

#sidebar a:hover {
	color: #7D8D96;
	text-decoration: none;
	/*background-color: #ffffff;*/
}

SELECT {
	color:#7b571e;
	margin-top: 4px;
	margin-left: -5px;
	font-family: Courier, serif;
	border:none;
	background-color:none;
}

.reference {
	color: #657071;
	font-family: sans-serif;
	font-weight: bold;
	font-size: normal;
	letter-spacing: .125em;
}

.post h1 a:link {
	color: #7b571e;
	font-weight: lighter;
	text-decoration: none;
}
.post h1 a:visited {
	color: #7b571e;
	font-weight: lighter;
	text-decoration: line-through;
}

.post h1{
	font-color: #4f3101;
	margin-top: 10px;
}

/* Box Formatting */
.post {
	background-color: #FFFFFF;
	padding: .25em 1em 1em 1em;
	margin-bottom: 1.25em;
	/*border: 2px solid #e6e6e6;*/
}

#flashtitle {
	margin-top: 12px;
	margin-bottom: 0px;
}


/* Page Structure (Columns and such) */
div#container{
	position: absolute;
	margin-left: 210px;
	width: 626px;
}

#sidebar {
	font-family: Courier;
	color: #7D8D96;
	font-size: 8px;
	width: 200px;
	position: fixed;
	top: 115px;
	left: .25em;
	list-style: none;
}
	
#logotab {
		list-style-type: none;
		color: #333333;
}

#header{
	margin-top: -50px;
	top: 0;
	/*visibility: hidden;*/
}

/* Drop Down Menu*/
#suckerfishnav {
    background:#9C1F1B url("../multi-level-navigation-plugin/images/suckerfish_red.png") repeat-x;
    font-size:18px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#dddddd;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:12px;
    color:#dddddd;
    }
#suckerfishnav li ul ul {
    margin:-21px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#9C1F1B;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#dddddd;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#dddddd;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#dddddd;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#444444;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#DA0909;
    }