body {
  margin:  0px;
  background-color: #EFEFEF;
  font-size: 12px;
  font-family: sans-serif;
}
img {
  border: none;
}
th {
  text-align: left;
}
#wrapper {
  width: 960px;
  margin: auto;
  background-color: #FFF;
  -webkit-box-shadow: 0px 0px 25px #333;
  -moz-box-shadow: 0px 0px 25px #333;
}
a {
  color: #666;
}
a:hover {
  color: #333;
}
/* GENERAL STYLES */
.small {
  font-size: 10px;
  color: #666;
}
.right {
    float: right;
}
label {
  color: #333;
}
.submit {
  padding: 15px;
  font-size: 16px;
}

#search-box {
  text-align: center;
  width: 230px;
  float: right;
}
#social-bar {
  text-align: center;
  font-size: 9px;
  width: 100%;
}
#social-bar a {
  color: #666;
}
#social-bar a:hover {
  color: #333;
}
/* FLASH NOTICES */
#flash-notice {
  font-size: 20px;
  font-weight: bold;
  background-color: #CFC;
  color: green;
  padding: 15px;
  margin-bottom: 10px;
  border: 1px solid #CCC;
}
#flash-error {
  background-color: #FCF;
  color: red;
  padding: 10px;
  margin-bottom: 10px;
}

/* ERROR FIELDS */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* CHoOSE */
#choose {
  text-align: center;
}
#choose img {
  border: none;
}

/* HEADER STYLES */
#header {
  height: 200px;
  background-image: url(/images/ion-logo-web.jpg);
}

/* GLOBAL NAV */
#global-nav {
  padding: 15px;
  background-color: #036;
  color: #FFF;
}
#global-nav ul {
  display: inline;
  margin: 0px;
  padding: 0px;
}
#global-nav li {
  list-style: none;
  display: inline;
  padding-right: 10px;
}
#global-nav li a {
  color: #FFF;
  font-size: 12px;
  text-decoration: none;
  padding: 10px;
}
#global-nav li a:hover {
  background-color: #000;
  color: #FFF;
}

/* MAIN CONTENT */
#inner-wrapper {
  padding: 10px;
}
#inner-wrapper h1 {
  font-weight: normal;
  font-size: 24px;
}
#left-column {
  width: 700px;
  float: left;
}
#left-column strong {
  color: #06F;
}
#left-column h1 {
  margin-top: 0px;
}
#content-right {
  width: 500px;
  float: right;
}

/* CATEGORIES */
.post-an-item {
  width: 200px;
  text-align: center;
  font-size: 20px;
  border: 3px solid #CCC;
  float: right;
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 10px;
  background-color: #36F;
  color: #FFF;
  text-decoration: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.post-an-item:hover {
  color: #FFF;
  background-color: #339;
}
#categories-list {
  background-color: #C9C;
  width: 200px;
  float: right;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #333;
}
#categories-list ul {
  padding: 0px;
  margin: 0px;
}
#categories-list li {
  list-style: none;
}
#categories-list a {
  display: block;
  padding: 5px;
  color: #000;
}
#categories-list a:hover {
  background-color: #606;
  color: #FFF;
}

/* ITEMS */
.item {
  padding: 5px;
  border: 1px solid #EFEFEF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #333;
  margin-bottom: 10px;
}
.item strong {
  font-size: 16px;
}
.item a {
  color: #36F;
}
.item a:hover {
  color: #333;
}
.item-photo {
  width: 150px;
  float: right;
}
.item-description {
  width: 330px;
  float: left;
}
#message-user {
  width: 450px;
  padding: 10px;
  background-color: #EFEFEF;
  border: 1px solid #CCC;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.item-detail {
  width: 470px;
  padding: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid #CCC;
}
#charity_description {
  padding: 10px;
  background: #EFEFEF;
  border: 1px solid #CCC;
}

/* SECURITY MESSAGE */
.security-message {
  padding: 30px;
  padding-left: 70px;
  background-color :#CF9;
  background-image: url(/images/Info.png);
  background-repeat: no-repeat;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* ADMIN BAR */
#admin-bar {
  padding: 15px;
  background-color: #666;
  color: #FFF;
  text-align: center;
  margin-bottom: 20px;
}
#admin-bar ul {
  display: inline;
  margin: 0px;
  padding: 0px;
}
#admin-bar li {
  list-style: none;
  display: inline;
  padding-right: 20px;
}
#admin-bar li a {
  color: #FFF;
  font-size: 14px;
  text-decoration: none;
  padding: 10px;
}
#admin-bar li a:hover {
  background-color: #333;
  color: #FFF;
}

/* FOOTER */
#footer {
  background-color: #000;
  padding: 20px;
  border-top: 3px solid #C06;
  margin-top: 20px;
  color: #FFF;
  text-align: center;
}
#footer a {
  color: #CCC;
}
#footer a:hover {
  color: #FFF;
}
#footer h3 {
  color: #FFF;
}

