/*******************
	Page Layout
********************/
body{ font-family:Helvetica, Arial, sans-serif; color:#666; text-align:center; }

#page-container{ margin:0 auto; text-align:left; width:975px; overflow:auto; line-height:normal; }
	#header{ width:975px; background:url("../images/backgrounds/header-pattern.gif"); position:relative; height:135px; }
	.ie7 #header{ overflow:hidden; }
	a#logo{ position:absolute; top:15px; left:21px; }
	ul#navigator{ margin:0; padding:0; position:absolute; top:25px; left:314px; }
	ul#navigator li{ margin:0 10px 0 0; padding:0; float:left; list-style:none; width:141px; }
	ul#navigator li#main{}
	ul#navigator li#main ul{ margin:0; padding:0; }
	ul#navigator li#main ul li{ margin:0 0 1px; padding:0; background-color:#c5c5c5; }
	ul#navigator li#main ul li a{ display:block; width:133px; padding:0 0 0 8px; color:#fff; font-weight:bold; text-decoration:none; background-color:#000; line-height:21px; }
	ul#navigator li#main ul li a:hover{ background-color:#39f; }
	ul#navigator li#main ul li a.selected{ background-color:#c5c5c5; }
	ul#navigator li#sub{}
	ul#navigator li#sub ul{ margin:0; padding:0; }
	ul#navigator li#sub ul li{ margin:0 0 1px; padding:0; background-color:#c5c5c5; overflow:auto; }
	ul#navigator li#sub ul li a{ display:block; width:133px; padding:0 0 0 8px; color:#fff; font-weight:bold; text-decoration:none; background-color:#000;  line-height:21px; }
	ul#navigator li#sub ul li a:hover, ul#navigator li#sub ul li a.on{ background-color:#39f; }
	ul#navigator li#sub ul li a.selected{ background-color:#c5c5c5; }
	ul#navigator li#deeper{  }
	ul#navigator li#deeper ul{ margin:0; padding:0; width:141px; overflow:hidden;  }
	ul#navigator li#deeper ul li{ margin:0 0 1px; padding:0; background-color:#c5c5c5; height:21px; width:141px; overflow:hidden; }
	ul#navigator li#deeper ul li a{ display:block; width:133px; padding:0 0 0 8px; color:#fff; font-weight:bold; text-decoration:none; background-color:#000; position:relative; left:2000em; line-height:21px; }
	ul#navigator li#deeper.visible ul li a{ left:0; }
	ul#navigator li#deeper ul li a.selected{ background-color:#c5c5c5; }
	ul#navigator li#deeper ul li a.news:hover{ background-color:#3f3; }
	ul#navigator li#deeper ul li a.reviews:hover{ background-color:#c0f; }
	ul#navigator li#deeper ul li a.features:hover{ background-color:#f00; }
	ul#navigator li#deeper ul li a.listings:hover{ background-color:#ff00cd; }
	ul#navigator li#form{ margin:0 0 0 56px; }
	ul#navigator li#form a.arrowRight{ display:block; background:url("../images/arrows/to-right.png") no-repeat right center; color:#000; text-decoration:none; background-color:#f3f3f3; padding:3px 0 3px 9px; font-weight:bold; }
	ul#navigator li#form label{ display:block; background:url("../images/arrows/to-right.png") no-repeat right center; color:#000; text-decoration:none; background-color:#f3f3f3; padding:3px 0 3px 9px; margin:23px 0 0 0; }
	ul#navigator li#form input{ margin:0 0 5px; width:135px; font-size:95%; padding:4px 3px; background:url("../images/backgrounds/input.gif") no-repeat; border:none; }
	.safari ul#navigator li#form input{ padding-top:0; }
	#content{ width:953px; overflow:auto; padding:19px 11px; }
		#left-side{ width:184px; float:left; border:1px solid #e1e1e1; }
		#right-side{ width:184px; float:right; border:1px solid #e1e1e1; }
		#center{ width:539px; border:1px solid #e1e1e1; overflow:auto; margin:0 204px; }
		.ie6 #center{ width:539px; border:1px solid #e1e1e1; overflow:auto; margin:0 202px; }
	#footer{ width:953px; padding:5px 0; margin: 20px 11px 0 11px; border-top:1px solid #cfcfcf; color:#9c9c9c; font-size:11px; }
		#footer p{  }
		#footer p a{ color:#9c9c9c; text-decoration:none; float:right; border-bottom:1px dotted #9c9c9c; }

/*************************
	Site wide elements
**************************/
.inside{ padding:12px; }
/*h1{text-indent: -100em; overflow: hidden; background: url("../images/path/") no-repeat; height:72px;}*/
h4{text-transform: uppercase;color: #666666;font-weight: bold;margin: 0 0 .5em;}
h4 a.dotted.floatRight{text-transform: none;}
h2#currentLocation{ font-size:22px; background-color:#39f; padding:7px 8px 5px 8px; text-transform:uppercase; color:#fff; margin:0; }
a.heading, h3{ margin:0; padding:9px 8px; color:#000; text-transform:uppercase; font-size:16px; display:block; }
a.heading.fixHeight, h3.fixHeight{ height:32px; }
.ie6 a.heading.fixHeight, .ie6 h3.fixHeight,
.ie7 a.heading.fixHeight, .ie7 h3.fixHeight{ height:36px; }
a.heading.arrowed, h3.arrowed{ background:url("../images/arrows/to-right.png") no-repeat right 12px; }
.ie6 a.heading.arrowed, .ie6 h3.arrowed{ background:url("../images/arrows/to-right.gif") no-repeat right 14px; }
.ie7 a.heading.arrowed, .ie7 h3.arrowed{ background-position:right 14px; }
a.heading.whiteArrowed, h3.whiteArrowed{ background:url("../images/arrows/to-right-white.png") no-repeat right 12px; }
.ie6 a.heading.whiteArrowed, .ie6 h3.whiteArrowed{ background:url("../images/arrows/to-right-white.gif") no-repeat right 14px; }
.ie7 a.heading.whiteArrowed, .ie7 h3.whiteArrowed{ background-position:right 14px; }
a.addComments{ width:369px; }
.ie6 a.addComments{ width:366px; }

a.cycleMe{ width:539px; height:359px; display:block; clear:both; }

a.heading.whiteArrowed:hover,
a.heading.arrowed:hover{ background-color:#39f !important; }

a{ color:#666; }
a:hover{ color:#000; }

p{ margin-bottom:1em; }
p.lastParagraph{ margin-bottom:0; }
p.firstParagraph{ margin-bottom:0;color: #999; }
p.small{ font-size: 83%!important; margin-top: 0;}
p.intro{ color: #000;}

ul.contributors{ margin:0; padding:0; background-color:#f3f3f3; overflow:auto; }
ul.contributors li{ margin:0; padding:0; list-style:none; border-bottom:1px solid #e1e1e1; }
.ie6 ul.contributors li,
.ie7 ul.contributors li{ float:left; width:184px; }
ul.contributors li div.person{ float:right; width:92px; padding:10px 8px; }
.ie6 ul.contributors li div.person{ width:89px; }
ul.contributors li a.avatar{ display:block; width:75px; height:101px; border-right:1px solid #e1e1e1; }
ul.contributors li address{ font-style:normal; font-size:83%; margin:0 0 10px; }
ul.contributors li div.person a.name{ background-color:#fff; border-top:1px dotted #666; border-bottom:1px dotted #666; color:#000; text-transform:uppercase; display:block; font-size:83%; margin-bottom:10px; }
.mac.ff3 ul.contributors li div.person a.name{ line-height:normal; padding:2px 0 0 0; }
ul.contributors li div.person a.name:hover, ul.contributors li div.person a.hovered{ background-color:#ff0 !important; }

ul.contributorsLarge{ margin:0; padding:0; }
ul.contributorsLarge li{ margin:0; padding:0; list-style:none; width:269px; float:left; }
ul.contributorsLarge li div.person{ float:right; width:178px; padding:10px 8px; }
.ie6 ul.contributorsLarge li div.person,
.ie7 ul.contributorsLarge li div.person{ width:170px; }
ul.contributorsLarge li a.avatar{ display:block; width:75px; height:101px; border-right:1px solid #e1e1e1; }
ul.contributorsLarge li a.avatar img{  }
ul.contributorsLarge li a.workLink{ display:inline-block; margin-top:24px; }
ul.contributorsLarge li address{ font-style:normal; margin:0 0 4px; }
ul.contributorsLarge li address.name{ color:#000; text-transform:uppercase; }
ul.contributorsLarge li address.title{ font-size:83%; }

div.textBlock{ padding:12px 10px; }
#left-side div.textBlock p,#right-side div.textBlock p{ font-size:93%; }

form.newsletter{ padding:12px 0 12px 10px; background-color:#f3f3f3; }
form.newsletter input.floatRight{ margin-top:6px; }
form.newsletter input.text{ width:135px; color:#aaa; padding:4px 3px; font-size:95%; margin:0 0 5px; background:url("../images/backgrounds/input.gif") no-repeat; border:none; }
.safari form.newsletter input.text{ padding-top:0; }
form.newsletter p{ font-size:93%; }

blockquote.intermezzo{ width:240px; float:left; color:#f00; font-size:138.5%; padding:0; margin:30px 10px 0 0; text-align:right; font-weight:bold; line-height:normal; }
span.intermezzo{ width:240px; float:left; color:#f00; font-size:138.5%; padding:0; margin:0 10px 0 0; text-align:right; font-weight:bold; line-height:normal; display:block; font-style:italic; }

ul.simpleList{ margin:0; padding:0; font-size:93% }
ul.simpleList li{ margin:0 0 10px; padding:0; list-style:none; }

ul.dated{ margin:0; padding:0; font-size:93% }
ul.dated li{ margin:0; padding:0; list-style:none; }

ul.normalMargins{ margin:12px 10px; }

ul.split{ margin:0; padding:0; overflow:auto; width:539px; }
ul.split li{ margin:0; padding:0; list-style:none; float:left; }
ul.split.one li{ width:539px; }
ul.split.two li{ width:269px; position:relative; }
ul.split.two li a.comment{ position:absolute; bottom:12px; left:10px; }
ul.split.three li{ width:179px; position:relative; }
ul.split.three li a.comment{ position:absolute; bottom:12px; left:10px; }

ul.split.one li a.heading{width: 338px;float: left;}
ul.split.one li div.textBlock{width: 334px;float: left;}
ul.split.one li img,ul.split.one li div.textBlock{float: left;}

ul.magazines{ margin:0; padding:0; }
ul.magazines li{ margin:0; padding:0; list-style:none; width:134px; float:left; }

ul.topics{ margin:0; padding:10px 0; width:134px; overflow:hidden; }
ul.topics li{ margin:0; padding:0 5px 0 10px; list-style:none; color:#000; float:none; }
ul.topics li.odd{ color:#666; }

p.moreImages{ margin-top:60px; }
p.tags{ color:#999; }
p.tags a{ color:#999; }
p.tags a:hover{ color:#000; }

a.name{ text-transform:uppercase; color:#000; } 

a.dotted{ border-bottom:1px dotted #c9c9c9; color:#666; }
a.dotted:hover{ color:#000; }

a.fixWidth{ display:block; width:179px; }
a.fixWidth img{ display:block; width:179px; }

a.twitDate{ display:block; background:url("../images/backgrounds/twitDate.gif") no-repeat; padding:11px 0 17px 9px; }

dl.interview{margin: 0;padding: 0;}
dl.interview dt, dl.interview dd{display: block;margin: 0;padding: 0;font-weight: normal;}
dl.interview dt{font-style: italic;}
dl.interview dd{margin-bottom: 1em;}
.reviews dl.interview dt{color: #c0f;}

ul.commentsList{ margin:0; padding:10px 12px 8px 12px; overflow:auto; }
ul.commentsList li{ margin:0 0 5px; padding:24px 17px 17px 17px; list-style:none; background: #f3f3f3 url("../images/backgrounds/comments-pointer.gif") no-repeat; }
ul.commentsList li a.publisher{ display:inline-block; margin-bottom:10px; }
ul.commentsList li p.date{ margin-bottom:0; font-size:95%; color:#999; }

form.addComment{ background-color:#f3f3f3; }
form.addComment p.row{ margin:0; padding:0; }
form.addComment p.utils{ margin:0; padding:13px 15px; }
form.addComment p.utils input{ color:#666; font-weight:bold; }
form.addComment label{ font-weight:normal; padding:0 15px; display:inline-block; border-right:1px solid #e1e1e1; line-height:40px; }
form.addComment label.smallClean{ display:block; border-right:none; padding-bottom:0; }
form.addComment label em{ font-size:83%; font-style:normal; }
form.addComment input.text{ border:none; margin:0 0 0 15px; padding:0; background-color:#f3f3f3; width:280px; font-size:95%; color:#666; }
/*form.addComment input.text:focus{ border:1px solid #e1e1e1; }*/
form.addComment textarea{ margin:0; padding: 0 15px; background-color:#f3f3f3; border:none; font-size:95%; color:#666; font-family:Helvetica, Arial, sans-serif; height:140px; width:509px; }

div.biography{ width:539px; float:left; }
div.biography img{ float:left; }
div.biography div{ margin-left:148px; padding:12px 0; width:300px; }
div.biography div p{ margin:0 0 4px; padding:0; }

ul.contibutionList{ margin:0; padding:0 0 12px 0; }
ul.contibutionList li{ margin:0; padding:5px 0; list-style:none; }
ul.contibutionList li.latest p{ padding-left:148px; font-weight:bold; margin-bottom:10px; }
ul.contibutionList li label{ width:140px; font-weight:normal; display:inline-block; text-align:right; font-size:95%; margin-right:8px; }

/************************
 Color dependent text
*************************/
.debate .sectionDependent{ color:#000 !important; }

/***********************
	Colored headings
************************/
.gallery a.heading:hover{ background-color:#39f !important; }
.news a.heading:hover, a.heading.news:hover{ background-color:#3f3 !important; }
.reviews a.heading:hover, a.heading.reviews:hover{ background-color:#c0f !important; }
.features a.heading:hover, a.heading.features:hover{ background-color:#f00 !important; }
.listings a.heading:hover, a.heading.listings:hover{ background-color:#ff00cd !important; }

/***********************
	  Colored links
************************/
a{ text-decoration:none; }
a.lightGray{ color:#999;  }
a.lightGray:hover{ color:#000;  }

/***********************
        Borders
***********************/
.borderComplete{ border:1px solid #e1e1e1; }
.borderTop{ border-top:1px solid #e1e1e1; }
.borderBottom{ border-bottom:1px solid #e1e1e1; }
.borderVertical{ border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.borderHorizontal{ border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
.borderLeft{ border-left:1px solid #e1e1e1; }
.borderRight{ border-right:1px solid #e1e1e1; }

/****************************
	  Foreground colors
*****************************/
.fgYellow{ color:#ff0 !important; }
.fgWhite{ color:#fff !important; }
.fgPurple{ color:#c0f !important; }

/****************************
	  Background colors
*****************************/
.bgYellow{ background-color:#ff0 !important; }
.bgGray{ background-color:#c5c5c5 !important; }
.bgPurple{ background-color:#c0f !important; }
.bgBlue{ background-color:#39f !important; }

/***********
	Utils
************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.floatRight{ float: right !important; }
.floatLeft{ float: left !important; }
.block{ display:block; }
.inline{ display:inline; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.floatRightImg{ float:right; margin: 0 0 8px 8px; clear: right; }
.floatLeftImg{ float:left; margin: 0 8px 8px 0; clear: left; }

*, *:active, *:focus {outline: 0;outline-style: none;outline-width: 0px;-moz-outline-width: 0px;}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */