/* CSS Document */

/* *** Copyright Matt Gibson *** */

/*GLOBAL STYLES */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
body {margin:0; padding:0; background:url(../imgs/bg1.jpg) repeat;}
a img {border: none;}
a {outline: none; white-space:normal;}
fieldset, img {border:0;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h5, h5, h6 {font-size:100%;}
h1, h2, h3 {font-family: Verdana, Arial, Sans-Serif;font-weight: bold;}
q:before, q:after {content:'';}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
strong {font-weight: bold;}
em {font-style: italic;}
acronym {cursor:help; border-bottom:1px dotted;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#FFFFFF; margin:0 0 28px 0; padding:0;}
a:link, a:visited {color:#336699; text-decoration:none;}
a:hover {color:#336699; text-decoration: underline;}
li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
a.smalllink:link, a.smalllink:visited, a.smalllink:hover {font-size: 0.7em;}
.highlight {color:#006699;}
.smalltext {font-size: 0.7em; color:#336699;}
small {font-family: Verdana, Arial, Helvetica, Sans-Serif;font-size: 0.6em;line-height: 1.5em;color:#006699; }
.center {text-align: center;}

/*LAYOUT*/
div#container {width:100%; margin:0; padding:1px 0 0 0;}
div#background {margin:0 auto 0 auto; padding:0; width:777px; background:#000000; text-align:left; position:relative;}
div#header {margin:0; width:777px; position:relative; top:30px; height:261px; background:#000000;}
div#top {width:762px; height:78px; background:url(../imgs/header-bg.gif) top right no-repeat; margin:0; left:7px; top:0px; position:absolute;}
div#navigation {width:762px; height:40px; background:#000000; margin:0; position:relative; left:7px; top:78px;}
div#headerbtm {width:762px; height:143px; background:url(../imgs/headerbtm-bg.jpg) no-repeat; margin:0; position:absolute; left:7px; top:118px;} 
div#bodyholder {width:777px; background:#000000; margin:0; position:absolute; top:291px;}
div#aboutcontent {width:497px; margin:9px 0 0 32px; position:relative;}
div#workcontent {width:710px; margin:9px 0 0 32px; position: relative;}
div#blogcontent {width:762px; margin:9px 0 0 32px; position: relative;}
div#footerbg {width:762px; height:170px; background:url(../imgs/footer-bg.jpg) no-repeat; margin:0 0 0 7px; position:relative;}


/*HEADERS*/
h1 {font-size:4em; color:#ffffff; margin:0;}
h2 {font-size: 1.2em; color:#ffffff; margin:0;} 
h3 {font-size: 1.2em; color:#ffffff; margin:0;} 
h2.pagetitle {font-size: 1.2em;}
#sidebar h2 {font-size: 1.2em;}
h2, h2 a, h2 a:link, h2 a:visited, h3, h3 a, h3 a:visited, #sidebar h2 {text-decoration:none; color:#FFFFFF;}
#wp-calendar caption, cite {text-decoration:none;}
h2 a:hover, h3 a:hover {text-decoration:underline; color: #336699;}
#sidebar h2 {color:#FFFFFF;}

.logo a {text-indent:-9999px; width:381px; height:78px; overflow:hidden; display:block; border:none; background:url(../imgs/matt-gibson-logo.jpg) no-repeat;}
.logo a:hover {border:none;}

/*H1 IMAGE REPLACEMENT */
h1 {text-indent:-9999px; top:116px; left:25px; position:absolute; overflow:hidden; display:block; border:none;}
.aboutTitle {background:url(../imgs/about_title.gif) no-repeat; width:155px; height: 21px; }
.workTitle {background:url(../imgs/work_title.gif) no-repeat; width:134px; height: 23px;}
.errorTitle {background:url(../imgs/error_title.jpg) no-repeat;  width:138px; height: 21px; }
.contactTitle {background:url(../imgs/contact_title.gif) no-repeat;width:134px; height: 23px; }
.resourcesTitle {background:url(../imgs/resources_title.gif) no-repeat; width:84px; height: 25px; }
.copyrightTitle {background:url(../imgs/legal_title.gif) no-repeat; width:180px; height: 23px; }
.blogTitle {background:url(../imgs/blog_title.gif) no-repeat; width:137px; height: 24px; }



/*H3 IMAGE REPLACEMENT */

h3.webTitle {background:url(../imgs/web_title.gif) no-repeat;  width:70px; height: 15px;  margin:0; text-indent:-9999px; position:relative; overflow:hidden; display:block; border:none;}
h3.printTitle {background:url(../imgs/print_title.gif) no-repeat; width:69px; height: 19px; text-indent:-9999px; position:relative; overflow:hidden; display:block; border:none; }
h3.photoTitle {background:url(../imgs/photo_title.gif) no-repeat; width:159px; height: 19px; text-indent:-9999px; position:relative; overflow:hidden; display:block; border:none;}
h3.threedTitle {background:url(../imgs/3d_title.gif) no-repeat; width:69px; height: 19px;text-indent:-9999px; position:relative; overflow:hidden; display:block; border:none; }
h3.gameTitle {background:url(../imgs/game_title.gif) no-repeat; width:95px; height: 17px;text-indent:-9999px; position:relative; overflow:hidden; display:block; border:none;}

/*SUB NAVIGATION */
ul.PortfolioNav { width:267px; height:12px; position:absolute; top:17px; left:406px; list-style:none; margin:0; padding:0; overflow:hidden;}
li.subWeb a, li.subPrint a, li.subPhoto a, li.sub3D a, li.subGames a {background:url(../imgs/portfolio-navigation.gif) top left no-repeat; text-indent:-9999px; display:block; position:absolute; top:0; height:12px; overflow:hidden;}

li.subWeb a { background-position:0 0; top:0; left:0; width:40px;}
li.subWeb a:hover { background-position:0 -12px;}

li.subPrint a { background-position:-40px 0; top:0; left:40px; width: 48px;}
li.subPrint a:hover { background-position:-40px -12px;}

li.subPhoto a { background-position:-88px 0; top:0; left:88px; width:97px;  }
li.subPhoto a:hover {background-position:-88px -12px; }

li.sub3D a {background-position:-185px 0; top:0; left:185px; width:37px; }
li.sub3D a:hover { background-position:-185px -12px; }

li.subGames a {background-position:-222px 0; top:0; left:222px; width:45px; }
li.subGames a:hover { background-position:-222px -12px; }

/*MAIN NAVIGATION */
ul.MainNav { width:481px; height:18px; position:absolute; top:12px; left:25px; list-style:none; margin:0; padding:0; overflow:hidden;}
li.navAbout a, li.navWork a, li.navBlog a, li.navContact a, li.navResources a {background:url(../imgs/main-navigation.gif) top left no-repeat; text-indent:-9999px; display:block; position:absolute; top:0; height:18px; overflow:hidden;}

li.navAbout a { background-position:0 0; top:0; left:0; width:108px;}
li.navAbout a:hover, #aboutActive li.navAbout a { background-position:0 -18px;}

li.navWork a { background-position:-108px 0; top:0; left:108px; width: 107px;}
li.navWork a:hover, #workActive li.navWork a { background-position:-108px -18px;}

/*li.navBlog a { background-position:-215px 0; top:0; left:215px; width:64px;}
li.navBlog a:hover {background-position:-215px -18px;}*/

li.navContact a {background-position:-279px 0; top:0; left:215px; width:98px;}
li.navContact a:hover, #contactActive li.navContact a { background-position:-279px -18px;}

li.navResources a {background-position:-377px 0; top:0; left:313px; width:104px; }
li.navResources a:hover, #resourcesActive li.navResources a { background-position:-377px -18px;}


/* FOOTER */
.footer {font-size:0.7em; line-height:150%; position:relative; top:115px;}
.footer p {margin:0; position:relative;}
.footer span.copyr {float:left; text-align: left; margin-left: 9px; }
.footer span.breadc {float:right; text-align:right; margin-right:23px;}

a.footlink:link, a.footlink:visited {white-space:nowrap; text-decoration:none; color:#ffffff;}	
a.footlink:hover {white-space:nowrap; text-decoration:underline; color: #cccccc;}

/*ABOUT POLAROIDS */
div#pic1 {position:absolute; top:110px; width:211px; height:237px; margin-left:572px;}
div#pic2 {position:absolute; top:410px; width:224px; height:248px; margin-left:554px;}

/*CONTACT FORM */
form {margin:0;}
input, textarea, select {background: #000000;border: 1px solid #ffffff;color: #ffffff;font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px;}
.submit {border: 0;}
.message {font-size: 0.8em;width: 450px; padding:4px;}
label {font-size: 0.6em;color:#0066CC; font-family:Verdana, Arial, Helvetica, sans-serif;}
dt {padding: 10px 0 0 0;}
dd {padding: 3px 0 0 0;margin: 0;}
dl {padding-bottom:20px;}
#formfield {display:none; overflow:hidden;}

/*RESOURCES PAGE */
#linkcontent {width: 600px;margin-left: 24px; margin-top: 9px;}
#linkcontent ul {list-style: none; padding: 0; margin: 0 0 0 15px;}
#linkcontent ul li{ float: left; padding: 0 12px .4em 12px; width: 250px; }
.links:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.links {display: inline-block;}
/* Hide from IE Mac */ 
.links {display:block;} 
/* End hide from IE Mac */
* html .links {height: 1px; } 


/*BLOG*/
/*Entry Styles*/
.entry {margin-top:14px;}
.entry p a:visited {color: #336699;}
.entry form {text-align:center;}

.commentFormlabel {color:#336699; font-size:10px;}

/* Blog Lists */
ul.bloglist {list-style-type:disc;text-indent: -10px;} 
.entry ol {padding: 0 0 0 35px;margin: 0;}
.entry ol li {margin: 0;padding: 0;}
.postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;}
#sidebar ul, #sidebar ul ol {margin: 0;padding: 0;}
#sidebar ul li {list-style-type: none;list-style-image: none;margin-bottom: 15px;}
#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}
#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}
#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0;padding: 0;}

/*Sidebar */