/* PAGINATION */
.pagination {
  text-align: center;
  padding: .3em;
  margin-bottom: 20px;
  }
.pagination a, .flickr_pagination span {
    padding: .2em .5em; }

.pagination span.disabled {
    color: #AAA; }
.pagination span.current {
    font-weight: bold;
    color: #FF0084; }
.pagination a {
    border: 1px solid #DDDDDD;
    color: #0063DC;
    text-decoration: none; }
.pagination a:hover, .flickr_pagination a:focus {
      border-color: #003366;
      background: #0063DC;
      color: white; }
.pagination .page_info {
    color: #aaa;
    padding-top: .8em; }
.pagination .prev_page, .flickr_pagination .next_page {
    border-width: 2px; }
.pagination .prev_page {
    margin-right: 1em; }
.pagination .next_page {
    margin-left: 1em; }
/* ADS */
#ads-left-column {
  width: 180px;
  float: left;
}
#ads-leaderboard {
  width: 700px;
  height: 90px;
  margin-bottom: 25px;
}
.ad-float-left {
  float: left;
}
.ad-float-right {
  float: right;
}

#quote {
  float: right;
  font-size: 14px;
  text-align: center;
  width: 200px;
  padding: 10px;
}
#trivia {
  background-color: #036;
  color: #FFF;
  padding: 15px;
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
}
#trivia h3 {
  color: yellow;
  font-size: 18px;
}
#sponsors {
  background-color: #CFC;
  padding: 15px;
  text-align: center;
}
#sponsors h3 {
  font-size: 20px;
}



#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/tl.png);
}

#facebox .tr {
  background:url(/images/facebox/tr.png);
}

#facebox .bl {
  background:url(/images/facebox/bl.png);
}

#facebox .br {
  background:url(/images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}



/******************************************************************************
** STRUCTURE OF DYNAMICALLY CREATED ELEMENTS
*******************************************************************************
**
** <div id="ORIGINAL_IDWidgContainer" class="widgContainer">
**     <ul id="ORIGINAL_IDWidgToolbar" class="widgToolbar">
**         <li id="BUTTON_ID" class="widgEditButton">
**             <a></a>
**         </li>
**         <li class="widgEditSelect">
**             <select>
**             </select>
**         </li>
**     </ul>
**     <iframe id="ORIGINAL_IDWidgIframe" class="widgIframe">
**     </iframe>
**     <textarea id="ORIGINAL_IDWidgTextarea" class="widgEditor">
**     </textarea>
** </div>
*/

/* TOOLBAR BUTTONS */

.widgToolbar a
{
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
}

.widgToolbar a:hover
{
	background-position: 0 -30px;
}

.widgToolbar a:active
{
	margin-top: 2px;
	margin-left: 2px;
	background-position: 0 -60px;
}

.widgToolbar li.on a, .widgToolbar li.on a:hover
{
	background-position: 0 -60px;
}

.widgToolbar li.widgEditButton
{
	background-image: url(../images/widgeditor_button_shadow.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

.widgButtonBold
{
	background-image: url(../images/widgeditor_button_bold.gif);
}

.widgButtonHTML
{
	background-image: url(../images/widgeditor_button_html.gif);
}

.widgButtonImage 
{
	background-image: url(../images/widgeditor_button_image.gif);
}

.widgButtonItalic 
{
	background-image: url(../images/widgeditor_button_italic.gif);
}

.widgButtonLink
{
	background-image: url(../images/widgeditor_button_link.gif);
}

.widgButtonOrdered
{
	background-image: url(../images/widgeditor_button_ordered.gif);
}

.widgButtonUnordered
{
	background-image: url(../images/widgeditor_button_unordered.gif);
}

.widgSource a
{
	background-image: url(../images/widgeditor_button_empty.gif);
	cursor: default;
}

.widgSource li.on a, .widgSource li.on a:hover
{
	background-position: 0 0;
}

.widgSource .widgButtonHTML
{
	background-image: url(../images/widgeditor_button_html.gif);
}

.widgSource .widgButtonHTML:hover
{
	cursor: pointer;
}




/* TOOLBAR */

.widgToolbar
{
	list-style: none;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 0 0 2px;
	border: 1px solid #CCCCCC;
	background-image: url(../images/widgeditor_toolbar_bg.gif);
	background-repeat: repeat-x;
}

* html .widgToolbar
{
	width: auto;
}

.widgToolbar li
{
	display: inline;
	float: left;
	width: 32px;
	height: 32px;
	margin-top: 9px;
	margin-left: 7px;
	line-height: 30px;
}




/* EDITING AREA */

.widgIframe
{
	clear: left;
	width: 100%;
	height: 200px;
	border-top-width: 1px;
}

.widgContainer textarea.widgEditor
{
	clear: left;
	width: 100%;
	height: 200px;
	border-top-width: 1px;
	padding: 0;
}




/* EDITOR CONTAINER */

.widgContainer
{
}