/**
 * Laying the groundwork
 */

body {
  padding:			0px;
  margin:			12px 0px 0px 0px;
  text-align:			center;
    scrollbar-face-color:		#eeeeee;
  scrollbar-3dlight-color:	#fffefe;
  scrollbar-track-color:	#fffefe;
  scrollbar-darkshadow-color:	#fffefe;
  scrollbar-highlight-color:	#606060;
  scrollbar-shadow-color:	#606060;
  scrollbar-arrow-color:	#606060;
  background-color:		#222;
  background-image:		url('http://www.freshjugs.net/img/Background_option_default.jpg');
  background-attachment: fixed;
  }

a {
  text-decoration:		none;
  color:			#112233;
}

a:hover				{ text-decoration: underline; }

#column1 a			{ font-weight: bold;
color: #fff; }
#column1 a:hover			{ font-weight: bold;
color: #FF0000;
text-decoration: underline; }
#column3 a			{ 
font-weight: bold;
color: #fff; }
#column3 a:hover			{ font-weight: bold;
color: #FF0000;
text-decoration: underline; }

/**
 * Let's shape our world!
 */

#root {
  width:			950px;
  margin:			0px auto 12px auto;
  padding:			0px;
  font-family:			Verdana, Tahoma, Geneva, Arial, Sans-Serif;
  font-size:			11px;
  text-align:			left;
  color:			#785656;
  background-color:		#222;
  background-image:		url('http://www.freshjugs.net/img/Background_root.jpg');
  background-repeat:		repeat-y;
}

#rootpu {
  width:			388px;
  height:			584px;
  margin:			6px auto;
  padding:			0px 6px;
  border:			1px solid #101010;
  font-family:			Verdana, Tahoma, Geneva, Arial, Sans-Serif;
  font-size:			11px;
  text-align:			left;
  color:			#785656;
  background-color:		#fff;
}

#root #column1container {
  width:			290px;
  float:			left;
  clear:			left;
  margin:			0px;
  padding:			0px;
  color:			#300;
}

#root #column1container #column1 {
  width:			270px;
  margin:			5px 0px 0px 10px;
}

#root #column2container {
  width:			490px;
  float:			left;
  margin:			0px;
  padding:			0px;
  text-align:			justify;
  color:			#567;
  background-color:		#fff;
}

#root #column2container #column2 {
  width:			470px;
  margin:			4px 0px 0px 10px;
}

#root #singlecolumnheader {
  width:			780px;
  float:			left;
}

#root #singlecolumncontainer {
  width:			740px;
  margin:			20px auto;
  border:			5px solid #e57e00;
  background-color:		#fff;
}

#root #singlecolumncontainer #singlecolumn {
  width:			700px;
  margin:			10px 20px;
  text-align:			justify;
  background-color:		#fff;
}

#root #column3container {
  width:			170px;
  float:			left;
  margin:			0px;
  padding:			0px;
  color:			#ffe;
}

#root #column3container #column3 {
  width:			150px;
  margin:			0px 0px 0px 10px;
}

#bookmark_container { position: absolute; 
                   left: 0px; top: 0px;
                   width: 111px; height: 110px;
                   z-index: 999999; 
                   overflow: hidden; }
/**
 * Let's split, tear, center and move our world!
 */

.split {
  clear:			both;
  margin:			3px 0px;
}

.split .objleft {
  float:			left;
}

.split .objright {
  float:			right;
}

.singlecenter {
  text-align:			center;
}

.singleright {
  float:			right;
  clear:			both;
  margin:			3px 0px;
}

#singlecolumn .row {
  width:			700px;
  clear:			both;
  padding-top:			4px;
}

#singlecolumn .row .cell1 {
  width:			120px;
  float:			left;
  line-height:			20px;
  text-align:			right;
}

#singlecolumn .row .cell1top {
  width:			120px;
  float:			left;
  text-align:			right;
}

#singlecolumn .row .cell2 {
  width:			320px;
  float:			left;
  margin-left:			10px;
}

/**
 * What's on the menu, doc?
 */

#topmenu {
  width:                        950px;
  margin:			0px auto;
  font-family:                  Verdana, Tahoma, Geneva, Arial, Sans-Serif;
}

#topmenu .menu {
  text-align:			right;
  background-color:		#888;
}

