/**
* CSS
* 
* @version 1.1
* @author Vaska 
* @author Gregory Cadar
* @author James Brown
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Arial, sans-serif;
	background: #F3F3F3 url(/images/grid.gif) no-repeat -100px 0;
        line-height: 13px;
        position: absolute;
        left: -100px;

}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: #FF6800; display: inline; padding: 2px 0px; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #FF6800;}
a:hover { text-decoration: none; color: black; padding: 2px 0px; } 

#menu a:link { text-decoration: none; color: black; display: block; padding: 2px 0px; }
#menu a:active { text-decoration: none; }
#menu a:visited { text-decoration: none; color: black; display: block; padding: 2px 0px;}
#menu a:hover { text-decoration: none; background-color: orange; } 

a img { border: none; }

#menu {
bottom:0;
left:337px;
position:absolute;
top:30px;
width:357px;
}

#menu ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 28px 215px;
}

#menu ul li.section-title {font-family:baskerville,georgia,serif;
font-size:22px;
margin-bottom:-19px;
margin-left:-214px;
padding-bottom:0;
padding-top:15px; }

#menu ul li.active a {color:#D6C9AB;}

#content {
left:705px;
margin:0;
position:absolute;
top:139px;
width:357px;
text-align: right;
}

.container {
    padding: 5px 5px 0px 5px;
}

#content p { left:200px;
padding-left:147px;
width:200px; 
line-height: 14.5px}

p {
    margin: 0 0 9px 0;
}

#content div#title {font-family: baskerville; font-size: 22px; margin-top: -5px; margin-bottom: 12px;}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{
left:6px;
position:absolute;
top:-36px;
}

#img-container p	{ 
margin:0;
padding:0 0 12px;
width:133px;
}

#once { clear: left; }

#menu .logo {
color:orange;
font-family:baskerville,georgia,serif;
font-size:26px;
margin-bottom:49px;
padding-left:4px;
font-weight: bold;
position:relative;
top:-2px;
}

#menu .logo a {display: inline; color: orange;}
#menu .logo a:hover {background: none;}

ul#twitter_update_list li {list-style-type: none; font-size: 11px; margin-top: 10px;}
a#twitter-link:hover {display: inline; background: orange; color: black;}
a#twitter-link {background: none; color: black; text-align: center; margin-bottom: 15px;}

#footer {color:grey;
font-size:90%;
left:5px;
line-height:120%;
position:absolute;
top:731px;
padding-bottom: 40px;
background:transparent url(http://borrodell.com/images/down-left.png) no-repeat scroll 1px 4px;
}

#menu #footer a {color: grey; position:relative; left:42px; top:1px;}

#menu #footer a:hover {background: none; color: black;}

#cv {color:grey;
font-size:90%;
left:219px;
line-height:120%;
position:absolute;
top:731px;
background:transparent url(http://borrodell.com/images/down.png) no-repeat scroll 0 4px;;
}

#menu #cv a {color: grey; position:relative; left:41px; top:1px;}
#menu #cv a:hover {background: none; color: black;}

#touch {color:grey;
font-size:90%;
left:621px;
line-height:120%;
position:absolute;
text-align:right;
top:731px;
width:99px;
background:transparent url(http://borrodell.com/images/down-right.png) no-repeat scroll right 4px;
}

#menu #touch a {color: grey; left:-42px;
position:relative; top: 2px;}
#menu #touch a:hover {background: none; color: black;}



#travel-map { 
left:-362px;
position:absolute;
top:-49px;
}

#infographic {
left:-48px;
position:absolute;
top:-58px;
}

#twitter_div {
text-align: left;
width: 133px;
position: absolute;
top: -36px;
color: grey;
}


input {width: 150px; border: none; background: none; border-bottom: 1px solid orange; margin-right: 5px;}

input.submit {border: 1px solid grey; font-weight: bold;}

textarea {background: none; border: 1px solid orange;  height: 60px; width: 150px; margin-bottom: 10px; margin-right: 5px;}

h5 {font-size: 30px; }

em {color: grey;}

pre {font-size: 10px;}