/* 
Theme Name: MatHelme.com
Theme URL: http://mathelme.com/
Description: Mat Helme - Showcase of a New Media Designer
Author: Mat Helme
Author URI: http://mathelme.com
Version: 2.0.1
*/


/*// RESET //*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*// MAIN //*/
body { font:12px Verdana Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#746400; line-height:24px; letter-spacing:.03em; background:url(images/bg.jpg) repeat; z-index:1; }
 
#sitewrapper { background:url(images/bg-x.jpg) repeat-x; width:100%; height:100%; position:absolute; }

#wrap { margin:0 auto; position:relative; width:1000px; }

a { color:#110f01; text-decoration:none; }

#header ul a:hover, .current_page_item a, .current-cat a { color:#000 !important; background:#e4c400; padding:1px 10px; margin:0 -12px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px; border:1px solid #000; text-shadow:0px 0px 0px #000 !important; }

a:active { position:relative; top:-1px; }

h1, h2, h3, h4, h5, h6, p, a { text-shadow: 1px 1px 2px #ffef91; }

h1 { font-size:28px; text-transform:uppercase; background:url(images/dots.png) bottom repeat-x; padding:0 0 10px 0; margin:0 0 50px 0; }

h1, h1 a { color:#1e1e1e; }

h2 { font-size:18px; text-transform:uppercase; background:url(images/dots.png) bottom repeat-x; padding:0 0 10px 0; margin:0 0 10px 0; }

h1, h2, h3 { font-size:450%; }

hr { background:url(images/dots.png) bottom repeat-x; width:570px; height:1px; padding:0; margin:50px 0; clear:both; border:0; float:left; }


/*// HEADER //*/
#header { float:left; width:1000px; font-size:11px; height:250px; margin:0 0 50px 0; color:#e4c400; position:relative; }

#logo { float:left; margin:65px 210px 0 0; }

#header .header-lists { float:left; margin:30px 20px 50px 0; }

#header #right { margin-right:0; }

#header h3 { font-size:32px; text-transform:uppercase; background:url(images/dashes-yellow.png) bottom repeat-x; padding:0 0 10px 0; margin:0 0 10px 0; width:179px; }

#header li a { color:#e4c400; text-shadow: 1px 1px 2px #000;  }

#load { height:31px; width:31px; background:url(images/ajax-loader.gif) no-repeat; position:absolute; top:0; left:0; margin:112px 0 0 485px; display:none; }


/*// CONTENT //*/
#content { float:left; }

.words { width:570px; margin-right:50px; }

/*// ME //*/
#me { width:1000px; background:url(images/push-pixels.png) no-repeat; height:400px; margin:0 0 50px 0; }

/*// POSTS //*/
.posts { float:left; position:relative; width:200px; height:200px; overflow:hidden; }

.posts:hover { -moz-box-shadow:  1px 1px 12px #7d7972; /* Firefox */ -webkit-box-shadow:  2px 2px 3px 2px #7d7972; /* Safari, Chrome */ box-shadow:  2px 2px 3px 2px #7d7972; /* CSS3 */ width:300px; height:300px; margin:-52px -52px -50px -50px; z-index:100; border:1px solid #111; }

.posts:active { border-color:#e4c400; }

.posts img { z-index:4; float:left; margin:-50px 0 0 -50px; }

.posts:hover img { margin:0; }

.posts span { background:url(images/dots2.png) repeat; z-index:5; width:300px; height:300px; position:absolute; left:0; top:0; }

.posts:hover span { display:none; }

.posts a h4 { display:none; color:#e4c400; text-shadow:0px 0px 0px #000 !important; }

.posts a:hover h4 { display:block; font-weight:normal; text-align:center; background:#111; line-height:32px; width:300px; position:absolute; bottom:0; }


/*// SIDEBAR //*/
#sidebar { width:380px; float:left; }

.widget { margin-bottom:50px; }


/*// FOOTER //*/
#footer { float:left; width:1000px; background:url(images/dots.png) top repeat-x; margin:50px 0 0; }

#footer p { text-align:left; padding:50px 0; margin:0 0 0 620px; }

#footer span { font-family: "Times New Roman", Times, serif; }

/*// SLIDESHOW //*/
.slideshow-nav { position:relative; width:1000px; margin:0; padding:0; float:left; }

a.slideshow-prev { height:500px; position:absolute; left:0; top:0; text-align:left; width:500px; z-index:1001; margin:0; padding:0; }

a.slideshow-next { height:500px; position:absolute; right:0; top:0; text-align:right; width:500px; z-index:1001; margin:0; padding:0; }

a.slideshow-next:hover { background:url(images/next.png) no-repeat center; }

a.slideshow-prev:hover { background:url(images/prev.png) no-repeat center; }

.slideshow-title { position:absolute; bottom:0; left:0; text-align:center; width:980px; padding:10px; margin:0 0 20px 0; background:transparent url(images/fade-blk.png) repeat; font-size:14px; z-index:1010; color:#fff; z-index:1010; text-shadow: 1px 1px 1px #000; }


/*// FORMS //*/
input, textarea { border:2px solid #d7d6ce; padding:8px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background:#efeee7; color:#7d7972; }