/** Styling for browse page **/

/** import home page for base styling **/
@import url('home.css');

* html body{overflow:hidden;}
html* body{overflow:hidden;}


#header{border-bottom:2px solid #557582;}
* html #header{margin-top:10px;}

#main.browse{top:0;}
#main.browse #container{margin:0; width:720px;}
* html #main.browse #container{width:870px;}

/** holy grail fix **/
* html body{overflow:hidden;}

#contentWrapper{overflow:hidden;}
#content{padding-left:250px; overflow:hidden;}
#content .side, #content .main{position:relative; float:left; padding-bottom:1010px; margin-bottom:-1000px;}

#content .main{width:100%; margin-left:0;}
#content .side{width:210px; right:250px; margin-left:-100%; padding-top:0;}
* html #content .side{top:0px; right:160px;}
* html #footerWrapper{float:left; position:relative; width:100%; padding-bottom:1010px; margin-bottom:-1000px; background:#fff;}

#browse ul li .children{font-size:1.2em; margin-top:5px;}

.main h3{clear:both;}

#footerWrapper{margin:0 0 20px 0;}
#footer{border-top:2px solid #557582; position:relative; margin-top:0;}
#footer *{margin-top:10px;}

#search-results, #search-results .container {width: 710px;}
#search-results div.result {width: 167px;}