/*
    Created by Keith Donegan of Code-Sucks.com 
	E-Mail: Keithdonegan@gmail.com
	FFF tusj font by magnus@formfett.net
*/

* { padding: 0; margin: 0; }

body {
 font-family: Georgia, Times, serif;
 font-size: 14px;
 line-height: 1.125em; /* 16×1.125=18px */
 background:url(images/nubgx1.jpg) top center fixed #000000;
}
.ie6 {display:none;}
#wrapper { 
 margin: 0 auto; position:relative; z-index:1;
 width: 902px;
}
#faux {
 margin-bottom: 0px;
 overflow: auto;
 width: 100%;
}
.centerize { 
 margin: 0 auto;
 width: 902px;
}

#header {
 color: #333;
 padding: 5px 0 0 0;
 height: 65px;
 margin: 0px 0px 0px 0px;
 background:url(images/header_bg.png) top center repeat-x;
}
#navigation {
 color: #333;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 20px 0px;
}
#rightcolumn { 
 display: inline;
 color: #333;
 margin: 20px 0px 0px 0px;
 padding: 0px;
 width: 300px;
 float: right; overflow:hidden;
}
#leftcolumn { 
 float: left;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 width: 584px; overflow:hidden;
 display: inline;
 position: relative; z-index:1;
}
#wideBox { 
 width: 902px;
 clear: both;
 background:url(images/wide_box.png) top center no-repeat;
 height:190px;
 margin: -30px 0px 20px 0px;
 padding: 0px;
}

#footer { 
 width: 902px;
 clear: both;
 text-align:center;
 color: #ccc;
 margin: 40px 0px 20px 0px;
 padding: 0px;
 font-size:12px;
}

.clear { clear: both; background: none; }

img {border:0px;}

