/*
Theme Name: Walking Eye 2010
Theme URI: http://www.walkingeye.com/
Description: Walking Eye theme developed in 2010.
Version: 1.0
Author: Ben Ickler
Author URI: http://www.randomsoup.net
Tags: walking eye, custom header, fixed width, two columns, widgets

	Walking Eye v1.0
	 
	This theme was designed and built by Ben Ickler,
	whose blog you will find at http://www.randomsoup.net/

*/

/*fonts*/
@font-face {
	font-family: 'Junction';
	src: url('/fonts/Junction-webfont.eot');
	src: local(';)'), url('/fonts/Junction-webfont.woff') format('woff'), url('/fonts/Junction-webfont.ttf') format('truetype'), url('/fonts/Junction-webfont.svg#webfont') format('svg');
}


/*elements*/
body{
 background:url(/wp-content/themes/walking_eye/images/bgtile.jpg);
 color:#777;
}

h1{
 font-family:Junction, Trebuchet MS, sans-serif;
 text-align:center;
 font-size:60px;
 color:#141819;
 text-shadow:-1px -1px 1px black, 0 0 10px black;
 line-height:1em;
 position:relative;
 z-index:5;
}
h1 strong{
 font-size:80px;
 letter-spacing:-6px;
}
h1 a{
 color:#141819;
 text-shadow:-1px -1px 1px #000, 0 0 10px #000;
 -webkit-transition:all .2s linear;
 -o-transition:all .2s linear;
}
h1 a:hover{
 color:#121225;
 text-shadow:-1px -1px 1px #000, 0 0 0 rgba(0,0,0,0);
}

h2{
 margin:0 auto 0;
 position:relative;
 z-index:50;
 font-family:Junction, Trebuchet MS, sans-serif;
 font-size:24px;
 color:#29293d;
 text-shadow:-1px -1px 1px black, 0 0 10px black;
 line-height:1.3em;
}
h2 a{color:#29293d;}
h2 a:hover{
 color:#644a4f;
 text-shadow:0 0 4px #644a4f;
}

p{
 margin:0px 0px 10px 0px;
 padding:10px 10px 10px 15px;
 text-shadow:1px 1px 1px #222;
 color:#777;
 font-family:Verdana;
 font-size:.9em;
}

p span{
 color:#555;
 font-weight:bold;
 font-size:1.1em;
 text-shadow:-3px -1px 1px black;
 letter-spacing:3px;
 margin:0 0 0 -5px;
}

a{
 color:#555;
 font-weight:bold;
 text-shadow:-3px -1px 1px #000,
 0 0 0 rgba(0,0,0,0),
 0 0 0 rgba(0,0,0,0);
 letter-spacing:1px;
 text-decoration:none;
 -webkit-transition:all .2s linear;
 -o-transition:all .2s linear;
}

a:hover{
 color:#676798;
 text-shadow:
 0 0 2px #29293d,
 0 0 4px #48486a,
 0 0 8px #29293d;
}

a:active{outline:0;}

hr{display:none;}

/*classes*/
.Junction{font-family:Junction, sans-serif;}

.dnshadow{
 background:url(/wp-content/themes/walking_eye/images/dropshadow002.png) repeat-x;
 width:100%;
 height:16px;
 border-top:1px solid #111;
 position:absolute;
 z-index:50;
 left:0;
}

.upshadow{
 background:url(/wp-content/themes/walking_eye/images/upshadow001.png) repeat-x;
 width:100%;
 height:20px;
 margin:-20px 0 0 0;
 border-bottom:1px solid #111;
 position:absolute;
}

.highlight{
 background:url(/wp-content/themes/walking_eye/images/highlighttile.png);
 width:100%;
 height:20px;
 position:absolute;
}

.nocomments{display:none;}
.alignleft{display:none;}
.alignright{display:none;}

.description{
 text-align:center;
 font-family:Junction, Arial, sans-serif;
 letter-spacing:25px;
 font-size:1.3em;
 line-height:1.2em;
 margin:-2px 0 0 0;
 color:#121225;
 text-shadow:-1px -1px 1px #000;
 position:relative;
 z-index:40;
 font-size:35px;
}

/*layout*/
#eyeswalking{
 width:453px;
 height:120px;
 position:absolute;
 z-index:2;
 left:-30px;
 top:0px;
 background:url(/wp-content/themes/walking_eye/images/eyeswalking01-50.png) no-repeat;
 margin:15px 0 0;
}

