/** * * * * * * * * * * * * * * * * * * * *
* Author:   Roger Glenn
* Email:    rglenn@riskdesigners.com
* Project:  Risk Designers : Base Siteadmin
* Version:  1.0
* Released: 2009-06-08
* * * * * * * * * * * * * * * * * * * * * *
*/

/*
==========================================
RESET BROWSER POSITIONING DEFAULTS
==========================================
*/

/***** Global Settings *****/
html, body { border:0; margin:0; padding:0; }
 
/***** Common Formatting *****/
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
p, dl, dd, dt          { margin:0; padding:0; }
ul, ol                 { list-style:none; padding:0; }
blockquote             { margin:0; padding:0; }
img, a img             { border:0; }

/* "Standards mode" Mozilla fix - http://www.alistapart.com/articles/goingtoprint/ */
img { vertical-align: bottom; } 

 
/***** Links *****/
a, a:visited { text-decoration:none; }
a, img, a img { border: 0; outline:none; }
a:focus { outline:none; }
 
/***** Forms *****/
form { margin:0; padding:0; display:inline; }

/***** Tables *****/
table, tr, td { border:0; margin:0; padding:0; }

/***** iFrames *****/
iframe {
	border:none;
	border-style: none;
	border-collapse: collapse;
	border-width: 0;
	overflow-y: auto;
	overflow-x: hidden;
}

/*
==========================================
GRID
==========================================
*/
.grid-width {
	width: 1040px;
	margin: 0 auto;
}
.column {
	float:left;
	display:inline;
	margin-right: 20px;
}
.no-margin {
	margin-right: 0px;
}
.row {
	width: 100%;
	overflow:visible;
	clear:both;
	margin-bottom: 20px;
}
.size-1 { width: 320px; }
.size-2 { width: 660px; }
.size-3 { width: 1000px; }

/*
==========================================
TYPOGRAPHY
==========================================
*/
body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}
h1, h2, h3 {
	font-weight: bold;
}
h1 { font-size: 24px; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
p,
blockquote {
	margin-bottom: 1.5em;
}
strong { font-weight: bold; }

blockquote {
	padding: 20px;
	font-style:italic;
}
a:link, 
a:visited {
	color:#333;
	text-decoration:underline;
}
a:hover, 
a:active {
	color:#666;
	text-decoration:none;
}
.caption {
	font-size: 11px;
	color:#666;
	font-style:italic;
}

/*
==========================================
LAYOUT
==========================================
*/
.float-right { float:right; }
.float-left  { float:left; }
.hidden      { display: none; }

#masthead, #content, 
#main, #supporting, #footer { 
	position: relative; 
}
#masthead, #content, #footer { 
	clear:both; 
}

body {
	background-color: #efefef;
	color: #192C3F;
}
#container {
	padding-top:40px;
}
#masthead {
	height:100px;
	background: #1C2C40 url('/files/siteadmin/bg_masthead.jpg') 0 0 repeat-x;
  color:#fff;
}
#site-title {
	position: absolute;
	top: 30px;
	left: 20px;
	margin:0;
	padding:0;
	font-size: 24px;
}
#site-title span {
	color:#7B838C;
	font-size: 18px;
}

/* tools-global */
#tools-global {
	position: absolute;
	display: block;
	right: -20px;
	top:-30px;
	height:30px;
	clear:both;
	color:#aaa;
}
#tools-global ul { 
	position: relative;
	list-style-type: none; 
	margin: 0;
	padding: 0;
}
#tools-global li { 
	display: inline;
	display: block;
	height:30px;
	line-height:30px;
	float: left;
	padding-right:20px;
}
#tools-global li a {
	display: block;
	height:30px;
	line-height:30px;
	padding:0;
	margin:0;
}
#tools-global a:link, 
#tools-global a:visited {
	color:#aaa;
	text-decoration:none;
}
#tools-global a:hover, 
#tools-global a:active {
	color:#666;
	text-decoration:underline;
}

#content {
	padding: 20px 0 20px 0;
	background-color: #fff;
}
#main,
#page-title {
	padding-left:20px;
}
#page-title {
	margin-bottom:20px;
	line-height:40px;
}
#supporting {
	float:left;
}

