/*
Theme Name: EpixNew
Theme URI: http://epixstudios.co.uk
Description: EpixStudios Wordpress theme
Version: 1.0
Author: Damian Moore
Author URI: http://epixstudios.co.uk
*/

/* reset css */
/*html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}*/

/* defaul css */ 
/*body { font-size: 13px; font-style: italic; font-family: Georgia,"Times New Roman","Bitstream Charter"; color: #FFFFFF; }
body div { padding: 10px; }
body div div {padding: 0px;}
body div div.center { width: 700px; margin: 0 auto; }
a { text-decoration: none; color: #ccc; }
a:hover { text-decoration: underline; }*/

/* menu */
/*#menu { background-color: #009ad8; height: 147px; }
#menu div.center { position: relative; height: 147px; }
#menu ul { list-style:none outside none; position:absolute; bottom: 0px; }
#menu ul li { float:left; margin-right: 50px; }
#menu a { color: #ffffff; font-size: 15px; }
#menu img { float: right; margin-top:-7px; margin-right: -40px; }*/

/* content */
/*#content { background-color: #34352e;}
#content .page-type {color: #737373; font-size: 20px; display:block; margin-bottom: 20px; margin-top: 20px; }
#content .page-type span { font-size: 13px; }
#content .project { -moz-border-radius: 5px; background-color: #3c3d36; padding:20px; margin-top: 10px; margin-bottom: 10px; color: #fff; }
#content .project h3 a { color:#009ad8; font-size:23px; line-height: 25px; text-shadow:0 1px 0 #000000; }
#content .project span { display: block; margin-bottom: 5px;}
#content .project:last-of-type { margin-bottom: 50px; }
#content #project-meta h3 { font-size: 16px; color:#ffffff; text-shadow:0 1px 0 #000000;}
#content #project-meta { color: #555454; clear: both; margin-bottom: 20px; margin-top: 20px;}
#content #project-meta .box span{ min-width:180px; float:left;}
#content #project-meta .box { display: block; color: #555454; }
#content h1 { color:#ccc; font-size:19px; line-height: 25px;  margin-top: 20px; display: block; text-shadow:0 1px 0 #000000; }
#content .project .wp_syntax span { display: inline; }
#content .project .wp_syntax div, #content .project .wp_syntax td { vertical-align: top; padding: 13px; !important; }
#content p { margin-bottom: 10px; }
#content .project img { border: 1px solid #666pr; max-width: 640px; }
#content .project img.wp-smiley { border:none; }*/
/* footer */
/*#footer { background-color: #424242; min-height: 200px; color: #555454;}
#footer p { border-top: 1px dashed #555454; margin-top:10px; padding-top:8px;font-family: "Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif; font-size: 10px; font-style: normal;}
#footer a { color: #009ad8;}*/










/*YAHOO! RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
fieldset,img {
    border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-style:normal;
    font-weight:normal;
}
ol,ul {
    list-style:none;
}
caption,th {
    text-align:left;
}
h1,h2,h3,h4,h5,h6 {
    font-size:100%;
    font-weight:normal;
}
q:before,q:after {
    content:'';
}
abbr,acronym {
    border:0;
}
/*---------- END RESET ----------*/



html {
    font-size: 16px;
    height: 101%;
}
body {
    font-size: 62.5%;
    font-family: Verdana, sans-serif;
    color: #000;
    background: #000;
}
body#home {
    height: 100%;
    /*overflow: hidden;*/
}

img#bg_image {
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
}



h1 {
    font-family: Impact, sans-serif;
    font-size: 3em;
    line-height: 0.833em;
    font-style: italic;
    word-spacing: 0.06em;
    text-align: left;
    letter-spacing: 0.02em;
    margin: 0.64em 0 0.8em -0.333em;
    color: #fff;
    background: #f04;
    padding: 0.166em 0.333em 0.25em;
    max-width: 70%;
    text-shadow: #000 2px 2px 0;
}
#content p {
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0;
    word-spacing: 4px;
}
strong {
    font-weight:bold;
}
#content ul {
    padding-left:2em;
    font-size: 14px;
    line-height: 20px;
    margin: 20px 0;
    word-spacing: 4px;
}
li {
    list-style:square;
}

.clear {
    clear: both;
}


#wrapper {
    margin: 100px;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
}
body#home #wrapper {
    margin: 0;
    position:absolute; top:200px; left:20px; z-index:10;
}

#logo {
    margin: 20px 0;
}


