/*hobby FF3092 E84C99 58596B*/

html {
   padding:0;
   margin: 0;
}

body {
  padding: 0;
  margin:0;
  color: white;
  background: black;
  font-family: ArialMT, Arial, Verdana, Helvetica, Helvetica, Tahoma,  "Trebuchet MS", Sans-Serif, Georgia, Courier, Times New Roman, Serif;
  font-size: 12px;
  text-align:center;
}

div.center {
   width:100%
   overflow: auto;
   text-align:center;
   position:relative;
}

/* unfloat left half so that any images contained inside will print ok */

/*
.lefthalf {
   width:50%;
   float:left;
   overflow:auto;
}
*/

.lefthalf {
   margin-right:50%;
   width:49%;
   position:absolute;
   overflow:auto;
 }


.righthalf {
   margin-left:50%;
   width:auto;
   overflow:auto;
}

/***************************************
 * HEADING SETTINGS
 ***************************************/

h1, h3, h4, strong, .homepagetitle {
   color: #E84C99;
   font-weight: bold;
}

h1 {
   margin-top: 0;
   font-size: 2.2em;
}

h2 {
   margin: 0;
   padding: 1px 0 0 0;

   font-weight:bold;
   font-size: 1.8em;

}

h3 {
   margin:1em 0;
   padding: 0;
   font-size: 1.4em;
   text-align: left;
}

h3.first {
   margin-top: 0;
}

h3.divided {
   border-top: 1px solid #E84C99;
   padding-top:0.75em;
}

h4 {
   font-size: 1.1em;
   margin-bottom: 0.5em;
}

.homepagetitle {
   margin-top: 0;
   font-size: 36px;
   text-align: center;
   margin-bottom: 1em;

}

.homepagesubtitle {
   padding:0;
   margin:-3em 0 3em 0;
   text-align:center;
}

.appheader {
   line-height:50px;
 }

.subheader {
   margin-top:-1.5em;
   overflow:auto;
}

/* white-space: pre; */
.pretext {
   background: #4F4F60;
   width: auto;
   margin: 0 1em 1em 1em;
   height: 300px;
   overflow: auto;
   border: 1px solid white;
   padding: 2em;

   white-space: pre-wrap;       /* css-3 */

 }

.floatright {
   float:right;
   margin-left:1em;
}

.floatleft {
   float:left;
   margin-right:1em;
}
/***************************************
 * IMG SECTION
 ***************************************/

img {
   vertical-align: middle;
   border: none;
}

img.toggle, img.togglesmall {
   margin-right: 0.3em;
}

img.togglesmall {
   height:12px;
   width:12px;
   margin-top:-0.25em;
}

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

img.list {
   margin-left: 2em;
}

.headerdonation {
   float:right;
   margin-top:0.35em;
}

.donationbuttons {text-align:center}
.downloadbutton {padding-top:7px; float:right; color:#E84C99; font-weight:bold; width:100px; height: 35px}

/***************************************
 * PRIMARY LINK SECTION
 ***************************************/

a:link,
a:visited {
   color: #E84C99;
   text-decoration: none;
   font-weight:bold;

}

/*    color: #FA8CD0; */
a:hover {
   text-decoration:underline;
}

a:active {
   color: #E84C99;
   text-decoration: none;
   font-weight:bold;
}

a.noborder { border: 0; outline:none;}

 .detailtext a:link,
 .detailtext a:visited{
   color: #fe91d2;
}

/*    color: #FA8CD0; */
.detailtext a:hover {
   text-decoration:underline;
 }

.detailtext a:active {
 color: #fe91d2;
}

.detailheadernotes a:hover {
    color: #000000;
    text-decoration: underline;
 }

.detailheadernotes a:active {
    color: #FFFFFF;
    text-decoration: underline;
 }

/***************************************
 * CONTENT SECTION
 ***************************************/

#content-container {
   background: black;
   padding: 10px;
   margin: 0 auto;
   width: 800px;
}


#content-header {
   padding: 0;
   margin:0;
   width:auto;
   border-bottom: 1px solid #A7A7A7;
}

#content-body {
   padding: 10px 0 0 0;
   overflow:auto;
   text-align:left;
   clear:both;
}

