/*	-----------------------------------------------

	Resets And Primitives

	----------------------------------------------- */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	padding:0;
	margin:0;
}

body {
	background:#fff;
	font-size:62.5%;
	font-family:Helvetica,Arial,sans-serif;
	color:#000;
}

h1,h2,h3,h4,h5,h6 { font-weight:bold; }


h2 {
	font-size:1.75em;
	line-height:1em;
	padding-bottom:7.5px;
}

h3 { 
	font-size:1.5em; 
	line-height:1em;
	padding-bottom:7.5px;
}

h4 { 
	font-size:1em; 
	line-height:1em;
}

h5 {
	font-size:1em; 
	line-height:1em;
}

h6 {
	font-size:1em; 
	line-height:1em;
}

p { 
	font-size:1em; 
	line-height:1em;
	padding:1em 0;
}

address,caption,cite,code,dfn,th,var { 
	font-style:normal; 
	font-weight:normal; 
}

ul,ol { 
	list-style:none; 
}

a { 
	color:#C30;
	text-decoration:none; 
}

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

img { 
	border:0; 
}

strong { 
	font-weight:bold;
}

em {
	font-style:italic; 
}

table {
	border-collapse:collapse;
}

caption,th,td {
	text-align:left;
	font-weight:normal;
}

dd {
    padding:10px;
}

/*	-----------------------------------------------

	Custom Primitives

	----------------------------------------------- */


div.hr { 
	height:1px;
	border-top:1px solid #000;
	overflow:hidden;
	clear:both;
}
	div.hr hr {
		display: none;
	}

div.clear {
	clear:both;
	height:1px;
	overflow:hidden;	
	margin-top:-1px;	
}

* {
    border:0px dotted #333;
}
ol.ol {
    list-style:lower-alpha;
    padding-left:20px;
}

/*	-----------------------------------------------

	Utility Classes

	----------------------------------------------- */


.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.invisible { display:none; }

.offscreen { 
	position:absolute;
	left:-99999em; 
}


/*	-----------------------------------------------

	Chrome

	----------------------------------------------- */
body {
	background:#FFFFFE;
    width:100%;
}
div#wrapper {
    margin:75px auto 20px auto;
    width:910px;
    padding:5px;
    background:#0C1C1C url('/_ui/img/bizcard_bg.jpg') no-repeat bottom left;
}
body.mindmap div#wrapper {
    background:#0C1C1C;
}
div#footer {
    margin:0 auto;
    width:980px;
    text-align:center;
    border-top-width:1px;
}
div#content {
    width:520px;
}
div#socialLinks{
    position:fixed;
    top:0;
    left:0;
    width:100%;
}

div#socialLinks div.container {
    width:960px;
    margin:0 auto;
    padding:0 10px;
    background:#FF8400;
}
div#socialLinks div.container ul li{
    float:left;
}

div#socialLinks div.container h2 {
    float:left;
    padding:6px 8px 6px 25px;
    font-size:1.2em;
    color:#000;
    width:80px;
}
div#previewLinks div.container h2 {
    padding-left:13px;
    width:auto;
}
div#socialLinks div.container ul li a{
    color:#FFF;
    background:no-repeat 0px center;
    padding:6px 4px 0 24px;
    margin-right:4px;
    height:1.6em;
    display:block;
    font-size:1.2em;
}
div#socialLinks div.container ul li a.stico_default {
    background-position:0 center !important;
}
div#socialLinks div.container ul li a.stico_default span {
    line-height:1em;
    text-transform:lowercase;
}
div#socialLinks div.container ul li a:hover {
    color:#000;
    background-color:#ED7D0F;
}
.homePage div#socialLinks div.container ul li a#aboutLink,
.portfolioPage div#socialLinks div.container ul li a#portfolio,
.hresume div#socialLinks div.container ul li a#fullResume,
div#socialLinks div.container ul li a.activeLink{
    color:#000;
    background-color:#ED7D0F;
    cursor:pointer;
    text-decoration:none;
}

