/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/forms.css';
@import 'lib/classes.css';
@import 'lib/button.css';
@import 'lib/png-fix.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */

/* IE6 Min-Width | Min-Height Hack */
#container {
	width: 1000px;
}

body{
	background-image: url(../images/bupPatternBG.gif);
	margin:0;
}
body div{
	margin: 0;
	padding: 0;
}
/* ----
	Top Navigation 
	- Properties and Setting of Navigation
*/
div#topnav{
	/* height:40px 5+27+8 */
	margin:0px;
	padding:5px 0 0 0;
	background: #ad080d;
	height:27px;
	border-top:8px solid #790000;
	z-index: 0;
}
#topnav div.searchbar{
	position:absolute;
	left:730px;
	top:12px;
}
#topnav ul{
	font-size:110%;
	margin:0 0 0 150px;
	padding: 0;
	list-style:none;
}
#topnav ul li{
	display: inline;
	margin-right:8px;
	padding:0;
}
#topnav ul li.current-page{
	background:#790000;
	color:#fff;
	padding:10px 6px 3px 7px;
}
/* ----
	Wrapper
	- Properties and Setting of Content Wrapper
*/
#wrapper{
	width:710px;
	background: #ad080d;
	min-height:500px;
	height:auto !important;
  	height:500px;
	margin:0;
	float:left;
}
/* 
	Left Column
	- Properties and Setting of Left Column
*/

#wrapper #leftcol{
	margin:0;
	padding:0;
	width:150px;
	color:#fff;
	float:left;
}
#wrapper #leftcol ul{
	padding:0;
	margin:0;
	list-style-type:none;
}
#wrapper #leftcol h4{
	font-family:Georgia,serif;
	margin:0;
	padding:4px 0 6px 10px;
	background:#000;
	color:#f1e8c7;
	display:block;
	width:140px;
}
#wrapper #leftcol div.login ul{
	margin:5px 0 10px 0;
}
#wrapper #leftcol div.login ul li{
	padding:0 0 0 10px;
}
#wrapper #leftcol div.login ul li.emodd{
	width:125px;
	height:41px;
	background: url(../images/fomdd.gif) no-repeat 10px;
	padding-left:14px;
}
#wrapper #leftcol div.login ul li select.emolog{
	width:116px;
	font-size:90%;
	margin:1px 0 8px;
	border:1px eee solid;
	background: #ffff00;
}
#wrapper #leftcol div.login ul li input.lfield{
	width:120px;
	font-size:90%;
	margin:0 0 5px 0;
}
#wrapper #leftcol p.logerror{
	width:140px;
	padding:3px 0 3px 10px;
	margin:5px 0 5px 0;
	color:#ad080d;
	background: #f1e8c7;
	font-size:90%;
}
#wrapper #leftcol .userpanel ul{
	margin:10px 0 10px 0;
}

