@charset "UTF-8";

/* Hello, have a look around.*/

/* Layout elements */
body { margin:0; background-color:#fff; }
#container { margin:0 auto; width:900px; }
#leftbar { width:250px; float:left; position:fixed; }
#content { width:900px; margin:0; float:left; }
#header { height:151px; width:100%; background-image:url(images/headerbackdrop.png); background-repeat:repeat-x; }
#footer { height:50px; width:582px; margin:30px 0px 0px 292px; font-family:"Helvetica Neue", Arial, sans-serif; font-weight: bold; border-top: #ccc 1px solid; color:#ccc; text-align: right; padding:9px;}

/* Header & Navigation Shenannigans */
#headercontainer { width:900px; height:128px; margin:0 auto; }
#nav { width:600px; margin:0 auto; float:left; }
#header ul { margin:0; padding:0; }
#header li { margin:0; list-style-type:none; font-family:"Helvetica Neue", Arial, sans-serif; font-size:1.1em; font-weight:bolder; display:inline-block; }
#header li a { margin-right:-4px; padding:100px 0 8px 10px; color:#fff; text-decoration:none; display:block; width:139px; height:20px; border-left:1px #fff solid; }
#header li a:hover { background:#fff; color: #0394de; }
#header li a:active {color: #0073ab;}
#header li+li a { border-left:none; color:#fff; background-color:transparent; border-right:1px #fff solid; }
#home #nav-home a,#about #nav-about a { background:#fff; color:#0394de; border-right:1px #0394de solid; border-left:1px #0394de solid; }
#home #nav-home a:active,#about #nav-about a:active {color:#0073ab;}
#name { width:281px; margin:0 auto; padding:71px 10px 0 0; text-align:right; color:#fff; font-size:3em; font-family:"Helvetica Neue", Arial, sans-serif; font-weight:bold; float:left; }
#name a { color:#fff; text-decoration:none; }
#name a:hover { color:#fff; }
#name a:visited { color:#fff; }
#name a:active {color:#e6f7ff;}

/* Content styling */
.portrait { padding:10px 0 20px 10px; background-image:url(images/portraitshadow.jpg); background-repeat:no-repeat; height:640px; background-position:282px 0; }
.portrait img { padding-right:208px; float:right; }
.landscape { padding:10px 8px 20px 11px; background-image:url(images/landscapeshadow.jpg); background-repeat:no-repeat; height:440px; background-position:100% 0; }
.landscape img { float:right; }
.landscapetall { padding:10px 8px 20px 11px; background-image:url(images/landscapetallshadow.jpg); background-repeat:no-repeat; height:490px; background-position:100% 0; }
.landscapetall img { float:right; }
#content .tags { font-size: .7em; text-transform:uppercase; color:#ccc; }
#content .tags a { text-decoration: none; color:#ccc; border-bottom: 1px solid #e0e0e0;}
#content .tags a:hover {color:#999;}
#content p { margin-top:0; width:250px; font-family:"Helvetica Neue", Arial, sans-serif; color:#737373; font-size:1.1em; font-weight:bolder; line-height:1.25em; text-align:right; }
h1 { font-family:Helvetica, Arial, sans-serif; color:#3E3E3E; font-weight:bold; text-align: right; font-size:1.1em; width:250px; margin-top:20px; }
h1 a { color:#3E3E3E; text-decoration:none;}
h1 a:hover {color:#3E3E3E; border-bottom: 2px #ccc solid;}
h1 a:active { color: #5d5d5d;}
#content p a { color:#6fadc7; text-decoration:none; border-bottom:#DDE7EB 2px solid; }
#content p a:hover { color:#487182; }
#content p a:active { color:#6fadc7; }


/* Slider Shennanigans */
.svw { width:50px; height:20px; background:#fff; color:#fff; }
.svw ul { position:relative; left:-999em; }
.stripViewer { position:relative; overflow:hidden; margin:0 0 1px; float:right; }
.stripViewer ul { margin:0; padding:0; position:relative; left:0; top:0; width:1%; list-style-type:none; float:left; }
.stripViewer ul li { float:left; }
.stripTransmitter { overflow:auto; width:1%; float:right; margin-bottom:5px; position:relative; height:40px; }
.stripTransmitter ul { padding:0; position:relative; list-style-type:none; }
.stripTransmitter ul li { width:20px; float:left; margin:0 auto; }
.stripTransmitter a { font:bold 11px "Helvetica Neue", Verdana, Arial; text-align:center; line-height:22px; color:#BCBCBC; text-decoration:none; display:block; border:none; }
.stripTransmitter a:hover,a.current { color:#3E3E3E; }