/* preliminary style */
* { margin: 0; padding: 0;border: 0;outline: 0;}
html body {font-family: Arial, Helvetica, sans-serif;font-size: 100%; background: #191919; text-align: left;}
p {font-family: Arial, Helvetica, sans-serif;font-size: 0.6875em; line-height: 1.8em; color: #ccc; letter-spacing: 0.175em; text-align: left;}
hr { color: #333; background-color: #333; height: 2px; width: 960px; border: none;	margin: 40px 20px;}
li {list-style-type: none; font-weight: normal;}
em { font-style: italic; }
strong {font-weight: bold;}
.bold {font-weight: bold;}
.em {font-style: italic;}
.italic {font-style: italic;}
.normal {font-weight: normal;}
.clear {clear: both;}
.noPadding {padding: 0px; margin: 0px;}
.left { float: left;}
.right { float: right;}
.center {padding-bottom: 10px;display: block;margin-left: auto; margin-right: auto;} 
img .left { padding: 0px 8px 0px 0px;}
img .right { margin: 0px 0px 0px 8px; padding: 1px;}



/* LINKS */
a:link, a:link img, a:visited, a:visited img, a:hover, a:hover img, a:active, a:active img { text-decoration:underline; outline: none;}
a:link, a:link img { color: #6d85c2; text-decoration: none; font-weight: bold;}
a:visited, a:visited img {color: #6d85c2; text-decoration: none; font-weight: bold;}
a:hover, a:hover img { color: #ccc; text-decoration: underline;}
a:active, a:active img { color:#6d85c2; text-decoration: none; font-weight: bold;}


/* M A I N   F O N T S */ 
h1 {position: absolute; top: 108px; left: 130px; font-size: 1.25em; letter-spacing: 0.35em; color: #999; font-weight: bold; text-transform: uppercase;}
h2 {text-indent: -10000px;}
h3 { font-size: 0.9375em; line-height: 22px; font-weight: bold; letter-spacing: 0.2em; color: #bababa; margin-bottom: 20px; padding: 20px 60px 0px 60px;}
h4 {font-size: 0.875em; color: #666; font-style:italic; font-weight: normal; line-height: 2em; letter-spacing: 0.1em;padding: 0px 60px; }
h5 { font-size: 0.6875em; color: #666; font-weight: bold; text-transform:uppercase; letter-spacing: 0.2em;padding: 0px 60px; }
h6 { font-size: 0.75em; line-height: 1.8em; color: #ccc; font-weight: normal; letter-spacing: 0.15em; margin-bottom: 18px;padding: 0px 60px; margin-right: 60px;}

/* S E C O N D   G L O B A L   F O N T S */
.client {font-size: 0.75em; font-weight:bold; letter-spacing:0.1em; line-height: 1.35em; margin-bottom: 4px;}
.project {font-size: 0.75em; font-style: italic; letter-spacing:0.1em; margin-bottom: 0px;}
.webAddress {font-size: 0.6875em; font-weight: normal; letter-spacing:0.1em; padding-bottom: 16px;}
.head7 {position: absolute; top: 30px; left: 65px; font-size: 1em; line-height: 30px; letter-spacing: 0.2em; font-weight: bold; color: #4e4e4e;}
.descriptionText {color: #bbb; letter-spacing: 0.075em;}

/* L A Y O U T  */
#wrapper {width: 1000px; position:relative; margin: 0 auto; border: 5px solid #111;   }
#header {width: 1000px; height: 150px; position: fixed; border-top: 10px solid #191919; z-index: 10; background: #191919; }
#transparentBorder {height: 5px; width: 1000px; position: absolute; top: 150px; left: 0px; background: #4e4e4e; filter:alpha(opacity=50); opacity: 0.50; z-index: 9; }
*html #transparentBorder {display: none;}
#nav {position: absolute; right: 40px; top: 120px;}
#nav li {float: right; display:block; padding-left: 20px; font-size: 0.875em; margin-bottom: 10px; letter-spacing: 0.1em;}
#nav li a {color: #38476c;}
#nav li a:hover {color: #bababa;}

#content {position: relative;top: 180px; left: 0px;padding-top: 20px; z-index: 9; width: 1000px; padding-bottom: 40px; background: #111; margin-bottom: 30px; }
* html #content {position: absolute;}
.work {width: 1000px; position:relative; height: 402px;}
.work img {position: absolute; bottom: 0px;float: left; margin-left: 60px; border: 1px solid #333; padding: 5px; background: #202020;}
.description {position: absolute; bottom: 0px; left: 640px; float: right; width: 300px; background: #202020; padding: 10px; border: 1px solid #333;}
.description p {margin-top: 4px;}
.magnify {margin: 3px;}
.magnify a {float: right; padding: 5px 15px 5px 5px; font-size: 0.5em; font-weight: bold; letter-spacing: 0.15em; background: #282828 url(../images/magnify_off.gif) 100% no-repeat;}
.magnify a:hover {float: right; padding: 5px 15px 5px 5px; font-size: 0.5em; font-weight: bold; letter-spacing: 0.15em;color: #bababa; text-decoration: underline; background: #414141 url(../images/magnify_on.gif) 100% no-repeat;}

.textHolder {width: 900px; margin: 0px 60px;background: #202020; border: 1px solid #333;}

#myImage {float: right;}
.code {width: 620px; margin-left: 60px;background: #272727; border-left: 5px solid #ad7201; }
code {margin: 20px; padding: 5px 0;display: block; line-height: 1.5em; color: #aaa; letter-spacing: 0.1em; font-size: 0.875em; margin-top: 0px;}
.highlight {background: #555; padding: 2px;}
.shareThis {float:right; margin: 20px; font-size: 0.6875em; letter-spacing: 0.2em;}
.addthis_button {position: relative; left: 985px; top: -15px;}


#tweet {position: fixed; left: 0px; bottom: 0px; opacity: 0.9; width: 100%; z-index: 1000; padding: 10px 40px; background: #fff; height: 120px;}
#tweet li {line-height: 1.5; font-size: 0.75em; color: #333; padding: 10px 100px 2px 110px; font-weight: bold;}
#tweet h2 {font-family:Arial, Helvetica, sans-serif; font-size: 1em; color:#666; text-transform:uppercase; letter-spacing:0.2em; margin-bottom: -3px; margin-top: 10px; margin-left: 110px;}
#tweet h3 {line-height: 1.2; color: #444; padding-right: 10px; margin-left: 110px; margin-bottom: 10px;}
#tweet h5 {margin-left: 110px; margin-bottom: 10px;}
#tweet .prefix {}
#tweet .status {}
#tweet .time {}
#tweet img {float: left; margin: 10px 0px 0px 10px;}