#wrapper #leftcol a.forgotpass{font-size:0.9em; color:#fff;}
#wrapper #leftcol a.forgotpass:hover{text-decoration:underline;}
/* 
	Content
	- Properties and Setting of Content
*/
#wrapper #content{
	background: #fff;
	width:540px;
	float:left;
	margin:0;
	padding:20px 10px 10px 10px;
	min-height:700px;
}
/* Featured Story */
#wrapper #content h2.fs{
	text-indent: -9999px;
	background: transparent url(../images/FS.png) no-repeat;
	display:block;
	height:31px;
	width:201px;
	margin:0;
	padding:0;
}
#wrapper #content div.fsd{
	background: #fffaf0;
	padding:10px 10px 13px 10px;
	border:#ad080d 1px solid;
}
#wrapper #content div.fsd h3{
	margin:0;
	padding:0;
}
#wrapper #content div.fsd p{
	margin:0;
}
#wrapper #content img.contenthead{
	margin:-3px 0 -1px 0;
	padding:0;
}
/*Other Featured Stories*/
#wrapper #content div.osd{
	background: #fff;
	padding:10px 10px 8px 10px;
	border-top:#ddd 1px solid;
	display:block;
	width: 520px;
	font-size:90%;
}
#wrapper #content div.osd ul{
	float:left;
	padding:0;
	margin:0;
	list-style: none;
	width:100%;
}
#wrapper #content div.osd ul li{
	float:left;
	padding:0;
	margin:0 0 10px;
	list-style: none;
	width:100%;
	border-bottom:1px solid #eee;
}
#wrapper #content div.osd ul li h5{
	font-family:Tahoma,Helvetica,sans-serif;
}
#wrapper #content div.osd ul li div{
	float:left;
	width:430px;
	margin:0;
}
#wrapper #content div.fullsd{
	background: #fff;
	color:#444;
	padding:20px 10px 3px 10px;
	border-top:#ad080d 1px solid;
	border-bottom:#ad080d 1px solid;
	display:block;
	width: 520px;
	font-size:105%;
}
#wrapper #content div#comment{
	background: #fff;
	color:#444;
	padding:10px 0px 0px 0px;
	display:block;
	width: 540px;
	font-size:95%;
}
#wrapper #content div#comment ul{
	margin:10px 0 10px 0 ;
	list-style-type:none;
}
#wrapper #content div#comment ul li{
	border-top:1px solid #ddd;
	background:#fff;
	padding:10px;
	display:block;
	width:520px;
}
#wrapper #content div#comment ul li.odd{
	margin-bottom:1px;
	background:#fafafa;
}
#wrapper #content div#comment ul li.even{
	background:#eee;
	margin-top:1px;
}
#wrapper #content div#comment ul li.last{
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
}
#wrapper #content div#comment ul li p{
	margin:0 0 0 10px;
	padding:0;
	width:470px;
}
#wrapper #content div#comment p.addcomment-head{
	margin:0;
	font-size:120%;
	font-weight: 800;
	color:#333;
}
#wrapper #content div#comment textarea.addcomment-area{
	width:522px;
	height:140px;
	font:sans-serif;
}

/* Emotion Meter */
#wrapper #content div#aemo{
	font-size:90%;
	width:200px;
	background:#fff;
	margin:5px 10px 10px 10px;
	padding:0 0 10px 0;
	border:1px solid #000;
	text-align:center;
}
#wrapper #content div#aemo p{
	margin:5px 0 0 0;
	padding:0;
	color:#333;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
#wrapper #content div#aemo h4{
	margin:0;
	padding:5px 0 5px 0;
	display:block;
	background:#790000;
	color:#fff;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
#wrapper #content div#aemo .pollres ul{
	list-style: none;
	margin:0 0 5px;
	padding:0 0 0 40px;
	font-size:110%;
}
#wrapper #content div#aemo .pollres ul li{
	margin:0 0 1px 0;
}
#wrapper #content div#aemo div.pollres{
	background: #ffffe3;
	padding:0px 0 5px 0;
	margin:0 0 10px 0;
	float:left;
	width:200px;
}



/* Right Column */
#rightcol{
	float:left;
	width:280px;
	margin:30px 0 0 10px;
	text-align: center;
}
#rightcol div.logbox{
	background: #ffffee url(../images/user.png) no-repeat;
	color:#333;
	background-position:7px;
	border: 1px solid #ffff95;
	padding:10px 5px 10px 30px;
	margin:0 0 10px;
	text-align:left;
}
#rightcol div.logbox p{
	font-size:1em;
	color:#333;
	margin:0;
}
#rightcol div.regsuccess{
	background: #aee0ae url(../images/check.png) no-repeat;
	background-position:7px;
	border: 1px solid #329738;
	padding:10px 5px 10px 25px;
	margin:0 0 10px;
	text-align:left;
}
#rightcol div.regsuccess p{
	font-size:0.9em;
	color:#333;
	margin:0;
}