body ul#menu {
    width: 473px;
    height: 93px;
}
body#home ul#menu {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 20px 0;
}
body#main ul#menu {
    position: absolute;
    right: 0;
    top: 0;
    margin: 20px 0;
}
ul#menu li {
    width: 157px;
    height: 93px;
    float: left;
    font-size: 30px;
    color: #f04;
    display: block;
    position: relative;
}
ul#menu li a .hide {
    position: absolute;
    left: -9999px;
}
ul#menu li.portfolio {
    width: 198px;
}
ul#menu li.blog {
    width: 118px; /*316*/
}
ul#menu li.about {
    width: 157px;
}
ul#menu li span.menuspan {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/home_menu.png) no-repeat;
    cursor: pointer; /* IE */
}
ul#menu li.blog span.menuspan {
    background-position: -198px 0;
}
ul#menu li.about span.menuspan {
    background-position: -316px 0;
}
ul#menu li.portfolio span.menuspan:hover {
    background-position: 0 -93px;
}
ul#menu li.blog span.menuspan:hover {
    background-position: -198px -93px;
}
ul#menu li.about span.menuspan:hover {
    background-position: -316px -93px;
}

body#home #header {
    height: 100%
}

body #content {
    width: 900px;
    padding: 30px;
    margin: 0 auto 30px auto;
    background: #fff;
    background: rgba(255,255,255,0.9);
    border-top: 5px solid #bf0;
    border-bottom: 5px solid #bf0;
}
/* content */
#content { background-color: #fff;}
#content .page-type {color: #737373; font-size: 20px; display:block; margin-bottom: 20px; margin-top: 20px; }
#content .page-type span { font-size: 13px; }
#content .project { -moz-border-radius: 5px; background-color: #3c3d36; padding:20px; margin-top: 10px; margin-bottom: 10px; color: #fff; }
/*#content .project h3 a { color:#009ad8; font-size:23px; line-height: 25px; text-shadow:0 1px 0 #000000; }*/
#content .project h3 a {
    font-family: Impact, sans-serif;
    font-size: 30px;
    line-height: 0.833em;
    font-style: italic;
    word-spacing: 0.06em;
    text-align: left;
    letter-spacing: 0.02em;
    /*margin: 0.64em 0 0.8em -0.333em;*/
    margin: 0 0 0.3em 0;
    color: #fff;
    background: #f04;
    padding: 0.166em 0.333em 0.25em;
    max-width: 70%;
    text-shadow: #000 2px 2px 0;
    text-decoration: none;
    display: block;
}

#content .project span { display: block; margin-bottom: 5px;}
#content .project:last-of-type { margin-bottom: 50px; }
#content #project-meta h3 { font-size: 20px; color:#000;}
#content #project-meta { color: #555454; clear: both; margin-bottom: 20px; margin-top: 20px;}
#content #project-meta .box span{ min-width:180px; float:left;}
#content #project-meta .box { display: block; color: #555454; }
/*#content h1 { color:#ccc; font-size:19px; line-height: 25px;  margin-top: 20px; display: block; text-shadow:0 1px 0 #000000; }*/
#content h1 {
    font-family: Impact, sans-serif;
    font-size: 30px;
    line-height: 0.833em;
    font-style: italic;
    word-spacing: 0.06em;
    text-align: left;
    letter-spacing: 0.02em;
    margin: 0.64em 0 0.8em -0.333em;
    color: #fff;
    background: #f04;
    padding: 0.166em 0.333em 0.25em;
    max-width: 70%;
    text-shadow: #000 2px 2px 0;
}
#content h2 {
    font-size: 223px;
    font-family: Impact, sans-serif;
}
#content h3 {
    font-size: 20px;
    font-family: Impact, sans-serif;
}
#content h4 {
    font-size: 17px;
    font-family: Impact, sans-serif;
}

#content .project .wp_syntax span { display: inline; }
#content .project .wp_syntax div, #content .project .wp_syntax td { vertical-align: top; padding: 13px; !important; }
#content p { /*margin-bottom: 10px;*/ }
#content .project img { border: 1px solid #fff; max-width: 640px; }
#content .project img.wp-smiley { border:none; }

#content a, #content a:link, #content a:active, #content a:visited, #content a:hover {
    text-decoration:underline;
    font-weight:bold;
    color:#f04;
    text-shadow: #000 1px 1px 0;
}
#content a:hover, #content a:visited {
    color:#bf0;
}

#footer {
    font-size: 10px;
    color: #666;
}
#footer a {
    color: #666;
    text-decoration: underline;
}
#footer .icons li {
    display: block;
    text-indent: -9999em;
    width: 80px;
    height: 15px;
    background: url(images/icons_80x15.png);
    float: left;
}
#footer .icons li.cc {
    background-position: 0 0;
}
#footer .icons li.xhtml {
    background-position: 0 15px;
}
#footer .icons li.css {
    background-position: 0 30px;
}
#footer #license {
    margin: 0 10px;
}