#topmenu .menu h3 {
  display:			inline;
  font-size:			14px;
}

#topmenu .menu a {
  color:			#fff;
  padding:			0 15px 0 15px;
}

#topmenu .menu a:hover {
  color:			#000;
  background-color:		#fff;
  text-decoration:		none;
}

#root #column3container .menu {
  width:			170px;
  margin:			0px;
  padding:			0px;
}

#root #column3container .menu a {
  margin:			0px;
  padding:			0px 7px 0px 0px;
  color:			#fff;
  font-weight:			bold;
  display:			block;
}

#root #column3container .menu h3 {
  width:			100%;
  margin:			0px;
  padding:			0px;
  font-size:			14px;
  text-align:			right;
  letter-spacing:		2px;
}

#root #column3container .menu a:hover {
  color:			#223;
  background-color:		#fff;
  text-decoration:		none;
}

#root #column3container #menuauth {
  width:			170px;
  margin:			0px;
  padding:			0px;
  text-align:			center;
}

#root #column3container #menuauth a {
  color:			#fff;
  font-size:			10px;
}

/**
 * The bottom line of all human civilisation
 */

#root #bottomline {
  font-size:			9px;
  color:			#300;
  border-top:			10px solid #fff;
  padding-top:			5px;
}

#root #bottomline a		{ color: #fc0; }
#root #bottomline .left a		{ color: #e55e00; font-weight: bold; }

#root #bottomline .left {
  width:			280px;
  clear:			left;
  float:			left;
  margin:			0px 0px 0px 10px;
}

#root #bottomline .center {
  width:			490px;
  margin:			0px;
  float:			left;
  text-align:			center;
}

#root #bottomline .right {
  width:			160px;
  margin:			0px;
  float:			left;
  text-align:			right;
}

#rootpu #crnotice {
  float:			right;
  text-align:			right;
  font-size:			10px;
  color:			#554242;
}

#rootpu #crnotice a {
  color:			#554242;
}

/**
 * Articles should be crammed into these CSS rules
 */

.article			{ width: 470px; }
.smalltalk			{ width: 470px; margin-bottom: 8px; }

.article .title h1 {
  font-size:			13px;
  font-weight:			bold;
  text-transform:		uppercase;
  margin:			0px;
  padding:			0px;
  
}

.smalltalk .title h2 {
  font-size:			13px;
  font-weight:			bold;
  text-transform:		uppercase;
  margin:			0px;
  line-height:			14px;
}