#footer {
	padding-top:10px;
	padding-bottom:40px;
}
#footer a {
	margin-right:20px;
}
#footer a:link, 
#footer a:visited {
	color:#aaa;
	text-decoration:none;
}
#footer a:hover, 
#footer a:active {
	color:#666;
	text-decoration:underline;
}

/*
==========================================
NAVIGATION
==========================================
*/
#navigation { 
	position: absolute;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:30px;
	clear:both;
	font-size: 14px;
}
#navigation ul { 
	position: relative;
	list-style-type: none; 
	display: block;
	width:100%;
	margin: 0;
	padding: 0 20px;
}
#navigation li { 
	display: inline; 
}
#navigation li a {
	display: block;
	float: left;
	height:30px;
	line-height:30px;
	padding:0 10px;
	margin: 0 2px 0 0;
	background-color: #7B838C;
	color:#fff;
}
#navigation li a:link, 
#navigation li a:visited {
	text-decoration: none;
}
#navigation li a:hover, 
#navigation li a:active {
	text-decoration: none;
	background-color: #919BA6;
}
#navigation li a.current {
	background-color: #fff;
	color:#1C2C40;
}

#navigation #admin-users {
	position: absolute;
	bottom:0;
	right:20px;
	display: block;
	height:30px;
	line-height:30px;
	padding:0 10px 0 35px;
	margin: 0;
	background-color: #333B4C;
	background-position: 10px 5px;
	color:#7B838C;
	text-decoration: none;
}
#navigation #admin-users:hover {
	background-color: #434F67;
	text-decoration: none;
}

/* 
========================================== 
NOTICE AREA
==========================================
*/
#notice {
	position:relative;
	display: block;
	margin:0 20px 20px 20px;
	padding:10px 10px 10px 30px;
	line-height:1.125em;
	text-align:left;
}
body.list #notice {
	width:620px;
}
#notice a {
	color:#992227;
	text-decoration:underline;
}
#notice a:hover {
	text-decoration:none;
}
#notice.info {
	background-color:#FFEABD;
	background-image:url(/icon/error.png);
	background-position: 10px 7px;
	background-repeat:no-repeat; 
	border:1px solid #FF9900;
	color: #FF6600;
}
#notice.success {
	background-color:#e1ede9;
	background-image:url(/icon/tick.png);
	background-position: 10px 7px;
	background-repeat:no-repeat; 
	border:1px solid green;
	color: green;
}
#notice.error {
	background-color:#f9d3d5;
	background-image:url(/icon/exclamation.png);
	background-position: 10px 7px;
	background-repeat:no-repeat; 
	border:1px solid red;
	color: red;
}
#noscript {
	margin:10px;
	padding:10px;
	text-align:left;
	background-color:#ffcfce;
	border:3px solid #c00;
}

.iframe #notice,
.iframe #notice.info,
.iframe #notice.notice,
.iframe #notice.success,
.iframe #notice.error {
	margin:0;
	padding:0;
	background:none;
	border:none;
}


/*
==========================================
TABLES
==========================================
*/
table.list {
	border-collapse:collapse;
}
table.list td,
table.list th {
	text-align:left;
	padding:.5em;
	line-height:1em;
	vertical-align: middle;
}
table.list td.left,
table.list th.left {
	text-align:center;
}
table.list td.center,
table.list th.center {
	text-align:center;
}
table.list td.right,
table.list th.right {
	text-align:right;
}
table.list td.caption {
	font-size:0.6875em;
}
table.list td.nowrap {
	white-space:nowrap;
}
table.list a:link,
table.list a:visited {
	text-decoration:none;
}
table.list a:hover,
table.list a:active {
	text-decoration:underline;
}

