* { padding:0; margin:0; outline:0; }

ul li {
	list-style-type: none;
}
#myBullets {
	padding-left: 12px;
}
#myBullets li {
	display: list-item;
	list-style-type: square;
}

@font-face { 
	font-family: YK; 
    src: url('../fonts/YanoneKaffeesatz-Regular.eot'); 
    src: local("Yanone Kaffeesatz"), url('../fonts/YanoneKaffeesatz-Regular.ttf'); 
} 
body {
	background:#56442d url(images/body.jpg) center center;
	font-family: verdana, arial, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#e5d4c0;
}
#bg h1 { 
  font: 450% 'YK';
  text-shadow:  #ffffff 1px 1px;
  color: #777;
}
#head-p { 
  font: 150% 'YK';
  text-shadow:  #000000 1px 1px;
  color: #e5d4c0;
}

input, textarea, select { font-family: Arial, sans-serif; font-size:13px; color:#ccc; }
textarea {overflow:auto;}

a img { border:0; }

a { color:#b5be53; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

h1 { font-size:38px; line-height:40px; color:#f3d74e; }
h1 a { color:#f3d74e; text-decoration: none; text-shadow: #000 0 0 2px;}
h1 a:hover { color:#fdb033; }

.post h2 {
	font: 200% 'YK';
	line-height:30px;
	color:#b5be53;
	padding-bottom:10px;
}

h3 { font-size:110%; line-height:20px; }
h4 { font-size:; line-height:; }
h5 { font-size:; line-height:; }




.shell { width:980px; margin:0 auto; }

#bg { width:100%; background:url(images/top.jpg) repeat-x center 0;}

#header { height:607px; }
#header .left{ width:480px; color:#f8fec5; font-size:14px; font-weight: bold; line-height:20px; padding-top:20px;}
#header .left p{ width:350px; padding-top:10px;}

.two-posts {}
.two-posts .left{ width:624px;}
.two-posts .right {
	width:346px;
	word-wrap: break-word;
}

.post { height:100%; background:url(images/post.png); border:solid 1px #473826; margin-bottom:10px; padding:20px 20px 5px 20px;}
.post p{ padding-bottom:15px; }
.post .img { border:solid 5px #6e5840;}
.post img.alignleft { margin-right:15px;}

#about, #links {
	height: 320px;
}

ul.twitter { list-style-type: none; color:#b28c62;}
ul.twitter li{ padding-bottom:15px; }
ul.twitter span{ display:block; color:#b4b4b4; }

.two-posts .post{ min-height:280px;}

.portfolio { padding-bottom:15px; position:relative; }
.portfolio-holder{ width:886px; height:270px; position:relative; overflow:hidden; left:28px;}
.portfolio .jcarousel-clip{ width:886px; height:270px; position:relative; overflow:hidden; }
.portfolio ul{ list-style-type: none; width:904px; height:270px; position:relative; overflow:hidden; }
.portfolio ul li{ float:left; display:inline; width:204px; margin-right:22px; height:270px; overflow:hidden; }
.portfolio ul li a{ display:block; margin-bottom:22px; }
.portfolio ul li a img{ border:solid 5px #6e5840; }
.portfolio ul li a:hover img{ border-color:#483826; }

.portfolio-nav a{ position:absolute; top:121px; width:25px; height:27px; font-size:0; line-height:0; text-indent: -4000px; text-decoration: none;}
.portfolio-nav a.prev{ background:url(images/prev.gif); left:-7px; }
.portfolio-nav a.next{ background:url(images/next.gif); left:920px;}

#footer { text-align: center; padding:10px 0 20px 0; color:#aaa; font-size:11px;}
#footer a{ color:#aaa; }

.contact-form { padding-bottom:20px; }
.contact-form .left{ width:500px; }
.contact-form .right{ width:377px; }

label { display:block; font-weight: bold; padding-bottom:3px; }
label span{ color:#b5be53; font-weight: normal;}

.field { display:block; border:0; width:365px; border:solid 1px #473928; padding:4px 5px; margin-bottom: 0px; background:url(images/post.png);}
textarea.field { height:100px; }

input.submit-form { border:0; background:transparent; padding:0; float:right; color:#b5be53; text-decoration: underline; cursor:pointer; font-weight: bold; text-transform: uppercase;}
input.submit-form:hover { text-decoration: none;}

/*  Navigation
---------------------------------------------------------------------*/
/*
#navigation ul{ list-style-type: none; font-weight: bold; font-size:17px; line-height:24px; }
#navigation ul li{ float:left; display:inline; padding-top:22px; margin-left:33px; position:relative; }
#navigation ul li a:hover,
#navigation ul li a.active{ color:#fff; }
*/

#mainNav {
	float:right;
	width:500px;
	height:82px;
	background:url(images/nav.png);
}
#mainNav ul.top-level {
	margin-left: 20px;
	margin-top: 10px;
}
#mainNav ul li a {
	color:#f3d74e;
	text-decoration: none;
	text-shadow: #000 0 0 2px;
}
#mainNav ul.top-level li {
	float:left;
	position: relative;
}
#mainNav ul.top-level li a {
	display:block;
	font: 200% 'YK';
	color: #f3d74e;
	text-shadow: #021818 0 1px 1px;
	padding: 8px 25px 7px 25px;
}

/* style the hidden dropdown */
#mainNav ul.top-level li ul{
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	opacity:0; /* Set initial state to transparent */
	-webkit-transition:0.25s linear opacity; /* Make the dropdown fade-in in Webkit */
	-moz-transition:0.25s linear opacity; /* Make the dropdown fade-in in Moz/Firefox */
	-o-transition:0.25s linear opacity; /* Make the dropdown fade-in in Opera */
	-ms-transition:0.25s linear opacity; /* Make the dropdown fade-in in IE9+ */
	width: 200px;
	z-index: 1;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid white;
}

#mainNav ul.top-level li:hover ul,
#mainNav ul.top-level li:focus ul {
	opacity: 1;
	left: 0;
}

#mainNav ul.top-level li ul li,
#mainNav ul.top-level li ul li:last-of-type {
	border: none;
}

#mainNav ul.top-level li ul li a {
	width: 180px;
	margin: 0;
	padding: 5px 10px;
	font: 140% 'YK';
	color: #b5be53;
	text-shadow: none;
}

#mainNav ul.top-level li ul li a:hover,
#mainNav ul.top-level li ul li a:focus {
	background: rgb(255, 255, 255);
}
	
/* GnasheRs HTML Email Styles */
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}