.smalltalk a			{ color: #804005; }

.article .title a		{ color: #333; }
.smalltalk .title a		{ color: #333; }

.article .header {
  color:			#999;
  font-size:			10px;
  margin-bottom:		5px;
}

.smalltalk .header {
  color:			#999;
  font-size:			10px;
  font-size:			9px;
}

.article .header a		{ color: #999; }
.smalltalk .header a		{ color: #e55e00; }

.article .icon {
  float:			right;
  clear:			right;
  margin-left:			4px;
  margin-top:			7px;
}

.article .body {
  padding-bottom:		3px;
  text-align:			justify;
  line-height:			14px;
  color:			#777;
}

.smalltalk .body {
  margin:			0px;
  padding:			0px;
  text-align:			justify;
  line-height:			12px;
}

.article .body:first-line	{ text-transform: uppercase; }
.article .body b		{ color: #888; }

.article #prevnext		{ clear: both; }
.article #prevnext #prev	{ float: left; }
.article #prevnext #prev a	{ color: #777; }
.article #prevnext #next	{ float: right; }
.article #prevnext #next a	{ color: #777; }

.article .footer {
  text-align:			right;
  font-size:			10px;
  margin-top:			2px;
}

.smalltalk .footer {
  text-align:			right;
  font-size:			10px;
  margin-top:			2px;
  margin-bottom:		5px;
}

/**
 * The look & feel of a comment
 */

.comment .body {
  text-align:			justify;
}

.comment .author {
  color:			#556;
  font-weight:			bold;
}

.comment .author a.usrwww {
  color:			#a0a0a9;
}

.comment .author a {
  color:			#556;
}

.comment .author .unreg {
  color:			#556;
  font-weight:			normal;
}

.comment .header {
  color:			#aa5500;
  font-size:			10px;
}

.comment .header a {
  color:			#aa5500;
}

/**
 * The Laws of Layout of the title bars
 */

#column1 .plugtitle h2 {
  font-size:			12px;
  font-weight:			bold;
  color:			#FF0000;
  margin:			0px 0px 5px 0px;
  border-bottom:		5px solid #999;
}

#column3 .plugtitle h2 {
  font-size:			12px;
  font-weight:			bold;
  color:			#FF0000;
  margin:			0px 0px 5px 0px;
  border-bottom:		5px solid #999;
}

/**
 * The morons of the crew are presented as follows:
 */

.crew {
  width:			150px;
  height:			64px;
  margin:			4px 0px;
  clear:			both;
}

.crew .image {
  width:			60px;
  height:			64px;
  float:			left;
}

.crew .info {
  width:			76px;
  padding-left:			4px;
  float:			left;
}

.crew .info dfn {
  font-size:			10px;
}

/**
 * Page related miscellaneous stuff
 */

.redheader {
  color:			#c00;
  font-weight:			bold;
}

.greenheader {
  color:			#00cc00;
  font-weight:			bold;
}

.highlight			{ color: #0090dc; }

.disclaimer {
  margin-top:			10px;
  font-size:			10px;
}

.searchsubject {
  color:			#300;
  font-weight:			bold;
}

.smallgrey {
  color:			#554242;
  font-size:			10px;
}

.smalltext {
  color:			#111155;
  font-size:			10px;
}

.stdheader h1 {
  font-size:			14px;
  font-weight:			bold;
  color:			#112233;
  margin:			0px 0px 10px 0px;
  border-bottom:		5px solid #999;
}

.stdheader a {
  color:			#ccd;
}

.subheader {
  color:			#e55e00;
  font-weight:			bold;
}

.underline			{ text-decoration: underline; }

#huvalcode			{ float: left; }
.center				{ text-align: center; }

/**
 * Look & feel of some miscellenaous crappy stuff
 */

ol, ul {
  margin-top:			0px;
  margin-bottom:		0px;
}

ol.loweralpha			{ list-style-type: lower-alpha; }
ol.decimal			{ list-style-type: decimal; }

ul.none50 {
  margin-left:			0px;
  margin-right:			0px;
  list-style-type:		none;
}

.none50 li {
  margin-bottom:		6px;
  font-size:			10px;
}

.searchline {
  width:			100%;
  height:			1px;
  margin-top:			10px;
  border-bottom:		1px dotted #e55e00;
}

.sysmsgbox {
  border:			2px dotted #f00;
  text-align:			left;
}

.sysmsgokbox {
  border:			2px dotted #0f0;
  text-align:			left;
}

.sysmsgbox .debugmsg {
  font-size:			9px;
}

.quotation {
  border-left:			1px dotted #111155;
  margin-left:			30px;
  padding-left:			5px;
  font-family:			Tahoma, Verdana, Geneva, Arial, Sans-Serif;
  font-size:			10px;
  text-align:			left;
}

/**
 * Our input sources must be clean & tidy!
 */

input, select, textarea {
  font-size:			11px;
}

select, input.text {
  border:			1px solid #000;
  background-color:		#eeeef5;
}

textarea {
  width:			700px;
  border:			1px solid #000;
  background-color:		#eeeef5;
  white-space:			pre;
}

#column2 textarea		{ width: 470px; }
#singlecolumn textarea		{ width: 700px; }

#s_text {
  height:			10px;
  line-height:			10px;
  font-size:			10px;
  color:			#554242;
}

input#s_pat {
  width:			230px;
  height:			12px;
  border:			1px solid #000;
  background-color:		#eeeef5;
}

input#s_ok			{ width: 30px; height: 18px; font-size: 9px; }
input#p_vote			{ width: 40px; height: 18px; font-size: 9px; }
input#p_view			{ width: 40px; height: 18px; font-size: 9px; }

td {
  font-family:			Verdana, Tahoma, Geneva, Arial, Sans-Serif;
  font-size:			11px;
}

.opusideae, .opusideae a	{ color: #aaa; }

/**
 * Browser hacks on crack
 */

.bughack			{ clear: both; }
form				{ display: inline; padding: 0px; margin: 0px; }
img				{ border: 0; }