#footer {
   clear:both;
   text-align: center;
   border-top: 1px solid #A7A7A7;
   margin:1em auto 2em auto;
   overflow:auto;
   width:auto;
   padding:0
}

.small {
   font-size: 0.8em;
}

/***************************************
 * HOBBIES SECTION
 ***************************************/
.hobby {
   clear:both;

   font-weight:bold;
   text-align:left;
   width:100%;
   font-size:1.3em;
}

.hobby-widgets p{
   line-height:102px;
}

.hobby-greasemonkey {
   margin-top:-40px;
}

.hobby-runnersearch {
   margin-top:-30px
}

.hobby-runnersearch p{
   line-height:80px;
}

.navleft a:hover {
   color: #FFFFFF;
   text-decoration:underline;
}

a.navigation:link,
a.navigation:visited {
   color: #A1A1A1;
   text-decoration:none;
}

a.navigation:hover{
   color: #FFFFFF;
   text-decoration:none;
}

a.navigation:active {
   color: #A1A1A1;
   text-decoration:none;
}

/***************************************
 * LISTS (and list-related)
 ***************************************/
div.listwithheaderline {
   overflow:auto;
}

ul, ol {
   margin-top:0.5em;
}

ul.fancy {
   list-style-image: url(/images/contentdetail/pin.png);
   list-style-type:square;
}

ul.padded li, ol.padded li {
   padding-top: 1em;
}

ul.padded li.first, ol.padded li.first {
   padding-top: 0;
}

ul.not-padded li, ol.not-padded li {
   padding-top:0;
}

li {
   margin:0;
}


ul.divided {
   margin: 0;
   padding: 0;
   width:100%;
   float:none;
   overflow:visible;
}

li.divided{
   border-top: 1px solid #E84C99;
   list-style: none;
   padding:1em 0;
   margin:0;
   overflow:visible;
   width:100%;
   clear:both;
}

ul.plain {
   list-style:none;
   margin:0;
   padding:0;
   overflow:auto;
 }

ul.plain-indented {
   list-style:none;
   margin:0.25em 0 0 2em;
   padding:0;
   overflow:auto;
}

ol.footnotelist {
   width:auto;
   margin:0 auto;
   padding:0 0 0 2em;
}


ul.versionhistory {
   margin-left: 1.4em;
   margin-top: 0;
   padding-left: 0;
   padding-top:0;
 }

ul.versionhistory li{ margin-bottom: 0.6em}
ul.plain-indented li{ margin-bottom: 0em}

/***************************************
 * BREAD CRUMB NAV SECTION
 ***************************************/

#bread-crumb-nav {
   padding: 0 2px 10px 2px;
   margin-left: 0px;
   margin-bottom: 0;
   font-size: 10px;
   text-align: left;
}

#bread-crumb-nav ul {
   padding: 0;
   margin: 0;
   display: inline;
   border: none;
}

#bread-crumb-nav ul li {
   padding-left: 2px;
   padding-top:0;
   margin-left: 0;
   list-style: none;
   display: inline;
   border: none;
   font-weight:bold;
}

#bread-crumb-nav ul li:before { content: "\0020 \00BB \0020"; }

#bread-crumb-nav ul li.first:before { content: "\0020"; }

/* *************************************
 * Table elements
 * *********************************** */
