/*
Theme Name: McLin Portfolio
Theme URI: http://mclindigital.com/
Description: created for MikeMcLin.info
Version: 1.0
Author: Mike McLin
Author URI: http://mclindigital.com
*/

/**
 * Structure
 */
html { background: #e2ecf0 url(images/html.png) 0 0 repeat-x; }
body { color:#999; font-family:helvetica, arial, sans-serif; font-size:12px; line-height:1.2em; }
#doc { width:960px; padding:0 0 0 20px; margin:0 auto; }
#header { }
#main_content { }
#footer { }
/**
 * Header
 */
h1 { margin:40px 0 20px 0; }
h1 a { width:715px; height:72px; text-indent:-9999px; display:block; background:url(images/h1.png) 0 0 no-repeat; }
ul#main_nav { margin:20px 0 60px 0; }
ul#main_nav li { list-style:none; font-size:18px; font-weight:bold; display:inline; margin-right:15px;}
ul#main_nav li a { color:#999; }
ul#main_nav li a:hover { color:#444444; }
ul#main_nav li a.current { color:#56c0ef; text-decoration:underline;}
ul#main_nav li a.current:hover {color:#56c0ef; }
/**
 * Tags
 */
h2 { line-height:1em; font-wieght:bold; color:#efb834; font-size:24px; letter-spacing:-1px; margin:0 0 20px 0; }
h3 { }
h4 { }
h5 { }
h6 { }
a,
a:active,
a:visited {color:#56c0ef; text-decoration:none; }
a:hover { text-decoration:underline; color:#56c0ef; cursor:pointer; }
a image { border:none; text-decoration:none; }
abbr,
acronym { border-bottom:1px dotted #000; cursor:help; }
b,
strong { font-weight:bold; }
em,
i { font-style:italic; }
blockquote { margin:1em; font-family: Georgia, serif; font-size: 18px; font-style: italic; font-weight: normal; letter-spacing: normal; line-height: 1.4em; }
ul,
ol,
dl { margin:1em; margin-left:3em; }
ul li { list-style:disc outside; }
ol li { list-style:decimal outside; }
dl dt { }
dl dd { }
th,
td { border:1px solid #CCC; padding:.5em; }
th { font-weight:bold; }
caption { margin-bottom:.5em; text-align:center; }
p,
fieldset,
table,
pre { margin-bottom:20px; }
input[type=text],
input[type=password] { border:1px solid #CCC; padding:3px; }
input[type=checkbox] { }
input[type=radio] { }
input[type=submit] { border:1px solid #AAA; background:#CCC; color:#000; padding:3px 8px; }
input[type=submit]:hover { background:#EEE; color:#000; }
textarea { width:500px; padding:3px; height:100px; font-family: Georgia, serif; border:1px solid #AAA; background:#FFF; }
label { display:block; margin-bottom:3px; }
/**
 * Styles
 */
.tinybox { width:50px; }
.shortbox { width:100px; }
.midbox { width:200px; }
.longbox { width:500px; }
.captchabox { width:50px; text-align:center; background:#000; color:#FFF; }
.small { font-size: 9px; }
:focus { outline:none; }
.alignleft { float:left; margin:5px 20px 20px 0; }
.alignright { float:right; margin:5px 0 20px 20px; }
.aligncenter { margin:0 auto 20px auto; display:block; }
label.error { float:left; clear:both; margin:3px 0 10px 0; font-size:13px; background:#D20000; color:#FFF; font-family:Arial, Helvetica, sans-serif; padding:0px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
input.error,
textarea.error { background: #FFDFDF; color: #8A0000; border-color:#D20000; float:left; }
p.captcha {overflow:auto;}
p.captcha label,
p.captcha input {float:left;margin-right:5px;}
.hasFocus { color:#000; font-weight:bold; }
.isChanged { color:#666; }
.hidden { display:none; }
img.size-thumbnail,
img.size-medium { padding:9px; background:#FFF; border:1px solid #CCC; }
img.size-large,
img.size-full { padding:0; border:1px solid #CCC; }
a:hover img.size-thumbnail,
a:hover img.size-medium { background:#CCC; border:1px solid #999; }
a:hover img.size-large,
a:hover img.size-full { border:1px solid #999; }
div.wp-caption { padding:9px 2px 9px 9px; background:#DDD; border:1px solid #AAA; overflow:hidden; }
div.wp-caption img { padding:0; margin-bottom:5px; }
div.wp-caption p.wp-caption-text { margin:0 9px 0 0; text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.2em; color:#666; font-style:italic; }
a.button { text-decoration:none; border:1px solid #AAA; background:#CCC; color:#000; padding:3px 8px; }
a.button:hover { text-decoration:none; background:#EEE; color:#000; }
div.overlay { display:none; width:640px; padding:20px 20px 0px 20px; background:#FFF; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -moz-box-shadow:0 0 25px #000; -webkit-box-shadow:0 0 25px #000; box-shadow:0 0 25px #000;}
div.overlay .close { background:url(images/close.png) no-repeat; position:absolute; top:-20px; right:-20px; width:62px; height:62px; cursor:pointer; }
.tooltip {display:none; background:url(images/bubble.png); height:125px; padding:25px 25px 0px 25px; width:220px; font-size:11px; }
.tooltip h2 { margin:0 0 7px 0;  font-size:14px; letter-spacing:0px;}
.tooltip p { margin:0 0 7px 0; }
.instructions {position:absolute; bottom:0; left:0; width:220px; line-height:50px; font-size:18px; color:#000; font-weight:bold; letter-spacing:-1px; text-align:center; background:#efb834;}
}
/**
 * index.php
 */
div.post_list { }
div.post_list div.post { width:198px; padding:10px; border:1px solid #CCC; background:#FFF; float:left; display:inline; position:relative; margin-right:20px; margin-bottom:20px;}
div.post_list div.post:hover { -moz-box-shadow:0 0 15px #9AB; -webkit-box-shadow:0 0 15px #9AB; box-shadow:0 0 15px #9AB;}
div.post_list div.post img { border:1px solid #FFF; -moz-box-shadow:0 0 8px #CCC; -webkit-box-shadow:0 0 8px #CCC; box-shadow:0 0 8px #CCC;}
div.post_list div.post .ribbon {width:220px; height:150px; position:absolute; top:-11px; right:-11px; }
div.post_list div.post .ribbon_web { background:url(images/ribbon_web.png) 100% 0 no-repeat; }
div.post_list div.post .ribbon_3d { background:url(images/ribbon_3d.png) 100% 0 no-repeat; }
div.post_list div.post .ribbon_motion { background:url(images/ribbon_motion.png) 100% 0 no-repeat; }
div.post_list div.post .ribbon_print { background:url(images/ribbon_print.png) 100% 0 no-repeat; }
div.post_list div.post .post_link {display:block; width:220px; height:147px; position:absolute; top:-1px; left:-1px;}
/**
 * 404.php
 */
div#error_404_wrapper { }
div#error_404_wrapper h2 { }
/**
 * Wordpress Pages
 */
div.wp-page {  }
div.wp-page h2 {  }
div.wp-page p.edit_link {  }
div.wp-page p.edit_link a {  }
div.wp-page p.edit_link a:hover {  }
/**
 * page.php
 */
div#page {  }
 /**
 * page-contact.php
 */
div#contact_page { }
div#contact_page form#contact_form { }
div#contact_page form#contact_form h2 { }
div#contact_page form#contact_form p { clear:both; }