/*
==========================================
ICONS
==========================================
*/
li.icon-key         { background: url(/icon/key.png)         0 6px no-repeat; padding-left:20px; }
li.icon-keyboard    { background: url(/icon/keyboard.png)    0 6px no-repeat; padding-left:20px; }
li.icon-link        { background: url(/icon/link.png)        0 6px no-repeat; padding-left:20px; }
li.icon-plugin      { background: url(/icon/plugin.png)      0 6px no-repeat; padding-left:20px; }
li.icon-report-edit { background: url(/icon/report_edit.png) 0 6px no-repeat; padding-left:20px; }
li.icon-report      { background: url(/icon/report.png)      0 6px no-repeat; padding-left:20px; }
li.icon-user        { background: url(/icon/user_suit.png)   0 6px no-repeat; padding-left:20px; }
li.icon-user-edit   { background: url(/icon/user_edit.png)   0 6px no-repeat; padding-left:20px; }
li.icon-phone       { background: url(/icon/phone.png)       0 6px no-repeat; padding-left:20px; }
li.icon-map         { background: url(/icon/map.png)         0 6px no-repeat; padding-left:20px; }
li.icon-printer     { background: url(/icon/printer.png)     0 6px no-repeat; padding-left:20px; }
li.icon-email       { background: url(/icon/email.png)       0 6px no-repeat; padding-left:20px; }
li.icon-tick        { background: url(/icon/tick.png)        0 6px no-repeat; padding-left:20px; }
li.icon-magnifier   { background: url(/icon/magnifier.png)   0 6px no-repeat; padding-left:20px; }
li.icon-flag-red    { background: url(/icon/flag_red.png)    0 6px no-repeat; padding-left:20px; }
li.icon-help        { background: url(/icon/help.png)        0 6px no-repeat; padding-left:20px; }
li.icon-logout      { background: url(/icon/door_out.png)    0 6px no-repeat; padding-left:20px; }
li.icon-edit        { background: url(/icon/pencil.png)      0 6px no-repeat; padding-left:20px; }
li.icon-undo        { background: url(/icon/arrow_undo.png)  0 6px no-repeat; padding-left:20px; }

/* 
------------
 LINK ICONS 
------------
*/
a.icon-key         { background: url(/icon/key.png)         0 2px no-repeat; padding-left:20px; }
a.icon-keyboard    { background: url(/icon/keyboard.png)    0 2px no-repeat; padding-left:20px; }
a.icon-link        { background: url(/icon/link.png)        0 2px no-repeat; padding-left:20px; }
a.icon-plugin      { background: url(/icon/plugin.png)      0 2px no-repeat; padding-left:20px; }
a.icon-report-edit { background: url(/icon/report_edit.png) 0 2px no-repeat; padding-left:20px; }
a.icon-report      { background: url(/icon/report.png)      0 2px no-repeat; padding-left:20px; }
a.icon-user        { background: url(/icon/user_suit.png)   0 2px no-repeat; padding-left:20px; }
a.icon-user-edit   { background: url(/icon/user_edit.png)   0 2px no-repeat; padding-left:20px; }
a.icon-phone       { background: url(/icon/phone.png)       0 2px no-repeat; padding-left:20px; }
a.icon-map         { background: url(/icon/map.png)         0 2px no-repeat; padding-left:20px; }
a.icon-printer     { background: url(/icon/printer.png)     0 2px no-repeat; padding-left:20px; }
a.icon-email       { background: url(/icon/email.png)       0 2px no-repeat; padding-left:20px; }
a.icon-tick        { background: url(/icon/tick.png)        0 2px no-repeat; padding-left:20px; }
a.icon-magnifier   { background: url(/icon/magnifier.png)   0 2px no-repeat; padding-left:20px; }
a.icon-help        { background: url(/icon/help.png)        0 2px no-repeat; padding-left:20px; }
a.icon-logout      { background: url(/icon/door_out.png)    0 2px no-repeat; padding-left:20px; }
a.icon-edit        { background: url(/icon/pencil.png)      0 2px no-repeat; padding-left:20px; }
a.icon-undo        { background: url(/icon/arrow_undo.png)  0 2px no-repeat; padding-left:20px; }

.offsite { 
	background: url(/icon/new_window.gif) no-repeat top right; 
	padding-right: 12px;
}

/*
==========================================
FORMS
==========================================
*/
fieldset {
  border:0;
  margin:0;
  padding:0;
}
legend {
  color:#2F0033;
  padding:2px;
  margin:0;
}
label {
  width: 200px;
  float:left;
  text-align:right;
  margin-right: 10px;
}
label.required,
form p.required,
label.error {
  font-weight: bold;
}
form p.required {
	padding-left:210px;
}
label.error {
  color:#red;
}
label.inline {
	float: none;
	text-align: left;
	margin: 5px;
	padding:0;
	width: auto;
	display: block;
}