code {padding:10px 20px; line-height:1.1em; display:block; border:1px solid #111; margin:10px 20px; background:#333; width:100%; font-size:11px;}

a:link {color:#6699ff; text-decoration:none;}
a:visited {color:#6699ff; text-decoration:none;}
a:hover {color:#6699ff;}
a:active {color:#6699ff;}

#bg {position:absolute; width:1080px; height:500px; top:34px; z-index:-2; left:50%; margin-left:-540px; background:url(images/nubg3.jpg) top center no-repeat;}

#header .logo {text-indent:-9999px; background:url(images/logo.png) top center no-repeat; width:131px; height:33px;}
#header .logo a:link {color:#ccc; text-decoration:none;}
#header .logo a:visited {color:#ccc; text-decoration:none;}
#header .logo a:hover {color:#ccc; text-decoration:none;}
#header .logo a:active {color:#ccc; text-decoration:none;}
#header #topMenu {float:right; width:330px; margin:-30px 0 0 0; height:24px;}

#header #topMenu li a:link {display:block; text-indent:-9999px; background:url(images/top_menu.png) 0px 0px no-repeat; height:20px;}
#header #topMenu li a:visited {display:block; text-indent:-9999px; background:url(images/top_menu.png) 0px 0px no-repeat; height:20px;}
#header #topMenu li a:hover {display:block; text-indent:-9999px; background:url(images/top_menu.png) -45px 0px no-repeat;}
#header #topMenu li a:active {display:block; text-indent:-9999px; background:url(images/top_menu.png) -45px 0px no-repeat;}

#header #topMenu li {float:left; margin: 0 1px; list-style:none;}
#header #topMenu li a.about:link {width:90px; background-position: 0px 0px;}
#header #topMenu li a.about:visited {width:90px; background-position: 0px 0px;}
#header #topMenu li a.about:hover {width:90px; background-position: 0px -41px;}
#header #topMenu li a.about:active {width:90px; background-position: 0px -41px;}
#header #topMenu li a.blog:link {width:60px; background-position: -90px 0px;}
#header #topMenu li a.blog:visited {width:60px; background-position: -90px 0px;}
#header #topMenu li a.blog:hover {width:60px; background-position: -90px -41px;}
#header #topMenu li a.blog:active {width:60px; background-position: -90px -41px;}
#header #topMenu li a.pictures:link {width:90px; background-position: -150px 0px;}
#header #topMenu li a.pictures:visited {width:90px; background-position: -150px 0px;}
#header #topMenu li a.pictures:hover {width:90px; background-position: -150px -41px;}
#header #topMenu li a.pictures:active {width:90px; background-position: -150px -41px;}
#header #topMenu li a.family:link {width:80px; background-position: -240px 0px;}
#header #topMenu li a.family:visited {width:80px; background-position: -240px 0px;}
#header #topMenu li a.family:hover {width:80px; background-position: -240px -41px;}
#header #topMenu li a.family:active {width:80px; background-position: -240px -41px;}

#header #topMenu li.current {float:left; margin: 0 1px; list-style:none;}
#header #topMenu li.current a.about:link {width:90px; background-position: 0px -20px;}
#header #topMenu li.current a.about:visited {width:90px; background-position: 0px -20px;}
#header #topMenu li.current a.blog:link {width:60px; background-position: -90px -20px;}
#header #topMenu li.current a.blog:visited {width:60px; background-position: -90px -20px;}
#header #topMenu li.current a.pictures:link {width:90px; background-position: -150px -20px;}
#header #topMenu li.current a.pictures:visited {width:90px; background-position: -150px -20px;}
#header #topMenu li.current a.family:link {width:80px; background-position: -240px -20px;}
#header #topMenu li.current a.family:visited {width:80px; background-position: -240px -20px;}

#navigation h1 {color:#cbc7c7; font-size:24px; line-height:34px; font-weight:600; margin:0px; padding:0px;}
#navigation h1 .marker1 {background:url(images/marker1.png) 0px 0px no-repeat; padding:5px 2px;}
#navigation h1 .marker2 {background:url(images/marker2.png) -3px 0px no-repeat; padding:5px 2px;}

.iPhoneBody {width:563px; height:305px; position:absolute; z-index:1; top:-60px; left:50%; margin:0 0 0px -490px; display:none;}

.imageHolder {width:563px; height:563px; height:505px; position:absolute; z-index:-1; top:40px; left:40px; padding:0px; text-align:center; overflow:hidden;}
				/* remove first height if all is ok... */ 
.imageHolderImg {position:relative; top:54px;}
.iimgOff {display:none;}
.iimgCurr {display:inline;}
.iimgOff img {display:none;}
.iimgCurr img {display:block;}

.imageHolder .glare {background:url(images/iphone_glare_horz.png) 0px 0px no-repeat; position:relative; z-index:4; float:left; width:134px; height:172px; margin:-301px 0 0 93px;}
.imageHolder .downloadOptions {background:white; position:relative; z-index:5; float:left; margin:-140px 0 0 0; display:none;}

.iphoneShadow {width:599px; overflow:hidden; height:17px; top:460px; left:20px; position:absolute; z-index:-2; text-align:center; padding:0px;}
#iphoneShadowImg {margin:0 auto; width:599px; margin:0px auto 0 auto;}

#leftcolumn p {color:#ccc; padding-bottom:10px; width:480px; line-height:24px;}
#leftcolumn p.cominsoon {margin-top:20px;}
#leftcolumn h1 {color:#ccc; margin:25px 0 20px 0; line-height:34px;}
#leftcolumn h1 a:link {color:#ccc;}
#leftcolumn h1 a:visited {color:#ccc;}

#leftcolumn .iPhoneArea {position:relative; z-index:3;}
#leftcolumn .iPhoneArea a {outline:none;}
#leftcolumn .iPhoneArea .flip {width:80px; height:62px; padding:9px 0 0 15px; float:left; top:0px; text-align:center; background:url(images/flipCloud.png) center center no-repeat;}
#leftcolumn .iPhoneArea .flip a.flip1:link {float:left; height:43px; width:34px; background:url(images/flipmode.gif) 0px 0px no-repeat; text-indent:-9999px; border:0px solid;}
#leftcolumn .iPhoneArea .flip a.flip1:visited {float:left; height:43px; width:34px; background:url(images/flipmode.gif) 0px 0px no-repeat; text-indent:-9999px; border:0px solid;}
#leftcolumn .iPhoneArea .flip a.flip1:hover {}
#leftcolumn .iPhoneArea .flip a.flip2:link {float:left; height:43px; width:20px; background:url(images/flipmode.gif) -34px -43px no-repeat; text-indent:-9999px; border:0px solid green;}
#leftcolumn .iPhoneArea .flip a.flip2:visited {float:left; height:43px; width:20px; background:url(images/flipmode.gif) -34px -43px no-repeat; text-indent:-9999px; border:0px solid green;}
#leftcolumn .iPhoneArea .flip a.flip2:hover {}

#leftcolumn .iPhoneArea .slideControl {width:138px; height:80px; padding:30px 0 0 12px; background:url(images/cloudBot.png) top center no-repeat; float:right; margin:225px 0 0 0; top:0px;}
#leftcolumn .iPhoneArea .slideControl a.nextPic:link {display:block; width:151px; height:25px; background:url(images/func_next_prev2.png) 0px -54px no-repeat; text-indent:-9999px;}
#leftcolumn .iPhoneArea .slideControl a.nextPic:visited {display:block; width:151px; height:25px; background:url(images/func_next_prev2.png) 0px -54px no-repeat; text-indent:-9999px;}
#leftcolumn .iPhoneArea .slideControl a.nextPic:hover {background:url(images/func_next_prev2.png) 0px -1px no-repeat;}
#leftcolumn .iPhoneArea .slideControl a.nextPic:active {background:url(images/func_next_prev2.png) 0px -1px no-repeat;}

#leftcolumn .iPhoneArea .slideControl a.prevPic:link {display:block; width:151px; height:28px; background:url(images/func_next_prev2.png) 0px -79px no-repeat; text-indent:-9999px;}
#leftcolumn .iPhoneArea .slideControl a.prevPic:visited {display:block; width:151px; height:28px; background:url(images/func_next_prev2.png) 0px -79px no-repeat; text-indent:-9999px;}
#leftcolumn .iPhoneArea .slideControl a.prevPic:hover {background:url(images/func_next_prev2.png) 0px -26px no-repeat;}
#leftcolumn .iPhoneArea .slideControl a.prevPic:active {background:url(images/func_next_prev2.png) 0px -26px no-repeat;}

/* background? */ 
#rightcolumn .sidebar_box {width:300px; height:264px; padding:15px 0px; background:url(images/sidebar_box.png) top center no-repeat;} 
#rightcolumn .sidebar_box h3 {text-indent:-9999px; height:26px; width:150px; margin:0px 0 0px 15px; background:url(images/aboutme.png) 0px 0px no-repeat;}
#rightcolumn .sidebar_box p {color:#aeaeae; font-size:13px; line-height:20px; margin:0 15px 0px 15px; font-weight:100; padding:15px 0px 0px 0px;}
#rightcolumn .sidebar_box .thumb_border {width:85px; height:84px; background:url(images/thumb_border.png) top center no-repeat; padding:0px; float:left; margin:15px 8px 0 12px; position:absolute; z-index:-2;}
#rightcolumn .sidebar_box p img.adamtar {width:71px; height:70px; float:left; margin:5px 15px 4px 2px;}
#rightcolumn .sidebar_box #refreshLove {cursor:hand; cursor:pointer;}
#rightcolumn .sidebar_box .refreshTip {background:#666; border:1px solid white; float:right; margin:-5px 20px 0 0; color:white; padding:2px; width:150px; height:16px; font-size:10px; display:none;}

#wideBox h3 {text-indent:-9999px; height:26px; width:300px; margin:15px 0 0 20px;}
#wideBox .twitterBox {float:left; width:300px;}
#wideBox .twitterBox h3 {background:url(images/what_im_up_to.png) top left no-repeat;}
#wideBox .twitterBox p {font-size:12px; line-height:18px; color:#ccc; width:236px; margin:5px 0 0 20px; padding:10px 10px 0 15px; position:relative; z-index:5; min-height:72px;}
#wideBox .twitterBox .tweetMeta {font-size:10px; font-style:italic; color:#999; text-align:right; display:block; margin:16px 27px 0 0;}

#wideBox .blogSnippet {float:left; width:600px;}
#wideBox .blogSnippet h3 {background:url(images/my_two_cents.png) top left no-repeat;}
#wideBox .blogSnippet h2 {font-size:36px; line-height:42px; margin:7px 0 0 20px; position:relative; z-index:5;}
#wideBox .blogSnippet h2 a:link {color:#ccc; text-decoration:none;}
#wideBox .blogSnippet h2 a:visited {color:#ccc; text-decoration:none;}
#wideBox .blogSnippet h2 a:hover {color:#ccc; text-decoration:underline;}
#wideBox .blogSnippet h2 a:active {color:#ccc; text-decoration:underline;}

#wideBox .blogSnippet .readMoreLinks {font-size:12px; float:right; margin:-21px 55px 0 0; position:relative; z-index:6;}
#wideBox .blogSnippet .readMoreLinks img {vertical-align:middle; margin:-2px 0 0 3px;}
#wideBox .blogSnippet .readMoreLinks a:link {color:#ccc; text-decoration:none;}
#wideBox .blogSnippet .readMoreLinks a:visited {color:#ccc; text-decoration:none;}
#wideBox .blogSnippet .readMoreLinks a:hover {color:#ccc; text-decoration:none;}
#wideBox .blogSnippet .readMoreLinks a:hover span {text-decoration:underline;}
#wideBox .blogSnippet .readMoreLinks a:active {color:#ccc; text-decoration:none;}

ol {color:#ccc; padding:0 40px}
ol li {color:#ccc; margin:0 0 15px 0; line-height:1.6em}
canvas {overflow:hidden;}
/* Send magnus a thank you note... */ 

/* comments temp */
h3 {margin:15px 15px 15px 0; color:#ccc;}
.commentlist {padding:0px;}
.commentlist li {list-style:none; border-bottom:1px dotted #555;}

.comment-author {}
.comment-author img {border:1px solid #555}

.comment-meta {font-size:10px}
.commentlist .comment-body {border:0px solid green}

.pressed {border-top:1px solid #333; border-right:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #777; font-family:Helvetica, Arial, Sans-serif; color: #ccc; padding:5px 0px 0px 5px;  -moz-border-radius: 5px;
-webkit-border-radius: 5px;}

#commentform input {height:20px; font-size:14px; background:url(images/sidebar_box.png) -5px -5px; border-top:1px solid #333; border-right:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #777; font-family:Helvetica, Arial, Sans-serif; color: #ccc; padding:5px 0px 0px 5px;  -moz-border-radius: 5px;
-webkit-border-radius: 5px;}
#commentform textarea {font-size:14px; background:url(images/sidebar_box.png) -5px -5px; border-top:1px solid #333; border-right:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #777; font-family:Helvetica, Arial, Sans-serif; color: #ccc; padding:5px 0px 0px 5px; -moz-border-radius: 10px;
-webkit-border-radius: 10px;}
#commentform #submit {padding:5px 5px 5px 5px; height:25px; border-top:1px solid #777; border-right:1px solid #777; border-left:1px solid #777; border-bottom:1px solid #333; color: #ccc;  -moz-border-radius: 5px;
-webkit-border-radius: 5px;}