table.bordered tr td, table.bordered tr th { border-bottom:1px solid #d3d3d3;}
table.bordered tr th { background-color: #000000}
table.bordered {margin:0 auto}

table {
   border-collapse: collapse;
   table-layout: auto;
}

td,th,.top {
   padding: 2px 10px;
   margin: 0;
   font-size: 12px;
   vertical-align: middle;
   text-align: left;
}

tr.colheader {
   background: url(../images/contentdetail/blackHeader.png);
   background-repeat: repeat-x;
}

tr.colheader th {
   padding-top: 0.5em;
}

th.date {
   width:6em;
}

.top { vertical-align: top; }

.oddrow {
   background: #777891;
 }

.number { text-align: right; }


/***************************************
 * LISTS - GALLERY NAVIGATION
 ***************************************/
ul.navgallery {
   text-align:center;
   overflow:auto;
   margin:0 167px;
   padding:0;
   float:left;
   border:1px solid black;
}

ul.navgallery li{
   list-style: none;
   float:left;
   width:70px;
   margin: 0 auto;
   padding: 0 0 0.25em 0;

   border-left:1px solid black;
   background: #484948;

}

ul.navgallery li.first{
   border-left:0;
}

.captionedimage {
   text-align:center;
   padding: 0.25em;
   margin:0 auto;
   overflow:auto;
}

.captionedimagewithbg{
   text-align:center;
   border:1px solid black;
   background-color:#A6A3A3;
   color:#000000;
   padding: 1em 0.5em 0.5em 0.5em;
   margin:1em auto;
   overflow:auto;
}

.captionedimagefixed, .captionedimagefixed-border {
   padding: 1em 0.25em 0.5em 0.25em;
   float:left;
   width:120px;
   text-align:center;
   margin:0;
}


.captionedimagefixed-border {
   border-right:1px solid black;
}

.caption, .caption-withbg {
   text-align:center;
   padding: 0;
   margin:0;
}

.caption-withbg {
   background: rgb(51, 51, 51);
   font-size: 0.8em;
   height:3em;
   padding:0 2px;
}

br {
    clear: both;
}

/***************************************
 * LEFT NAV MENU SECTION
 ***************************************/
.navleft {
   float:left;
   width:150px;
   overflow:auto;
   text-align:center;
   clear:both;
   padding-bottom:3px;
}

.navleft ul {
   text-align:left;
   margin: 0;
   padding: 0 1em 0 2em;
   list-style-image: url("../images/bullet.png");
   color: #E84C99;
   list-style-type:square;
}

ul.userguide {
   list-style:square;
   margin:0;
   padding:0;
   overflow:hidden;
}

.navleft ul li ul {
   text-align:left;
   margin: 0;
   padding: 0 0 0 1em;
   color: #E84C99;
}

.navleft ul li.selected {
   color: #FFFFFF;
   font-weight: bold;
}

/* ***********************************************************************
 * For the Google search results
 * ***********************************************************************/

#search_results .gs-webResult .gs-visibleUrl-short { display:none; }
#search_results .gs-webResult .gs-visibleUrl-long { display:block; }
.gsc-control { width : 400px; }

/***********************************************************************
 * Form Elements
 **********************************************************************/
 label {
   float:left;
   width: 8em;
 }

 label.wide { width: 12em}

 form div.rowset {
   margin-bottom: 0.5em;
 }

fieldset {
   border: 0;
   padding: 0;
   margin:2em 0 1em 0;
}

.form-select {
   width: 65%;
}

.form-input-text {
   width:80%;
}

.form-input-text-short {
   width:98%;
}

.indented {
   margin-left:2em;
 }


/***********************************************************************
 * Main / Landing Page
 **********************************************************************/
.projectsiphone {
   margin-left:125px;
   float:left;
   width:200px;
   text-align:center;
   margin-bottom:2px;
}

.projectshobbies {
   float:right;
   width:310px;
   margin-right:125px;
   text-align:center;
   overflow:auto;
   padding:0 2px;
}

/***********************************************************************
 * Detail Page

 **********************************************************************/

.detailcontenttop {
   background: url("../images/contentdetail/shapetop.png");
   background-repeat:no-repeat;
   background-position:center top;
   width:100%;
   padding:19px 0 0 0;
}

.detailcontentbottom {
   background: url("../images/contentdetail/shapebottom.png");
   background-repeat:no-repeat;
   background-position:center bottom;
   width:100%;
   margin:0;
   padding: 0 0 10px 0;
   overflow:auto;
}

.detailcontent {
   background: url("../images/contentdetail/shapemiddle.png");
   background-repeat:repeat;
   width:640px;
   padding:0;
   margin:0;
   overflow:auto;
}

.detailcontentnofloat {
   background: url("../images/contentdetail/shapemiddle.png");
   background-repeat:repeat;
   width: 100%;
   overflow:auto;
   padding:0;
   margin:0;
}

.detailcontentnofloat .detailcontenttop .detailcontentbottom {
   background: url("../images/contentdetail/shapebottomnofloat.png");
   background-repeat:no-repeat;
   background-position:center bottom;
   margin:0;
   padding: 0 0 10px 0;
}

.detailcontentnofloat .detailcontenttop {
   background: url("../images/contentdetail/shapetopnofloat.png");
   background-repeat:no-repeat;
   background-position:center top;
   padding:19px 0 0 0;
   margin:0;

}

.detailcontentandfootnotes {
   float:right;
   margin:0;
   padding:0;
}

.detailtext {
   padding: 0 10px;
   clear:both;
}

.detailheader {
   background:url("../images/contentdetail/header.png");
   background-repeat:repeat-x;

   padding-left: 10px;
   margin:0 0 0.8em 0;
   height:38px;
}

.detailheadernotes, .detailheadernotes-multiline {
   float:right;
   color: #FFFFFF;
   margin-right:10px;
   font-size:0.9em;
}

.detailheadernotes {
   line-height: 30px;
}

.detailheadernotes-multiline {
   padding-top:0.10em;
}

.detailfootnotes {
   text-align:left;
   width:640px;
   padding: 0;
   float:right;
   font-size: 0.8em;
}

.detailfootnotes .lastupdated {
   margin-bottom:0.8em;
   font-style: italic;
}

.note {
   font-weight: bold;
}

.importantMsg {
   color: #FF68B1;
   font-size: 14px;
   font-weight: bold;
}

.fieldname  {
   color: #E84C99;
   font-weight:bold;
   margin-right:0.5em;
}

div.fieldname {
   margin-top: 1em;
}

.detailbottomnav {
   padding:0;
   margin: 2em 0 0 0 ;
}

.titleheader {
   margin:0.5em 0 2em 0;
}

/***************************************
 * DETAIL NAV MENU SECTION
 ***************************************/

.detailnav {
   float:right;
   color: #FFFFFF;
   font-size:1.1em;
}

ul.indexnav, .detailnav ul {
   margin:0;
   padding:0;
}

.detailnav ul li {
   line-height: 30px;
   padding: 0 1em;
   list-style: none;
   display:inline;
   border-left:1px solid #000000;
}

ul.indexnav li {
   padding: 0 0.5em;
   list-style: none;
   display:inline;
   border-left:1px solid #E84C99;
}

ul.indexnav li.first, .detailnav ul li.first {
   border-left: none;
}

.detailnav ul li.selected{
   color: #000000;
   font-weight: bold;
}

.detailnav a:link,
.detailnav a:visited {
   color: #FFFFFF;
   text-decoration:none;
}

.detailnav a:hover{
   color: #000000;
   text-decoration:underline;
}

.detailnav a:active {
   color: #FFFFFF;
   text-decoration:underline;
}

/***********************************************************************
 * Generic Classes
 **********************************************************************/

.associatedcontent p{
   margin-bottom: 0;
   padding-bottom: 0;
}

.associatedcontent ol, .associatedcontent ul{
   margin-top: 0.2em;
   padding-top: 0;
}

p.quote {
   margin-left: 5em;
   margin-right: 5em;
}

.arrowquote {
   font-size:1.5em;
}

ul.navgallery li a:hover {
   text-decoration:none;
}

/***********************************************************************
 * Wherever I display the amazon search
 *
 *   background:url(../images/amazon.png);
 *   background-repeat:no-repeat;
 *   background-position:center middle fixed;
 **********************************************************************/
.amazon {
   text-align:center;
   overflow:auto;
}

.centered {
   text-align: center;
   overflow:auto;
}

/*********************************************
 * Adding a <sup> or <sub> tag can throw off the
 * line-spacing of a text block.
 * sub fix: top: .5em
 *********************************************/
sup.fix {
   height: 0;
   line-height: 1;
   vertical-align: baseline;
   _vertical-align: bottom;
   position: relative;
   bottom: 1ex;
}

/********************************************
 * Menu Background (see sprites.css)
 *******************************************/

ul#navmenu li .selectedhome,
ul#navmenu li .selectediphoneapps,
ul#navmenu li .selectedwidgets,
ul#navmenu li .selectedrunnersearch,
ul#navmenu li .selectedgreasemonkey,
ul#navmenu li .selectedforums,
ul#navmenu li a{
   display: block;
   float: left;
   height: 34px;
   background-image: url(/images/menusprites.png);
   text-indent: -9999px;
   border:0;
   outline:none;
   padding: 0;
   margin:0;
}

/* Safari/Chrome Hack */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   #attachment { color:white ; }
}

.hiddenonscreen {display:none;}