/* search form */
.form,
.search-form {
  margin:0;
  padding:10px;
  background-color:#F5F5F5;
  border:1px solid #ddd;
}
.search-form {
  padding:0 10px;
}
.search-form h3 {
	line-height:2em;
}
.search-form .action-bar {
	padding-top:10px;
	margin-left:0;
}
.search-option {
	position:relative;
	display: block;
	margin-bottom:5px;
}
.search-option label {
	margin:0;
	line-height:30px;
}
.search-option select {
	margin-bottom:0;
	display: block;
}
.search-submit {
	position:relative;
}
.search-option label {
	font-weight: bold;
}


/* form elements */
select,
input.tiny,
input.sm,
input.med,
input.lg,
input.xl,
input.xxl,
input.date,
input.search,
textarea.sm,
textarea.med,
textarea.lg,
textarea.xl,
input.browse,
input.text-field,
textarea.text-area {
  margin: -.5em 0 1.5em 0;
  padding: .5em;
  color:#444;
  background:#fff;
  border:1px solid #ddd;
	font-size: 1em;
	line-height: 1.2em;
	font-family: Arial, sans-serif;
}
option {
	font-size: 1em;
}
/*
select { padding: 0; }
*/
input.text-field 	{ width:350px; }
input.tiny   			{ width:30px; }
input.sm     			{ width:50px; }
input.med    			{ width:160px; }
input.lg     			{ width:250px; }
input.xl     			{ width:400px; }
input.xxl    			{ width:500px; }
input.date   			{ width:75px; }
input.search 			{ width:200px; padding:0 2px; }
textarea.sm  			{ width:250px; height:75px;  overflow:auto; }
textarea.med 			{ width:350px; height:75px;  overflow:auto; }
textarea.lg  			{ width:375px; height:150px; overflow:auto; }
textarea.xl  			{ width:400px; height:250px; overflow:auto; }
textarea.text-area { width:350px; height:100px; overflow:auto; }
select.med   			{ width:180px; }
select.lg    			{ width:250px; }
select.tall  			{ height:100px; }

.field-focus {
	border:1px solid #aaa !important;
}

input.btn_primary {
  font-weight: bold;
}
input.btn_secondary {
  font-weight: normal;
}
input.browse {
  font-size: 1em;
}
select.fixed-width {
  font-family:courier;
}
input.checkbox {
  vertical-align:middle;
}
input.radio,
input.radio-button {
  vertical-align:-3px;
}
select,
select.drop-down,
select.switchbox {
  font-size:1em;
  vertical-align:middle;
}
select.batch_actions {
  margin:0;
  height:30px;
}
.date-field {
	position:relative;
}
.date-field img {
	position:absolute;
	top:0;
	left:310px;
}

/* iframe */
.iframe label {
	display: block;
	float: none;
	text-align: left;
	margin-right: 0;
}
.iframe input {
	display: block;
	margin:0 0 1em 0;
}

#iframe-images-trigger.button {
	width: 320px;
	background: url(/images/siteadmin/button_upload_an_image.gif) 0 0 no-repeat;
}
#iframe-files-trigger.button {
	width: 320px;
	background: url(/images/siteadmin/button_upload_a_file.gif) 0 0 no-repeat;
}
#iframe-images-trigger.close:link,
#iframe-images-trigger.close:visited,
#iframe-files-trigger.close:link,
#iframe-files-trigger.close:visited {
	text-decoration: none;
}

/* toolbar */
.toolbar {
	display:block;
	height: 30px;
	text-align: right;
	width:auto;
}
.toolbar.top {
	position: absolute;
	top:10px;
	right:10px;
}
.toolbar.bottom {
	position: relative;
}
.toolbar .upload-new {
	margin-right:10px;
}
.toolbar.top a {
	line-height:30px;
}
.toolbar a {
	text-decoration: none;
}
.toolbar .upload-new:link,
.toolbar .upload-new:visited,
.toolbar .upload-new:hover,
.toolbar .upload-new:active {
	color:green;
}



