/* Template */
a {text-decoration:none; word-wrap:break-word;}
a:visited {color:#333399;}
a:hover {text-decoration:underline;}
body {font-family:verdana; background-color:#EEE; font-size:0.75em; padding:0px; margin:0px 0px 10px 0px;}
h1, h3 {font-size:1.2em; color:#ba9322; font-weight:bold; margin:0px 0px 10px 0px;}
h2 {font-size:1.2em; color:#ba9322; font-weight:bold; margin:10px 0px 10px 0px;}
hr {border-width:1.25px 0px 0px 0px; border-style:dotted; border-color:#CCC; margin:15px 0px; height:1px;}
img {border:0px;}
li {margin-top:10px;}
p {margin:5px 0px 5px 0px;}
ul {margin-left:0px; padding-left:15px;}
#footer {text-align:center; font-size:10px; color:#666;}
#headerwrapper {background-color:#FFF; width:100%; text-align:center;}
#header {width:770px; margin:auto; padding:10px 0px; text-align:right; min-height:120px;}
#logo {float:left;}
#maincontent {width:515px;}
#menu {background-color:#DDD; padding:0px; color:#35518B;}
#menu a {color:#35518B;}
#menu ul {width:750px; margin:0px auto; padding:0px 10px; border-style:solid; border-color:#CCC; border-width:0px 1px; background-image:url(/images/menubg.gif); background-repeat:repeat-x; height:20px;}
#menu li {margin:0px 10px 0px 0px; padding:2px 0px; display:block; float:left; font-weight:bold;}
#sidebar {min-height:400px; width:200px; padding:5px 10px; float:right; background-color:#EEE; border:2px solid #E2E2E2; margin:0px; -moz-border-radius-bottomright:12px; -webkit-border-bottom-right-radius:12px;}
#sidebar h2 {margin:0px 0px 10px 0px;}
.clear {clear:both;}
.contact {height:15px;}
.content {width:750px; margin:auto; padding:10px;}
.content {background-color:#F7F7F7; -moz-border-radius-bottomleft:20px; -webkit-border-bottom-left-radius:20px; -moz-border-radius-bottomright:20px; -webkit-border-bottom-right-radius:20px; min-height:400px; border:1px solid #DDD; border-top:0px;}
.footnote {color:#666; margin-top:10px;}
.small_note {font-weight:bold; font-size:80%;}

/* Homepage */
#cv * {vertical-align:middle;}
#cv img {margin-right:5px;}
#skills {width:100%; font-family:courier new;}
#skills td {text-align:center;}

/* Products */
.producticon {float:left; margin:3px 10px 10px 0px;}
.amazonpixel {border:none !important; margin:0px !important;}
.appstore {width:75%;}
.iphonescreensleftscroller {position:absolute; margin:180px 0px 0px 0px; cursor:pointer;}
.iphonescreensrightscroller {position:absolute; margin:180px 0px 0px 500px; cursor:pointer;}
.iphonescreens {width:460px; height:435px; margin-left:28px; position:relative; overflow:hidden;}
.iphonescreensscroller {position:absolute;}
.iphonescreen {width:230px; float:left; text-align:center;}
.iphonescreens img {margin:auto;}

/* Sidebar */
#sidebar .producticon {margin-bottom:25px;}
#sidebar .playvideo a {display:block; background-image:url(/images/play-video.png); background-repeat:no-repeat; padding-left:55px;}
#sidebar .sidebarwrapper {text-align:center;}
#sidebar hr {clear:both;}

/* Tweets */
body.noscript div#tweet {display:none;}

/* iPhone Apps */
.productCol1, .productCol2 {border:1px solid #CCC; width:230px; height:100px; padding:10px; background-color:#EFEFEF; -moz-border-radius-topright:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-bottomleft:20px; -webkit-border-bottom-left-radius:20px;}
.productCol1 {float:left;}
.productCol2 {float:right;}
.productCol1 .producticon, .productCol2 .producticon {margin:5px 10px 40px 0;}

/* Scroller */
body.noscript .iphonescreensleftscroller, body.noscript .iphonescreensrightscroller {display:none;}
body.noscript .iphonescreens {height:auto;}
body.noscript .iphonescreensscroller {width:460px; position:relative;}

/* Video overlay */
.video-overlay {display:none;}
.video-overlay-fadebg {z-index:100; position:fixed; top:0px; left:0px; right:0px; bottom:0px; background-color:#000; opacity:0.5; filter: alpha(opacity=50);}
.video-overlay-content-container {z-index:101; position:fixed; top:0px; left:0px; right:0px; bottom:0px;}
.video-overlay-content {width:640px; height:375px; margin:3% auto 0px auto; background-color:#000; border:1px solid #FFF; padding:0px 5px 5px 5px;}
.video-overlay-close {position:absolute; cursor:pointer; margin:-18px 0 0 635px;}

/* Campsites */
#sitesmaplink {float:right; background-image:url(/images/downarrow.png); background-repeat:no-repeat; background-position:center right; padding-right:20px; margin-top:2px;}
.campsiteTypes {margin-left:70px;}
.campsiteTypes li {float:left; width:205px; margin:0px 0px 10px 0px;}