/*
Theme Name: 36 Branding
*/

/*

---------------------------------------------------------------------------------------
TABLE OF CONTENTS
	-- RESETS
	-- BASICS
	-- CUSTOM
---------------------------------------------------------------------------------------
*/

/* RESETS */
html, body, div, span, applet, object, iframe, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	/*width: auto; disabled -- breaks flash piece on homepage! */
}
body { line-height: 1;}
ol, ul { list-style: none; }
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: '';content: none;}
:focus { outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0; }
h1, h2, h3, h4, h5{margin:0; padding:0;}


/* BASICS */
html{ font-size:100%;}
body{ font-size:62.5%; color:#7F7F7E; font-family:arial, sans-serif}
a{}
a:hover{}
a:active{}
a:visited{}
.left{  float:left; }
.right{	float:right; }
.clear{	clear:both; }
img.left{	margin:0 1em 1em 0; }
img.right{	margin:0 0 1em 1em; }
.padding{	padding:10px; }
#content p{	margin:1.1em 0; }

/* NAVIGATION MENU */
#navigation{position:absolute;z-index:999; top:75px; left:230px; width:540px; }
#navigation, #navigation ul { padding:0;	margin:0; list-style:none; line-height:1;}
#navigation a {margin-right:1px; color:#B0B0B0; line-height:25px;height:25px;	display:block; padding:0 10px; text-decoration:none;}


#navigation li.about{width:80px;}
#navigation li.about a{ background:url(images/nav.png) 5px 2px repeat-x;}
#navigation li.about a:hover{ background:url(images/nav.png) 5px -28px;}
#navigation li.about a.active{background:url(images/nav.png) 5px -28px repeat-x;}


#navigation li.whatwedo{width:115px;}
#navigation li.whatwedo a{ background:url(images/nav.png) -80px 2px repeat-x;}
#navigation li.whatwedo a:hover{ background:url(images/nav.png) -80px -28px;}
#navigation li.whatwedo a.active{background:url(images/nav.png) -80px -28px repeat-x;}

#navigation li.blog{width:157px;}
#navigation li.blog a{ background:url(images/nav.png) -290px 2px repeat-x;}
#navigation li.blog a:hover{ background:url(images/nav.png) -290px -28px;}
#navigation li.blog a.active{background:url(images/nav.png) -290px -28px repeat-x;}


#navigation li.portfolio{width:101px;}
#navigation li.portfolio { background:url(images/nav.png) -193px 2px no-repeat;}
#navigation li.portfolio a.active, #navigation li.portfolio a.hover{background:url(images/nav.png) -193px  -28px no-repeat;}

#navigation li.portfolio ul{ width: auto;margin:0 0 0 0px;z-index:998;}

#navigation li.portfolio li a{	background-image:none; font-weight:normal; background-color:#AAAAA9; color:#fff;line-height:15px; height:auto;margin:0 0 2px 0px; padding:0;}
#navigation li.portfolio li a:hover{background-image:none; background-color:#878787;  color:#fff;}


#navigation li.contact{width:80px;}
#navigation li.contact a{ background:url(images/nav.png) -440px 2px repeat-x;}
#navigation li.contact a:hover{ background:url(images/nav.png) -440px -28px;}
#navigation li.contact a.active{background:url(images/nav.png) -440px -28px repeat-x;}


#navigation a:hover{text-decoration:none; padding:0 10px;}
#navigation a span {display:none;}

#navigation li { float:left; width:auto;  padding:0; margin:0;}
#navigation li ul { position:absolute;z-index:1000; left:-999em; }
#navigation li ul ul {	margin: -1.5em 0 0 130px;	}
#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li.sfhover ul ul, #navigation li.sfhover ul ul ul {	left: -999em;}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul,
#navigation li.hover ul, #navigation li li.hover ul, #navigation li li li.hover ul { left: auto;	}

#navigation li.hover{display:block;}

#navigation li ul{display:block; position:absolute;z-index:1000; margin:0 0px 0 0; }
#navigation li ul li {float:none;text-align:center; margin-top:0px;}
#navigation li ul li a{line-height:15px; height:18px; font-size:10px; color:#A0A0A0; background-color:#AAAAA9; border:none; font-family:arial; padding: 0 5px; }


.current_page_item a{font-weight:bold;} 

#networking{position:absolute; top:65px; right:12px; width:165px; height:40px;}
#networking, #networking ul { padding:0;	margin:0; list-style:none; line-height:1; float:left;	}
#networking a { margin-right:1px; color:#B0B0B0;	line-height:25px; height:25px;	display:block; padding:0 0 0 2px; text-decoration:none;	}

#networking a:hover{			text-decoration:none; padding:0 0 0 2px;}
#networking a span {display:none;}
#networking li { 			float:left; width:auto; height:25px;	}
#networking li{			padding:0; margin:0; }

#breadcrumbs{font-size:0.9em;display:block; margin:0; padding:0;}

#breadcrumbs ul { margin:0 18px;padding:0 0 0 2px; list-style:none; line-height:1;display:block; clear:both;background-color:#E6E5E5;	}
#breadcrumbs li { 	display:inline; width:auto;	}
#breadcrumbs li{			padding:0 2px 0 2px; margin:0; }
#breadcrumbs a{color:#0F0F0F; text-decoration:none;line-height:1.8;text-transform:uppercase; margin:0 0 0 7px}
#breadcrumbs a.active{font-weight:bold;}

#top-image{background:#fff; padding:0px;margin:2px 18px 15px;}


/* NAVIGATION-BLOG MENU */
#navigation-blog-bar{background-image: url(images/blog-nav-blog.png); width: 914px;	height: 42px; }
#navigation-freebies-bar{background-image: url(images/blog-nav-freebies.png); width: 914px; height: 42px; }
#navigation-tools-bar{background-image: url(images/blog-nav-tools.png); width: 914px; height: 42px; }
#navigation-resources-bar{background-image: url(images/blog-nav-resources.png); width: 914px; height: 42px; }

#navigation-blog, #navigation-blog ul { padding:0;	margin:0; list-style:none; line-height:1;	}
#navigation-blog a {margin-right:1px; color:#B0B0B0; line-height:25px;height:25px;	display:block; padding:0 10px; text-decoration:none;	}

#navigation-blog li.blog{width:115px; height:19px; margin-top: 5px; margin-left: 60px; }
#navigation-blog li.blog a{background:url(images/blog-nav-blogUP.png); background-repeat: no-repeat;}
#navigation-blog li.blog a:hover{ background:url(images/blog-nav-blogDN.png); background-repeat: no-repeat}
#navigation-blog li.blog a.active{background:url(images/blog-nav-blogDN.png); background-repeat: no-repeat}

#navigation-blog li.freebies{width:115px; height:19px; margin-top: 5px; margin-left: 112px; }
#navigation-blog li.freebies a{background:url(images/blog-nav-freebiesUP.png); background-repeat: no-repeat;}
#navigation-blog li.freebies a:hover{background:url(images/blog-nav-freebiesDN.png); background-repeat: no-repeat}
#navigation-blog li.freebies a.active{background:url(images/blog-nav-freebiesDN.png); background-repeat: no-repeat}

#navigation-blog li.tools{width:115px; height:19px; margin-top: 5px; margin-left: 115px; }
#navigation-blog li.tools a{background:url(images/blog-nav-toolsUP.png); background-repeat: no-repeat}
#navigation-blog li.tools a:hover{ background:url(images/blog-nav-toolsDN.png); background-repeat: no-repeat}
#navigation-blog li.tools a.active{background:url(images/blog-nav-toolsDN.png); background-repeat: no-repeat}

#navigation-blog li.resources{ width:115px; height:19px; margin-top: 5px; margin-left: 105px; }
#navigation-blog li.resources a{ background:url(images/blog-nav-resourcesUP.png); background-repeat: no-repeat}
#navigation-blog li.resources a:hover{ background:url(images/blog-nav-resourcesDN.png); background-repeat: no-repeat}
#navigation-blog li.resources a.active{background:url(images/blog-nav-resourcesDN.png); background-repeat: no-repeat}


#navigation-blog a:hover{text-decoration:none; padding:0 10px;}
#navigation-blog a span {display:none;}

#navigation-blog li { float:left; width:auto;  padding:0; margin:0;}
#navigation-blog li ul { position:absolute; left:-999em;  }
#navigation-blog li ul ul {	margin: -1.5em 0 0 130px;	}
#navigation-blog li:hover ul ul, #navigation-blog li:hover ul ul ul, #navigation-blog li.sfhover ul ul, #navigation-blog li.sfhover ul ul ul {	left: -999em;}
#navigation-blog li:hover ul, #navigation-blog li li:hover ul, #navigation-blog li li li:hover ul,
#navigation-blog li.hover ul, #navigation-blog li li.hover ul, #navigation-blog li li li.hover ul { left: auto;	}

#navigation-blog li.hover{display:block;}

#navigation-blog li ul{display:block; position:absolute;z-index:999; margin:0 0px 0 0; }
#navigation-blog li ul li {float:none;text-align:center; margin-top:0px;}
#navigation-blog li ul li a{line-height:15px; height:18px; font-size:10px; color:#A0A0A0; background-color:#AAAAA9; border:none; font-family:arial; padding: 0 5px; }



/* STRUCTURE */

#container{	overflow:hidden; border:1px solid #fff; font-size:1.2em; width:950px; margin:0 auto; }
#header{position:relative;height:125px;z-index:1000;}
#footer{clear:both; color:#B8B6B6; border:1px solid white; padding:10px 0;}
#content{margin:0 18px;}
#content{ position:relative;z-index:0; }
#left {width:110px; float:left; }
#nav-blog {width:914px;	margin-bottom: 15px; clear: both;}
#left-blog {width:190px; float:left; margin-left: 4px; }
#content-blog {width:490px;	float:left;	margin-right: 20px;	margin-left: 20px; }
#right-blog {width:190px; float:left; }

#right{width:798px; float:right;}

#left li{margin-bottom:10px;}
#left li a{color:#7F7F7E; font-weight:bold; text-decoration:none; }
#left li a.active{color:#D1D2D0;  text-decoration:none;}


h1{width:215px; height:100px;}
h1 a{display:block; background:white url(images/36-innovative-competitive-identities.png) no-repeat 14px 8px;height:100px;line-height:100px;}
h1 a span{display:none;}

.description{display:none;}

h2{color:black; background:url(images/h2-bg.png) bottom left repeat-x;padding:0 0 5px 0;margin:0 0 5px;}

#content a{text-decoration:none;color:19cff9;}

#content p.edit a{color:red;}

.entry {
	background:url() bottom left repeat-x;
	padding:0 0 2px 0;
	margin:0 0 5px;
	font-size:1em;
	line-height:1.2
}

.entry-blog {
	background:url(images/h2-bg.png) bottom left repeat-x;
	padding:0 0 2px 0;
	margin:0 0 5px;
	font-size:1em;
	line-height:1.2
}

.black{color:#000;}



.pika_main {margin:1px 0 0px 0; height:500px;}
ul#pikame{position:absolute; right:0; top:0;}
ul#pikame li{width:110px;text-align:right;}
ul#pikame li a{background-color:#7F7F7E;width:110px; height:110px;line-height:110px; border:1px solid white;display:block;}
ul#pikame li img{padding:7px 14px 14px 7px; background:url(images/thumb-bg.png) 0px 0px;}
ul#pikame li img:hover{background:url(images/thumb-bg.png)  0px -101px;}
ul#pikame li img.pika_selected{background:url(images/thumb-bg.png) 0px -101px;}

.min-height{float:left; height:500px;}

.clear{clear:both; width:100%; height:1px; margin-top:-1px;display:block;}

#footer a{color:#8E8D8D; text-decoration:none;}
#footer p{text-align:center;font-size:1em; }
#footer p span.spacer{display:inline-block; width:20px;}



/* SIDEBARS */
#right-blog a{color:#06a9d8; text-decoration: underline; }
#left-blog a{color:#06a9d8; text-decoration: underline; }

#sidebar {font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; line-height: 15px; margin-bottom: 20px; }
#sidebar h1{
	font-size: 9pt;
	height: 25px;
	font-weight: bold;
}
#sidebar li {margin-bottom: 5px; }

#tweets {font-family: Georgia, "Times New Roman", Times, serif; font-size: 9pt; }
#tweets li {margin-bottom: 15px; }

#rssfeed { font-size: 10pt; margin-top: 5px; margin-bottom: 15px; }
#rssfeed img{margin-right: 5px; }

#blogroll {font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; line-height: 22px; margin-bottom: 15px; }

/* BLOG */
#archive-title {margin-bottom: 15px; }

#content-blog {	font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; }
#content-blog a{color:#06a9d8; text-decoration: underline; }
#content-blog h2{font-family: Arial, Helvetica, sans-serif; }

#post {margin-bottom: 30px;	clear: both; }
#post h2{font-family: Arial, Helvetica, sans-serif;	margin-top: 5px; margin-bottom: 2px; font-size: 13pt; background:url(images/h2-bg.png) bottom left repeat-x; }
#post h2 a{color: #000000; text-decoration: none;  }
#post h5{color: black; font-family: Arial, Helvetica, sans-serif;	margin-top: 25px; margin-bottom: 5px; padding-bottom: 5px; font-size: 11pt; background:url(images/h2-bg.png) bottom left repeat-x; }

#post-navigation {margin-top: 15px;	margin-bottom: 15px; }

#alignleft {font-family: Arial, Helvetica, sans-serif; float: left;	font-size: 10pt; margin-top: 5px; margin-bottom: 15px; }
#alignright {font-family: Arial, Helvetica, sans-serif;	float: right; font-size: 10pt; margin-top: 5px; margin-bottom: 15px; }

#postmetadata {	font-family: Arial, Helvetica, sans-serif; font-size: 9pt; line-height: 15px; margin-bottom: 15px; }

#respond {font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }

#addtoany {margin-top: 5px; margin-bottom: 5px;}

#trackback {font-size: 9pt; line-height: 15px; }

#comments h4{font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	font-style: italic;
}

#commentlist {font-family: Georgia, "Times New Roman", Times, serif; }

#comment-author {font-family: Georgia, "Times New Roman", Times, serif; font-size:10pt; color: #000000; font-style: italic; font-weight: bold; margin-top: 3px;}
#comment-author a{ font-style: italic; font-weight: bold;}

#says {font-family: Georgia, "Times New Roman", Times, serif; font-size:10pt; color: #000000; font-style: normal; font-weight:normal;}