/* buttons
-------------------------------------*/
.action-bar {
	position: relative;
	display: block;
	width: auto;
	min-height: 30px;
	margin-left:210px;
}
#login .action-bar {
	margin-left:0;
}
button,
a.button,
.processing  {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow:hidden;
	background:none;
	border:none;
	outline: none;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#666;
	padding: 0;
	text-indent:20px;
	text-align: left;
	text-decoration: none;
}
.processing {
	font-size: 12px;
	font-weight: normal;
	color:#666;
	padding: 0;
	text-align: inherit;
}
a.button                               { padding:0; text-indent: 30px; }
a.button.submit, button.submit         { width: 85px;  background: url(/images/siteadmin/button_submit.gif) 0 0 no-repeat; }
a.button.login, button.login           { width: 75px;  background: url(/images/siteadmin/button_login.gif) 0 0 no-repeat; }
a.button.save, button.save             { width: 75px;  background: url(/images/siteadmin/button_save.gif) 0 0 no-repeat; }
a.button.edit-item, button.edit-item   { width: 125px; background: url(/images/siteadmin/button_edit_item.gif) 0 0 no-repeat; }
a.button.create-new, button.create-new { width: 115px; background: url(/images/siteadmin/button_create_new.gif) 0 0 no-repeat; color: green; }
a.button.manage-categories, 
button.manage-categories               { width: 175px; background: url(/images/siteadmin/button_manage_categories.gif) 0 0 no-repeat; }
button.upload-new {
	width: 120px;
	color:green;
	text-align:left;
	text-indent:25px;
	cursor: pointer;
	background: url(/images/siteadmin/button_upload_new.gif) 0 0 no-repeat;
}

/* ----- manage-categories ----- */
a#manage-categories {
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	padding-top:10px;
	padding-bottom:10px;
	background-position: 0 10px;
}
a#manage-categories:link,
a#manage-categories:visited {
	color: #aaa;
	text-decoration:none;
}
a#manage-categories:hover,
a#manage-categories:active {
	color: #666;
	text-decoration:none;
}

/* ----- back to entries ----- */
a#back-to-entries {
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	padding-top:10px;
	padding-bottom:10px;
	background-position: 0 10px;
}
a#back-to-entries:link,
a#back-to-entries:visited {
	color: #aaa;
	text-decoration:none;
}
a#back-to-entries:hover,
a#back-to-entries:active {
	color: #666;
	text-decoration:none;
}

#supporting-top-buttons {
	position: absolute;
	top:-50px;
	left:0;
}
#supporting a.button.manage-categories {
	position: absolute;
	top:0;
	left: -195px;
}
#supporting a.button.create-new-big { 
	position: absolute;
	top:-10px;
	left:0;
	color: green; 
	width: 320px; 
	height: 40px;
	line-height: 40px;
	font-size: 21px;
	text-align: center;
	text-indent: 0;
	background: url(/images/siteadmin/button_create_new_big.gif) 0 0 no-repeat; 
}

/* supposed to remove dotted lines when clicking on button elements in firefox, pero no workey */
button.field-focus       { border: none !important; }
button:focus             { outline:none !important; }
button.field-focus:focus { outline:none !important; }

#btn-submit,
.action-cancel {
	float:left;
}
.action-cancel {
	line-height:30px;
	margin-left: 20px;
}

th .action-bar {
	position: relative;
	display: block;
	width: auto;
	margin-left:0;
}

#btn-submit.batch {
	float:right;
	margin-right:20px;
}

/*
a.primary,
button.primary {
	color:#fff;
}
a.secondary,
button.secondary {
	font-size:0.75em;
	line-height:1.2em;
	font-weight:normal;
}
a.negative,
button.negative {
	color:#d12f19;
}
a.negative:hover,
button.negative:hover {
	background:#fbe3e4;
	border:1px solid #fbc2c4;
	color:#d12f19;
}
*/

/* wysiwyg mods
-------------------------------------*/
div.form table td td {
  padding:0;
}
div.form table tbody tr.required td td,
div.form table tbody tr.error td td {
  background:none;
}
div.form table tbody tr.error .mceEditor {
  border:1px solid #c00;
}
div.form table table.mceEditor td {
  
}


/* siteadmin login form */
#login label {
	display: block;
	width: auto;
	float: none;
	text-align: left;
	margin: 0 0 .5em 0;
	line-height: 1.5em;
	font-weight: bold;
}
#login input.med {
	clear:both;
	margin-top:0;
	width:200px;
}



