/* Ben McNelly */
/* (CC) 2008 - 2009 Ben McNelly. Some Rights Reserved.  */
/* http://creativecommons.org/licenses/by/2.0  */


/* -------------------------------------------------------------- 
   Main build
-------------------------------------------------------------- */
html, body { margin:0px; border:0px; background: url(http://benmcnelly.com/images/background-loop.jpg) #0f3f70 center top repeat-x; height: 100%; margin-bottom:-50px; color:#0f0a36; }
#container  { width:960px; margin:auto; min-height:100%; margin-bottom:15px;}
#header { width:960px; height:173px; }

#logo { background:url(http://benmcnelly.com/images/ben-mcnelly.png) top left no-repeat; width:406px; height:83px; margin-top:35px;}
#logo a {position: absolute; top: auto; left: auto; width: 406px; height: 83px; }
#logo a h1 { display: none; }
#content-cap { margin:auto; background:url(http://benmcnelly.com/images/trans-body-end.png); height:13px; width:878px; }


.hidden {display:none;}
#content { margin:auto; width:960px; background: url(http://benmcnelly.com/images/trans-body-looop.png) repeat-y; width:878px;  }
#left-content { padding:10px; margin:0px; }
#right-content { }
#footer { margin:auto; margin-top:-45px; auto; text-align:center;   background:url(http://benmcnelly.com/images/footer-thingy-idea.png) top center no-repeat; width:929px ; height:102px ;   }
#start-bar { height:50px; background:url(http://benmcnelly.com/images/footer-loop.gif) repeat-x; }


.section-1 { margin: 12px; padding: 5px; background: #dae9ff; border: #000033; border-width: thin; border-style: solid; }
.section-2 { margin: 12px; padding: 5px; background: #c0cde0;border: #0099CC; border-width: thin; border-style: solid; }

.preview { background:url(http://benmcnelly.com/images//view-2.png) no-repeat; height:180px; width:815px; padding:15px 15px 0px 15px; }


img { border: 0px; }
.section_title {padding-left: 12px; }



/* -------------------------------------------------------------- 
   Navigation
-------------------------------------------------------------- */
#top_menu { float: right; width:400px; margin: 15px 30px 0px 0px; }

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
font-size: 20px;;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
}

#navlist a:hover
{
color: #fff;
text-decoration: underline;
}

/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Gill Sans, Verdana, Helvetica, sans-serif;}

/* Headings */
h1 { font-size: 30px;  text-transform: uppercase; font-weight: bold; margin:0px; padding:0px; }
h2 { font-size: 20px;  text-transform: uppercase; font-weight: bold; margin: 0px; padding:0px; }
h3 { font-size: 18px; line-height: 14px; text-transform: uppercase; font-weight: bold; }
h4 { font-size: 16px; line-height: 20px; font-weight: bold; margin: 0px; padding:0px; }
h5 { font-size: 14px; line-height: 20px; font-weight: bold; margin: 0px; padding:0px; }
h6 { font-size: 10px; line-height: 20px; font-weight: bold; margin: 0px; padding:0px; }

/* -------------------------------------------------------------- 
   Text Elements 
-------------------------------------------------------------- */
p, ul, ol, dl { margin-bottom: 20px; font-size: 14px; line-height: 20px; }
ul, ol { padding-left: 20px;}
ul { list-style-type: circle; }
ol { list-style-type: decimal; }
dl dt { font-weight: bold; }
dl dd { padding-left: 10px; }
abbr, acronym { text-decoration: underline; }
a { color: #0f3d71; text-decoration: none; }
a:hover { text-decoration: underline; }
blockquote { margin: 20px 0; padding-left: 10px; }
dfn { font-style: italic; font-weight: bold; }
pre, code { margin: 20px 0; white-space: pre; }
pre, code, tt { font: 10px monospace; line-height: 20px; } 
tt { display: block; margin: 20px 0; line-height: 20px; }