#header{
 background:url(/wp-content/themes/walking_eye/images/toptile.jpg) repeat;
 border-bottom:1px solid #2d2f3c;
 width:100%;
 min-width:700px;
 z-index:1;
 position:absolute;
 height:150px;
 left:0;
}

#headcage{
 width:700px;
 margin:0px auto;
 padding:25px 0 15px;
 position:relative;
 z-index:4;
 height:110px;
}

#headerimg{
 float:right;
 margin:-120px 0 0;
 top:0;
 z-index:60;
}

#main{
 background:url(/wp-content/themes/walking_eye/images/midtile.jpg);
 min-height:400px;
 height:auto !important;
 height:400px;
 min-width:700px;
 width:100%;
 position:relative;
 top:0px;
 padding:25px 0;
 left:0;
}

#container{
 width:714px;
 margin:0 auto;
 height:auto;
 position:relative;
}

#sidebar{
 font-family:Junction, Trebuchet MS, sans-serif;
 color:#29293d;
 font-size:20px;
 line-height:1.2em;
 letter-spacing:3px;
 text-align:right;
 position:absolute;
 left:0px;
 text-shadow:-2px -1px 0 #111, -2px -2px 3px #000;
 margin:10px 0 0;
 width:200px;
}
#sidebar a{
 -webkit-transition:all .1s linear;
 -o-transition:all .1s linear;
 padding:5px 11px;
 border:1px solid #0c0e0e;
 background:#101314;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
 -moz-box-shadow:3px 1px 1px #000;
 -webkit-box-shadow:3px 1px 1px #000;
 box-shadow:3px 1px 1px #000;
 text-shadow:3px 1px 1px #000, 0 0 0 transparent, 0 0 0 transparent;
}
#sidebar a:hover{
 border:1px solid #0d0f10;
 background:#0d0f10;
 background:rgba(0,0,0,.3);
 -moz-box-shadow:3px 1px 1px #000 inset;
 -webkit-box-shadow:-3px -1px 1px #000;
 box-shadow:3px 1px 1px #000 inset;
 margin:-1px -3px 2px 6px;
 text-shadow:
 0 0 2px #29293d,
 0 0 4px #48486a,
 0 0 8px #29293d;
}
#sidebar li{
 padding:3px 0;
 margin:0 0 15px;
}
#sidebar li:hover{cursor:pointer;}

#content{
 width:480px;
 height:auto;
 padding:7px;
 background:url(/wp-content/themes/walking_eye/images/black50.png);
 border:1px solid black;
 box-shadow:0 7px 15px rgba(0, 0, 0, .8);
 -webkit-box-shadow:0 7px 15px rgba(0, 0, 0, .8);
 -moz-box-shadow:0 7px 15px rgba(0, 0, 0, .8);
 margin:0 0 0 220px;
 position:relative;
 top:0;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 border-radius:10px;
}

#content img:hover{
 box-shadow:
 0 0 2px #29293d,
 0 0 4px #48486a,
 0 0 8px #29293d;
 -webkit-box-shadow:
 0 0 2px #29293d,
 0 0 4px #48486a,
 0 0 8px #29293d;
 -moz-box-shadow:
 0 0 2px #29293d,
 0 0 4px #48486a,
 0 0 8px #29293d;
}

#footer{
 height:auto;
 width:100%;
 padding:0 0 25px;
 margin:0 0 -15px;
}

#footer p{
 text-align:center;
 padding:25px 0 0;
}

h3{
 font-size:20px;
}

#subnav{
 font-size:12px;
 font-family:Trebuchet MS;
}

#subnav li{
 float:left;
 margin:0 10px 0 0;
}

#subnav a{
  -moz-box-shadow:none;
 -webkit-box-shadow:none;
 box-shadow:none;
 padding:0px 0px;
 border:none;
 background:transparent;
 -moz-border-radius:0;
 -webkit-border-radius:0;
 border-radius:0;
}

#subnav a:hover{
 border:none;
 background:transparent;
 -moz-box-shadow:none;
 -webkit-box-shadow:none;
 box-shadow:none;
 margin:0;
}