/* 
---------------
DATA TABLES 
---------------
*/

/* striped */
table.striped thead tr,
table.striped thead tr td { 
	background-color: #1C2C40; color: #FFF; 
}
table.striped tr.even,
table.striped tr.even td { 
	background-color: #DDE0E3; 
}
table.striped tr.odd,
table.striped tr.odd td { 
	background-color: #EAEBED; 
}
table.striped tr.highlight,
table.striped tr.highlight td,
table.striped tr.highlight.selected,
table.striped tr.highlight.selected td { 
	background-color: #FFC; 
}
table.striped tr.selected,
table.striped tr.selected td,
table.striped td.selected { 
	background-color: #E7FCE7;
}
/*
table.list td a {
	color:#c00;
}
table.list td a:hover {
	color:#000;
}
*/
tr.active td.status  { color: green; }
tr.pending td.status, span.pending { color: #ff8000; }
tr.inactive td,
#content tr.inactive th,
#content tr.inactive th a:link,
#content tr.inactive th a:visited,
#content tr.inactive td a:link,
#content tr.inactive td a:visited { 
	color: #333; 
}

/* entry preview */
.entry-preview {
	border:1px solid #ccc; 
	background:#efefef; 
	padding:10px; 
	margin-bottom:20px; 
	font-size:12px; 
	color:#666;
}
.entry-preview p {
	margin-bottom:1em;
}

/* 
------------------------------
     LOGIN SCREEN 
------------------------------
*/
#login #container {
	width:600px;
	margin:0 auto;
}
#login #masthead {
	height:55px;
}
#login #site-title {
	top: 20px;
}
#login #login-form,
#login #forgot {
	margin-top:20px;
	text-align: center;
}
#login #login-form form,
#login #forgot form {
	display: block;
	width: 220px;
	margin:0 auto;
	text-align: left;
}

/* 
------------------------------
     IMAGES/FILES 
------------------------------
*/
#images.list #supporting,
#files.list #supporting {
	position: absolute;
	top:80px;
	right:20px;
}
#images.list #main,
#files.list #main {
	width:1000px;
}
#images.list #notice,
#files.list #notice {
	width:960px;
}

/* 
------------------------------
     WEBPAGE ADMIN 
------------------------------
*/
#pages.list #supporting,
#pages.edit #supporting {
	position: absolute;
	top:80px;
	right:20px;
}
#pages.list #main,
#pages.edit #main {
	width:1000px;
}
#pages.list #notice,
#pages.edit #notice {
	width:960px;
}
#pages.edit table.list {
	margin-bottom:40px;
}

/* 
------------------------------
     ADMINS 
------------------------------
*/
#admins.list #supporting {
	position: absolute;
	top:80px;
	right:20px;
}
#admins.list #main {
	width:1000px;
}
#admins.list #notice {
	width:960px;
}

/* 
------------------------------
     NEWS 
------------------------------
*/
#news.list #supporting {
	position: absolute;
	top:80px;
	right:20px;
}
#news.list #main {
	width:1000px;
}
#news.list #notice {
	width:960px;
}

/* 
------------------------------
     BLOG CATEGORIES 
------------------------------
*/
#blog.categories.list #supporting {
	position: absolute;
	top:80px;
	right:20px;
}
#blog.categories.list #main {
	width:1000px;
}
#blog.categories.list #notice {
	width:960px;
}


/* 
------------------------------
     IFRAMES 
------------------------------
*/
iframe.images,
iframe.files {
	height:180px;
	width:320px;
}
body.iframe {
	padding:15px 10px 10px 10px;
}
body.iframe h3 {
	margin-bottom:15px;
}

/* 
------------------------------
     BEER CATEGORIES 
------------------------------
*/
#beer_categories.list #supporting {
	position: absolute;
	top:80px;
	right:20px;
}
#beer_categories.list #main {
	width:1000px;
}
#beer_categories.list #notice {
	width:960px;
}

/* 
------------------------------
     EVENTS 
------------------------------
*/
#events.list #supporting {
	position: absolute;
	top:80px;
	right:20px;
}
#events.list #main {
	width:1000px;
}
#events.list #notice {
	width:960px;
}