html { margin: 0; padding: 0; height: 100%; }

body {
	margin: 0;
	height: 100%;
	color: #999;
	font: 75% Arial, Helvetica, sans-serif;
	background-color: #161616;
	text-align: center;
	background: #161616 url('/photography/styles/images/bg.gif') repeat-x left top;
}

table { border-collapse: collapse; margin: 0; padding: 0; layout: fixed; }
td { border: 0; padding: 0; margin: 0; }

div { overflow: hidden; }
p { margin: 0 0 2ex 0; }
a { color: #999; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }


div#body-content-wrapper { float: left; width: 100%; text-align: center; padding: 0 0 100px 0; }

div#topnav { width: 32em; background: url('/photography/styles/images/bg_topnav_left.png') no-repeat left top; height: 47px; padding-left: 22px; margin: auto; }
	div#topnav div.rightbg { background: url('/photography/styles/images/bg_topnav_right.png') no-repeat right top; padding-right: 21px; height: 47px; }
	div#topnav div.middle { background-image: url('/photography/styles/images/bg_topnav.png'); height: 47px; padding: 9px 0 0 0; }
	div#topnav a { margin: 0 7px; }

div#body { width: 900px; text-align: center; background-color: #000; border: 2px solid #1d1d1d; padding: 0 29px; margin: auto; }
	div#body div.title { font-weight: bold; color: #fff; margin: 16px 0; font-size: 1.2em; }
	div#body div.info { color:#d8d8d8; margin: 16px 0; }

div#coolphotoblogs { margin: 30px 0 0 0; padding:0;}
a#rss { margin: 30px 0 0 0; display: block; }

div#footerlinks { margin-top: 30px; font-size: .9em; }
	div#footerlinks a { margin:0px 7px; color:#fff; }

div#copyright { font-size: .8em; color: #9a9a9a; margin-top: 3px; }


div.popup { position: fixed; height: 100%; top: 0; left: -350px; display: none; text-align: left; width: 350px; color: #CCC; background-image: url(/photography/styles/images/bg_popup_darker.png); scrollbar-base-color: #666666; }
div#themes.popup { width: 180px; left: -180px; }

div.popup div.title { height: 5%; }
	div.popup div.title a.close { margin: 2px; float: right; font: .8em Verdana, Arial, Helvetica, sans-serif; color: #FFF; }
	div.popup div.title h3 { margin: 2px; padding: 0; font: 1.4em Arial, Helvetica, sans-serif; font-weight: bold; }
div.popup div.scroll { height: 95%; width: 100%; overflow-y: auto; overflow-x: hidden; }

div#comments div.header { margin: 10px 10px 0 10px; padding: 0 0 24px 0; }
	div#comments div.header div.image { float: right; margin-right: 20px; border: 1px solid #666; background-color: #000; padding: 4px; }
	div#comments div.header div.image img { display: block; }
	div#comments div.header h4 { margin: 0 0 2px 0; font-size: 1.1em; }
	div#comments div.header p { margin: 0 0 12px 0px; color: #A8A8A8; }
	div#comments div.header a { color: #A8A8A8; text-decoration: underline; }
	div#comments div.header a:hover { text-decoration: none; }
	div#comments div.header p.desc { margin: 0; }

	div#comments div.box { border: 1px solid #999; background-color: #444; margin: 0 10px 10px 10px; }
	
	div#comments div.count { text-align: center; padding: 12px 0; font-weight: bold; }
		
	div#comments div.comment { padding: 8px; }
	div#comments div.comment h4 { margin: 0; padding: 0; font-size: 1em; text-decoration: none; font-weight: bold; }
	div#comments div.comment h4 a {text-decoration: underline; }
	div#comments div.comment h4 a:hover {text-decoration: none; }
	div#comments div.comment span.approval { float: right; color: #FFF; font-style: italic; font-size: .9em; }
	div#comments div.comment p.date { clear: both; font-size: .9em; }
	div#comments div.comment p.text { margin: 12px 0 0 0; }
	div#comments div.comment p.text a { text-decoration: underline; }
	div#comments div.comment p.text a:hover { text-decoration: none; }
	
	div#comments form { display: block; margin: 20px 10px 0 10px; padding: 0 30px 30px 0; }
	
		div#comments form label { display: block; margin: 0 0 2px 4px; }
		div#comments form input.text { margin: 0 0 10px 0; width: 100%; }
		div#comments form textarea { width: 100%; height: 100px; margin-bottom: 10px; }
		div#comments form input.haylex { display: none; }

div#themes ul { margin: 20px 10px 0 30px; padding: 0; color:#CCC; font-weight: bold; }
	div#themes ul li { margin: 0; padding: 0; list-style-type: square; }
	div#themes ul ul { margin: 10px 0 0 20px; padding: 0 0 10px 0; font-weight: normal; }
	div#themes ul ul li { margin: 0; padding: 2px 0; list-style-type: circle; }
	div#themes li a { color: #EEE; }
	
	
div#bookmarks ul { margin: 0 0 0 20px; padding: 0px; }
    div#bookmarks li { margin: 4px 0 0 0; padding: 0px; }

    div#bookmarks a { color:#FFF; text-decoration: none; }
    div#bookmarks a:hover { color: #FFF; text-decoration: underline; }

    div#bookmarks li span.foldername { cursor: pointer; }
    div#bookmarks li ul li.link span.desc { display: block; }
    div#bookmarks li ul li.link a { display: block; }

div#bookmarks li.none {
	list-style-type: disc;
}

div#bookmarks li.none ul {
	display: none;
}

div#bookmarks li.link {
	list-style-type: circle;
}


div.paginate { margin-bottom: 20px; overflow: visible; }
div.paginate a, div.paginate u { padding: 0 6px; }
