/*

Theme Name: Bingham Johnson



*/





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

// 1.RESET

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



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,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%;

	vertical-align: baseline;

	background: transparent;

}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }

acronym { cursor: help; }



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

// 2.GENERIC CLASSES

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



html { font-size: 100.01%; }

body { font-size: 62.5%; line-height:1em; }





/*---- Input fields ----*/

input, select, textarea { font-size: 100%; }

textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }



/*---- Floats ----*/

.flR { float: right; }

.flL { float: left; }



/*---- Horizontal Alignment ----*/

.alR { text-align: right; }

.alC { text-align: center; }



/*---- Vertical Alignment ----*/

.vlT {vertical-align:top;}

.vlB {vertical-align:bottom;}



/*---- Hide ----*/

.hide { display: none; }



/*---- Float Clearing fixes ----*/

.clear { clear: both; height:1px; line-height:1px; }

.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



/*---- Image Replacement Technique ----*/

.ir { position: relative; overflow: hidden; }

.ir span { position: absolute; top: 0; text-indent: -1000em;}



/*---- Links ----*/

a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }

a:link:hover, a:visited:hover { text-decoration: underline; }

	





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

// 3.BASIC ELEMENTS

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

html,body, div#container{height:100%;}

body { color:#8f8f91; background:#000 url(interface/images/body_bg.jpg) center top no-repeat; font-family:Tahoma, Geneva, sans-serif; }



a{ color:#8f8f91; line-height:1.2em;}

h1,h2,h3,p,li{line-height:1.2em;}



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

// 4.LAYOUT

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

	

/*---- Container ----*/

div#container{min-height:100%; margin-bottom:-70px; height:auto; position:relative;}

div#container{ width:748px; margin:14px auto 0px auto; background:url(interface/images/middle_bg.jpg) left top repeat-y;}

div#container div.container_top{background:url(interface/images/top.jpg) left top no-repeat;}

div#container div.container_top div.container_bottom{ padding:2px 20px 0px 20px; overflow:hidden; width:712px;}





/*---- Header ----*/

div#header { margin:0px 0px 20px -18px; position:relative; }



/*---- Navigation ----*/

div#navigation { background:url(interface/images/navigation/navigation.gif) left top no-repeat; height:27px; width:726px; position:relative; z-index:10; margin-left:-16px;}



/*---- Content ----*/

div#content { position:relative; z-index:5; clear:both; padding:2px 0px 20px 0px; overflow:hidden; width:712px; }

div#content div.content_top{background:url(interface/images/content/content_top.gif) left top no-repeat; height:44px;}

div#content div.content_middle{background:url(interface/images/content/content_middle.gif) left top repeat-y;}

div#content div.content_bottom{background:url(interface/images/content/content_bottom.gif) left bottom no-repeat; height:44px; }



/*---- Main ----*/

div#main { width:512px; float:left;  padding:0px 17px 18px 0px; margin-top:-34px; position:relative;}



/*---- Sidebar ----*/

div#sidebar { width:170px; float:right;  padding:0px 0px 18px 0px; margin-top:-34px; position:relative;}



/*---- Footer ----*/

div#footer { background:url(interface/images/footer_bg.jpg) left top no-repeat; padding:20px 20px 18px 20px;  width:708px; position:relative; margin:0 auto; } 







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

// 5. PAGE COMMON STYLES

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



/*---- Header - Logo ----*/

div#header h1, 

div#header h1 span,

div#header a.logo,

div#header a.logo span { display: block; width:367px; height:89px; overflow: hidden; }



div#header h1,

div#header a.logo { position: relative; }

	

div#header h1 span,

div#header a.logo span  { position: absolute; top: 0; left: 0; z-index: 10; background:url(interface/images/header/logo.jpg) no-repeat; }



div#header a.logo span { cursor: pointer; }





/*---- Navigation ----*/

div#navigation ul li { float:left; font-size:120%; padding-right:3px; }

div#navigation ul li.pipe { height:27px; line-height:27px; float:left; }

div#navigation ul li a { display:block; height:28px; line-height:28px; float:left; }

div#navigation ul li a:hover, div#navigation ul li a.active { color:#fff; text-decoration:none; }



/*---- Navigation - Drop Down ----*/

div#navigation ul li.parent{position:relative;}

div#navigation ul li.parent ul.child{position:absolute; top:28px; left:0px; width:106px; display:none;}

div#navigation ul li.parent ul.child li{ border-bottom:1px solid #8e8e90; background-color:#69696a; font-size:100%;}

div#navigation ul li.parent ul.child li a{color:#fff; padding:4px 5px 7px 8px; height:auto; line-height:normal;}

div#navigation ul li.parent:hover ul.child{display:block;}



/*---- Content ----*/

div#content h1{font-size:180%; color:#fff; font-weight:normal;}

div#content h2{font-size:140%; color:#fff; font-weight:normal;}

div#content p{font-size:120%; }



/*---- Main ----*/

div#main h1{margin-bottom:5px;}

div#main p{margin-bottom:28px;}

div#main p a{color:#fff; text-decoration:underline;}



/*---- Sidebar ----*/ 

div#sidebar h2{font-size:120%; color:#fcfcfe; line-height:1.2em; font-weight:normal;}

div#sidebar div.box{margin-bottom:25px; width:100%; overflow:hidden;}

div#sidebar div.box img{margin:2px 4px;}



div#sidebar div.box h1.flickr span { display: block; width:72px; height:18px; overflow: hidden; }

div#sidebar div.box h1.flickr { position: relative; }

div#sidebar div.box h1.flickr span  { position: absolute; top: 0; left: 0; z-index: 10; background:url(interface/images/content/sidebar/flickr.gif) no-repeat; }



div#sidebar div.box a#facebook{ margin:0px 10px 21px 0px; display:block; width:77px; float:left;}

div#sidebar div.box a#twitter{ margin-bottom:21px; display:block; float:left;}

div#sidebar div.box a#adwords{ margin-left:19px ; display:block;}



/*---- Footer ----*/

div#footer p{font-size:120%;}

div#footer div.navigation { margin-bottom:5px; }

div#footer div.navigation ul{width:100%; overflow:hidden;}

div#footer div.navigation ul li{ float:left; font-size:120%; padding-right:5px;}

div#footer div.navigation ul li a:hover, div#footer div.navigation ul li a.active{ color:#fff; text-decoration:none;}



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

// 7. Blog Page Content

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

div#sidebar h2{background-color:#1a1a1a; padding:5px 20px; margin-bottom:5px;}

div#sidebar ul li.widget{margin-bottom:20px;}

div#sidebar ul li.widget ul{margin-left:20px;}

div#sidebar ul li.widget ul li{font-size:120%; color:#fcfcfe;}

div#sidebar ul li.widget ul li a{ color:#fcfcfe;}

div#sidebar ul li.widget ul li a:hover{text-decoration:none;}

div#main  h1.pagetitle { margin-bottom:20px; }
div#main div.post small { display:block; margin-bottom:10px; }