#rightcol div.rightcontent{
	background:#5a372c;
	border:solid 1px #f1e8c7;
	width:250px;
	margin:0 0 0 5px;
	padding:20px 10px 10px 10px; 
	float:left;
	display:inline;
}
#rightcol h3{
	color:#f1e8c7;
}
#rightcol h4{
	color:#f1e8c7;
}
#rightcol h5{
	color:#ccc;
	font-weight:100;
}
#rightcol p{
	color:#ccc;
	font-size:90%;
}
/* Right Column Box */
#rightcol div.rBox{
	background:#5a372c;
	border-top: 1px dashed #f1e8c7;
	width:240px;
	padding:20px 5px 10px 5px;
	float:left;
}
#rightcol div.rBox ul{
	margin: 0px;
	padding:0px;
	list-style:none;
	text-align:left;
	width:240px;
	display:block;
}
#rightcol div.rBox ul li.odd{
	background:#68463b;
	display:block;
	width:225px;
	padding:10px 5px 0px 10px;
	margin:0;
	font-size:90%;
	float:left;
}
#rightcol div.rBox ul li.even{
	background:#765247;
	display:block;
	width:225px;
	padding:10px 5px 0px 10px;
	margin:0;
	font-size:90%;
	float:left;
}
/*[ Registration ]*/
#rightcol #registration{
	color:#f1e8c7;
	text-align: left;
}
#rightcol #registration ul{
	list-style: none;
}
#rightcol #registration h2{
	color:#f1e8c7;
}
#rightcol #registration .regerror{
	background:#ffffe0;
	color:#ad080d;
}


/* Footer */
#footer{
	background: #ad080d;
	display: block;
	border-bottom:#790000 8px solid;
	width:100%;
	float:left;
}
#footer div.footwrap{
	text-align: left;
	margin:0 0 0 150px;
	padding:20px 0 10px 0;
}
#footer div.footwrap ul{
	font-size:110%;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
#footer div.footwrap ul li{
	margin-right:10px;
	padding:0;
	display:inline;
}
#footer div.footwrap ul li.current-pagef{
	background:#790000;
	color:#fff;
	padding:5px 10px 5px 10px;
}


/*Admin Login*/
#admin-wrapper{
	width:100%;
	height:400px;
	background: #fff;
	text-align:center;
	margin:0 auto;
	padding-top:30px;
}
#admin-wrapper .admin-login{
	width:600px;
	text-align:left;
	border: 1px solid #ddd;
	margin:0 auto;
	height:360px;
}
#admin-wrapper form{
	margin:40px;
	font-size:1.5em;
	color:#ad080d;
}
#admin-wrapper h2{
	color:#ad080d;
}
#admin-wrapper form input{
	height:40px;
	width:490px;
	font-size:2em;
}
#admin-wrapper form button{
	margin-top:20px;
	margin-right:25px;
	height:50px;
	font-size:1.3em;
	float: right;
}

/*Additions April 31, 2009*/
div#self-stories h3{margin:0 0 8px;}
div#self-stories a.postnew{padding:6px 8px; margin:5px 0 0; background:#ad080d; color:#fff; font-family:Tahoma,sans-serif;}
ul#mystorypagination{width:235px; float:left; list-style:none; padding:0 0 0 5px; margin:0; color:#fff; font-size:0.9em;}
ul#mystorypagination li{float:left; list-style:none; margin: 0; margin:0 5px 0 0;}
ul#mystorypagination li a{padding:3px 5px; background:#ad080d; color:#fff;}

div#otherprof{float:left; padding:10px; border-top:1px solid #eee; border-bottom:1px solid #eee; width:520px;}
div#otherprof h4{font-size:1.4em; margin:15px 0 4px; font-weight:100;}
div#otherprof h5{font-size:1em; margin:10px 0 4px; font-weight:100;}
div#otherprof p{margin:0; font-size:0.9em; color:#666;}
div.profpic img{float:left; margin:0; padding:0;}
div.profpic{padding:5px; float:left; margin:15px 10px 10px 0; border:1px solid #ccc;}
div.profinfo{float:left; width:295px;}
p.nostory{float:left; width: 480px; background:#ffffcd; padding:15px; font-size:1.4em; text-align: center; font-weight:900;}