div#socialLinks div.container ul.aboutUl li {
    width:75px;
}
div#socialLinks div.container ul li a#aboutLink{
    background-image:url('/_ui/img/about.png');
}
div#socialLinks div.container ul li a#twitter{
    background-image:url('/_ui/img/favicon_twitter.png');
}
div#socialLinks div.container ul li a#facebook{
    background-image:url('/_ui/img/favicon_facebook.png');
}
div#socialLinks div.container ul li a#delicious{
    background-image:url('/_ui/img/favicon_delicious.png');
}
div#socialLinks div.container ul li a#email{
    background-image:url('/_ui/img/mail.gif');
}
div#socialLinks div.container ul li a#linkedin{
    background-image:url('/_ui/img/favicon_linkedin.png');
}
div#socialLinks div.container ul li a#rocket{
    background-image:url('/_ui/img/favicon.png');
}
div#socialLinks div.container ul li a#ftm{
    background-image:url('/_ui/img/mcdm.png');
}
div#socialLinks div.container ul li a#logoSm{
    background-image:url('/_ui/img/mcdm.png');
}	
/*	-----------------------------------------------

	Header

	----------------------------------------------- */
div#header {
	border-width:1px;
    padding:15px;
    width:330px;
    float:right;
    background:#FFF;
    opacity:0.85;
}

div#header h1#logo{
    display:block;
    width:0;
    height:0;
    font-size:0px;
    line-height:0px;
    overflow:hidden;
    padding-top:124px;
    padding-left:342px;
    background:transparent url('/_ui/img/brookellingwood.com.png') no-repeat top left;
    opacity:1;
}
div#header div#taglines {
    float:right;
    text-align:right;
	font-size:1.5em;
	line-height:1.5em;
	opacity:1;
}
div#header p {
    margin:2px 0;
    padding:0;
}
/*	-----------------------------------------------

	Navigation

	----------------------------------------------- */



/*	-----------------------------------------------

	Widgets

	----------------------------------------------- */



/*	-----------------------------------------------

	Page Specific Style

	----------------------------------------------- */

div.socialList, div#about, div#status{
    width:520px;
}
div.socialList h3,
div#about h3{
    color:#FF8400;
    margin:0 5px 0 0;
    font-size:1.4em;
    text-transform:lowercase;
    float:left;
}
div.socialList a.visitSite,
div.socialList a.closePreview,
ul.aboutUl a#fullResume{
    color:#FFF;
    background:#FF8400;
    padding:2px 4px;
    margin-left:4px;
    display:block
}
div#socialLinks div.container ul li a#fullResume {
    background-image: url('/_ui/img/mf-icon.png');
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:20px;
    margin-left:0px;
    height:18px;
    font-size:1.2em;
    line-height:12px;
}
div#socialLinks div.container ul.aboutUl li#portfolioLi {
    margin-left:25px;
}
div#socialLinks div.container ul li a#portfolio {
    background-image: url('/_ui/img/portfolio.png');
    background-repeat:no-repeat;
    background-position:left center;
    padding-left:20px;
    margin-left:0px;
    height:18px;
    font-size:1.2em;
    line-height:12px;
}
div.socialList a.visitSite{
    float:left;
}
div.socialList a.closePreview{
    float:right;
}
div.socialList a.visitSite:hover,
div.socialList a.closePreview:hover,
ul.aboutUl a#fullResume:hover{
    color:#000;
    background-color:#ED7D0F;
}
div.socialList ul{
    border-left-width:1px;
    padding-left:10px;
    margin-bottom:10px;
    clear:left;
}
div.socialList ul li {
    margin:0 2.5px;
    padding:8px 4px;
}
div.socialList ul li.position0{
    background:#ECECEC;
}
div.socialList ul li a {
    font-size:1.2em;
}
div.socialList ul li span.date {
    color:#666;
    white-space:nowrap;
    display:block;
    text-align:right;
}
div.socialList, div#about, div#status {
    background:#FFFFFF;
    opacity:0.85;
    padding:15px;
    width:511px;
    border-width:1px;
}
div#about p, div#status li {
    font-size:1.2em;
    clear:left;
    padding:.5em 0;
}
div#status ul {
    margin-left:1em;
}
div#status li {
    font-size:1.2em;
    clear:left;
    padding:.25em;
    margin-left:.25em;
    list-style-type:square;
}

.portfolioPhoto {
    margin:15px 0;
}
.portfolioPage #content h3 {
    margin-top:15px;
}