/* VIPERLIB */
/* By Argument from Design www.ardes.com */
/* May 2009 */

/* =GENERAL DECLARATIONS */
/* =ZERO margins & padding, which we define elsewhere, courtesy Eric Meyer */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 	vertical-align: baseline; background: transparent;
}
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
	/* remember to define focus styles! */
	:focus { outline: 0; }

	/* remember to highlight inserts somehow! */
	ins { 	text-decoration: none; }
	del { text-decoration: line-through; }

	/* tables still need 'cellspacing="0"' in the markup */
	table { border-collapse: collapse; border-spacing: 0; }



/* =HTML & =CUSTOM DECLARATIONS */
body {
	font: 1em "Trebuchet MS", "Lucida Grande", Verdana, sans-serif; 
	background-color: #FFF; color: #262626;
	min-width: 995px;
}

a:link { color: #B30C1A; }
a:visited { color: #0C5579; }
a:hover, a:active { color: #CA6100; }

br { clear: left; display: block; }

code, pre { font-size: 1.1em; background-color: #DCDCDC; color: #000; padding: 0.25em; }
  pre { 
    margin-left: 2em; margin-bottom: 0.5em; 
  }

dfn { font-style: normal; }

dt { font-weight: bold; font-size: 1.05em; }
  dd { margin: 0.25em 1em 0.5em 2em; }

h1, h2, h3, h4, h5, h6 {
	color: #830A0F; letter-spacing: 0.1em; padding: 0.5em 0; 
}
h1 { font-size: 1.25em; }
h2 { font-size: 1.2em; width: 95%; } /* Ensures h2 doesn't accidentally knock over #viperlib-nav  */
  #main h2 { padding-bottom: 0.25em; }
h3 { font-size: 1.15em; }
h4 { font-size: 0.95em; }
h5 { font-size: 0.90em; }
h6 { font-size: 0.85em; }

hr { height: 1px!important; border:0; border-top: 1px solid #DCDCDC; margin-bottom: 0.5em; } 

h2 img, h3 img, h4 img { vertical-align: middle;}
p img { vertical-align: middle; }

#content div ul, #content div ol {
	margin-left: 1em;
}

p { font-size: 1em; line-height: 1.5em; }
  #content p { padding: 0 1em 0.75em 1em; }
	p.caption { 
		font-size: 0.70em!important; 
		text-align: center;
		line-height: 1.2em!important; 
		padding-bottom: 0.5em; 
	}
  p.note { /* All are impt; otherwise overridden elsewhere by standard rules in specific contexts */
  	position: relative; top: -0.5em; /* More closely ally note w/ thing it's referring to */
  	line-height: normal;
  	font-size: 0.8em!important; 
  	text-align: left!important; 
  } 
	fieldset p.note { margin-left: 8em; padding-top: 1em!important; }
	#news_archive p.note { position: static; margin-top: 1em; }

strong em { font-style: normal; color: #B8181F; }

table { margin-bottom: 1em; }
	th { 
		padding: 0.25em 1.5em; text-align: center; color: #ECBB71; 
		background: #165D9F url(/images/backgrounds/bg_nav.png) repeat-x bottom left; font-size: 105%; 
	}
	td { padding: 0.25em 1.5em 0.5em; background-color: #EDF2F6; }
	tr.even td { background-color: #F5EFE9; }

#main ul { padding-left: 2em; padding-bottom: 1.5em; list-style-type: disc; }
  #main li { margin-right: 1em; }
	#main ul ul { position: relative; padding-bottom: 0!important; }

/* =FORMS: LAYOUT STRUCTURE 
	Basic usage:
	fieldset 
		legend
			div.field
				label(for): input
	FIELDSETS act as blocks (with exceptions)
	DIV.FIELD acts as a block for each form item, given that we're using floats
	LABELs are floated left (with exceptions) w/ a specified width 
	INPUTs (textual, that is) & TEXTAREAs are given a specific width
	CHECKBOX should use class of .tickshim for proper alignment
	SUBMIT are on their own with a class of .submit.
	There are, unfortunately, lots of exceptions to rules that arise of necessity. The biggest
	issue arises from small FIELDSETs that are best used floated, in which case we use 
	classes .primary & .secondary.
*/
#main form { padding-top: 0; margin: 0 0.5em 1em 0; width: 35em; }
  #main form p { margin: 0 1em 0.5em 11em; line-height: 120%; } /* This is to line up error messages properly w/ content */
    form p.destroy { margin: 0.5em 1em 0.5em 10em!important; }

    #main form p.note { z-index: 2; /* Forces p.note to be one level below the input to ease input clickability */ }

#main fieldset { border: 0px solid #FFF;  }
  #main legend {
  	font-weight: bold; color: #830A0F; font-size: 1.15em;
  	margin: 0.3em 0; padding-bottom: 0.3em;
  }

div.field { clear: left; display: block; padding-bottom: 0.3em; }

#main input:focus, #main textarea:focus { background-color: #FFFFE5; }

input { margin: 0.25em 0; width: 200px; z-index: 5; /* Makes inputs easily clickable--p.note might cover inputs slightly */ }
  input.submit { margin-left: 11em; }

.submit a, .submit a:visited, .submit a:hover, .submit a:active { width: auto; font-size: 1em; color: #E5982B; }


/* If we're pretending a standard link is a submit button, it looks like a submit button */
input.submit, input.cancel, a.submit, .submit a {
	color: #E5982B; text-decoration: none; width: auto!important;
	background: #165D9F url(/images/backgrounds/bg_nav.png) repeat-x bottom left; 
	border: 0 solid #FFF; 
	font-size: 1em; padding: 0.25em 0.5em;
	-moz-border-radius: 0.7em; -webkit-border-radius: 0.7em;
}
  input.submit:active, input.cancel:active, a.submit:active { 
    border: 0 solid #FFF; background-image: none; background-color: #00233C!important; 
  }

  input#remember_me, input.tickshim { width: auto!important; /* All tickboxes have normal-sized widths */}
  
  body#contact #main input, body#contact select { width: 27em; }
 

  #main label, span.textile { 
  	float: left; text-align: right; margin-right: 1em;
  	width: 10em; /* increases space between label & text */
   }
   #main label { color: #262626; }

select { width: 250px; }
  body#admin_article select { width: auto; }

textarea { width: 300px; }
  body#user fieldset.secondary textarea { width: 270px; }

body#contribution #main form { width: 100%; margin: 0; }
  body#contribution #sub_search form { width: 20em; }

  body#contribution #main fieldset { float: left; }

#email_users { 
  display: block; padding: 1em; margin: 1em; 
  background-color: #EEE; 
  border: 1px solid #AAA;
  -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em;
}

  /*  Multiple Fieldsets: .primary & .secondary  
      A lot of things have to be forcibly overriden here, hence all the !importants
  */
  fieldset.primary { width: 30em; margin-right: 1em; }
    fieldset.primary input { width: 245px; }
    fieldset.primary textarea { width: 250px;}
    fieldset.primary p.note { margin-left: 8em!important; margin-right: 2em!important; padding-bottom: 0!important; }
    body#user fieldset.primary p.note { margin-left: 0!important; }

  fieldset.secondary { width: 15em; background-color: #165D9F; }
    body#contribution fieldset.secondary h3 { font-size: 13px; color: #E5982B; background-color: #165D9F; padding: 0.5em; }
      body#user fieldset.secondary { background-color: transparent; margin-right: 0.5em; }
        body#user fieldset.secondary input#myviperlib_newsletterable { width: auto; }
  	fieldset.secondary div.area {
  		background-color: #DCDCDC;
  		border-bottom: 1px solid #FFF;
  		font-size: 0.85em;
  		margin: 0; padding: 0.25em; 
  	}
  	  fieldset.secondary div.area a { text-decoration: none; color: #0C5579; padding-left: 0.25em; } /* Colour blue so we don't think it's an error */

    fieldset.secondary div.category_ids { padding-top: 0.5em; }
    fieldset.secondary div.category_ids p { margin-left: 0; margin-bottom: 0!important; padding-bottom: 0.25em!important; }
    fieldset.secondary div.category_ids input { width: auto; }

    fieldset.secondary div.category_ids .depth1 { margin-left: 0.25em!important; }
    fieldset.secondary div.category_ids .depth2 { margin-left: .50em!important; }
    fieldset.secondary div.category_ids .depth3 { margin-left: .75em!important; }
    fieldset.secondary div.category_ids .depth3 { margin-left: 1.00em!important; }
    fieldset.secondary p.note { margin: 0!important; padding-left: 0!important; width: 100%!important;
      background-color: #FFF; }



/* =FLASH */  
div#flash { width: 100%; position: relative; top: -1px; right: -1px; }
 div#flash p { font-size: 100%; padding: 0.5em; text-align: center; }
   div#flash p.error { border: 1px solid #AD121D; background-color: #FAB3B9; }
   div#flash p.notice { border: 1px solid #008000; background-color: #D6EED1; }

 div#flash span.error { background-color: #FA7474; padding: 0.25em 0; }

#main div.errorExplanation { font-size: 85%; border: 1px solid #AD121D; background-color: #FAE8E8; padding: 0.5em; margin: 0 1em 1em 0; }
  #main div.errorExplanation ul {list-style-type: none; margin-left: 2em; padding:0;}
    #main div.errorExplanation ul li {margin-bottom: 2px;}

  #main div.errorExplanation h2 {font-size: 110%; padding: 0; margin-bottom: 0.5em;}

  #main form .fieldWithErrors { background-color: #FAE8E8;}
    #main form .fieldWithErrors label { color: #AD121D; }



/* =LAYOUTS-BIG (excepting VIPERLIB-NAV) */
div.bg {  
	top: 0; left: 0; right: 0; height: 9.9em;
	background-image: url(/images/backgrounds/bg_masthead.png); 
	background-repeat: repeat-x; background-position: bottom left;
	z-index: 1; /* Ensure div.bg is behind everything else */
}

#container { min-width: 995px; z-index: 2; }

  #masthead { margin-left: 400px; margin-top: -9.5em; /* Gets on top of bg.div */ }

  #nav { clear: both; margin: 0; font-size: 16px; }

  div.crumbs { clear: both; font-size: 0.75em; margin-left: 4em; padding: 1em 0 0.5em 0; }

  #content { clear: left;
  	min-width: 750px; margin-left: 3em; margin-right: 20%; 
  }
    #main {
      font-size: 95%;
      border-top: 1px solid #DCDCDC;  border-right: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC;
  	}
  	#footer {  clear: both; display: block; font-size: 0.75em; }
  #viperlib-nav { float: right; width: 19%; }


/* =MASTHEAD */
#masthead * { color: #E5982B; clear: right; margin-right: 0.25em; letter-spacing: 1px; }

#masthead a:link, #masthead a:visited { color: #E5982B; }
  #masthead a:hover, #masthead a:active { color: #CA6100; }

#masthead dfn { font-style: normal; font-size: 12px; }

#masthead form, #masthead div.login { 
  font-size: 12px!important; padding: 5px 0 0 0;
  float: right; font-weight: normal; height: 2em;
}
  #masthead input { color: #000; letter-spacing: 0; width: 7em; }
    /* Show submit button now */ 
    #masthead input.submit { display: inline; width:6em; margin:0; }

#masthead h1 { /* Set height so multiple lines don't screw up layout */
  font-size: 1em; font-weight: normal; height: 3em; padding-bottom: 0;
}



/* =NAV */
#nav ul {  
	float: right; list-style: none;
	color: #ECBB71; background: #165D9F url(/images/backgrounds/bg_nav.png) repeat-x top left;
	}
	#nav li { position: relative; float: left; border-right: 1px solid #0C4073; }
		#nav li.help {  /* border not needed on last element */
		  border-right: none!important; 
		}
		#nav li a {
			text-decoration: none; color: #ECBB71; 
			display: block; padding: 8px;
		}
		#nav li:active, #nav li:hover { color: #ECBB71; background-color: #0c5579; }
			body#home #nav li.home, body#about #nav li.about, 
			body#contribute #nav li.contribute, 
			body#full_search #nav li.search, body#contact #nav li.contact, 
			body#links_external #nav li.links_external, body#help #nav li.help, 
			body#myviperlib #nav li.myviperlib, body#articles #nav li.articles { /* 'You are here' nav */ 
			  background-color: #0c5579; 
			}


/*=VIPERlIB-NAV */
#viperlib-nav a { text-decoration: none; }
#viperlib-nav h4 { 
	font-weight: normal!important; font-size: 0.75em; color: #E5982B;
	padding-left: 0.5em; height: 1.1em; overflow-right: hidden;
	background: #165D9F url(/images/backgrounds/bg_nav.png) repeat-x top left; 
	position: relative; /* Necessary for .popup  */ 
	border-bottom: 1px solid #FFF!important;
}
  #viperlib-nav h4.admin {
    background: #8B0F10 url(/images/backgrounds/bg_nav_admin.png) repeat-x top left;
  }

	#viperlib-nav h4 a, #viperlib-nav h4 a:visited { color: #E5982B!important; }
	  #viperlib-nav h4 a.toggle { float: right; border: none; }

	#viperlib-nav hr img { border: 0px; }

  #viperlib-nav .popup { /* Don't display until :hover on the parent element */
    display: none; 
    position: absolute; top: 5px; left: -140px; width: 12em; z-index: 5; 
    border-top: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF;
  }
    #viperlib-nav .popup a, #viperlib-nav .popup a:visited { color: #B30C1A!important; display: block; }
    
    #viperlib-nav .primary { float: none; }
    #viperlib-nav .primary:hover .popup, #viperlib-nav .primary.sfhover .popup { display: block; }
      #viperlib-nav .popup span { display: block; }
        #viperlib-nav .popup a { padding-top: 0.5em; padding-bottom: 0.5em; }

	#viperlib-nav h4 span.more { width: 16px; margin-right: 0.5em; }
		#viperlib-nav h4 span.more a { /* FF gets correct width of target */  
		  width: 16px; 
		} 

#viperlib-nav .categories { background: #FFF url(/images/backgrounds/bg_subnav.png) bottom left; }
	#viperlib-nav .categories div, #viperlib-nav .categories span { 
		padding: 0.25em 0.5em; font-size: 0.8em; border-bottom: 1px solid #FFF; }

		#viperlib-nav div, #viperlib-nav div a { /* Override in IE7 stylesheet */
		  display: block; 
		}
  		#viperlib-nav div a:link, #viperlib-nav div a:visited, 
  		#viperlib-nav div a:link, #viperlib-nav span a:visited { color: #B30C1A; }

		#viperlib-nav .categories div:hover, #viperlib-nav .categories span:hover { background-color: #7F7F7F; }
			#viperlib-nav .categories div:hover a, #viperlib-nav .categories span:hover a { color: #FFF!important; }

body#feedback div.entry { border-bottom: 0.1em solid #DCDCDC; }

#viperlib-nav p { /* Feedback */
  font-size: 0.8em; padding: 1em; line-height: 1.5em;
}
  #viperlib-nav p a { text-decoration: underline; }

  body#feedback_popup #main { border: 0; margin-top: 1em; }


/*=FOOTER */
#footer ul { padding-top: 1em; text-align: center; }
  #footer li { display: inline; }
#footer p { display: block; line-height: 120%; padding: 1em 2em; }



/* =MAIN */
/* =HOME */
body#home div.intro, body#home div.preview { width: 49.9%; }
  body#about div.intro { width: 100%; }
div.intro { float: left; border-right: 1px solid #DCDCDC; }
  body#home div.featured { display: block; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; }

div.intro h2, div.featured h3, h3.tags, div.preview h3, #newscontainer h3 { /* Unify heights, padding */
	font-size: 1.15em; 
	padding: 1em 0 0.5em 0.75em;
}
  div.preview h3 a {
    text-decoration: none; color: #830A0F;
  }
    div.preview h3 a:hover, div.preview h3 a:active { text-decoration: underline!important; }
    div.preview h3 a:visited { text-decoration: none; color: #830A0F; }

  div.sample img, div.view img { /* Frame effect */
  	padding: 5px; background-color: #F5F4EA; display: block;
  	border-top: 1px solid #DCDCDC; border-left: 1px solid #DCDCDC;
  	border-right: 2px solid #D9D8C2; border-bottom: 2px solid #D9D8C2;
  	-moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;
  }
  body#area div.sample img { margin: 0 auto 0.5em!important;}
    div.sample img:hover, div.view img:hover { background-color: #F5F0CF; }
    
    div.view { 
      float: left; width: 17%; padding: 10px; 
      text-align: center; line-height: normal; font-size: 0.8em; 
    }

      div.view img { display: block; margin: 0 auto 0.5em; }
      div.view p { height: 13em; text-align: center; }

  body#home div.preview { background: transparent url(/images/backgrounds/bg_library.png) no-repeat center 50px; }
  div.preview { float: right; }
    div.sample { float: left; }
    	div.preview div.sample { 
    		width: 50%; padding-bottom: 0.25em!important; /* impt. needed, otherwise ie6 won't honour declaration  */
    	}
    	div.preview div.sample img { margin: auto!important; }
  		div.sample p { /* This is used a lot all over the place */
  		  font-size: 0.75em; text-align: center!important;
  		   margin: 0 0 0.5em!important; padding: 0 0 0.5em!important;
  		}


/* =CATEGORIES & =CONTRIBUTION_LIST */
/* Commented-out stuff not yet used  */
/* 
  body#areas_view div#contributions_list, div#categories { width: 49.9%; }

  div#contributions_list { float: left; }
  div#categories { border-left: 1px solid #DCDCDC; float: right; position: relative; left: -1px; }
    div#categories h2 { margin: 0 1em 1.5em; }
    div#categories div.sample { width: 120px; }

*/
div#contributions_list { clear: left; }

div#contributions_list div.rating { margin-left: 0.5em;}
  

/* =COMMENTS (News & Contributions)*/
	div.comment { 
		border: 1px solid #DCDCDC;
		background-color: #FBF0DE; margin: 0 1em 0.5em 0;
		-moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;
	}
		div.comment h4 { padding-left: 0.5em; margin-left: 4em; }
		  body#user div.comment h4 { margin-left: 0.5em; }
		div.comment p { font-size: 0.85em; margin-left: 4em; }
		  body#user div.comment p { margin-left: 0.5em; }
		div.unapproved { background-color: #E9E5C5; margin-bottom: 1em; }

/* CONTRIBUTION, ITEM & USER LAYOUTS */
/*  Put together because they're very similar to one another
	  Item: covers all items; 
	  + area: block-level
	  + category: width 1/2 of container & floated left
	  depth>1: block-level & indented @ left with colour wash @ left 
*/
div#users_list { width: 98%; }


div.contribution, div.item, div.user {
	float: left; width: 46%; margin: 0 1em 1em; font-size: 90%;
	border: 1px solid #EDF3F7; background-color: #F7FAFC;
	border: 1px solid #F7FAFC;
	-moz-border-radius: 10px; -webkit-border-radius: 10px;
}

  /* MAIN=CONTRIBUTIONS */
  div.contribution:hover, div.item:hover, div.user:hover { background-color: #EDF0F2; border: 1px solid #D9E8F2; }
      div.contribution h3, div.user h3 { font-size: 1em; padding: 0.75em 0.5em 0.5em; }
      div.contribution p, div.item p, div.user p { font-size: 0.9em; line-height: normal; }

  #contribution_show div.sample { width: 250px; float: left; }
    #contribution_show div.sample img { margin: auto;}
        body#contribution_show h3 { padding-top: 0.75em; }

    	div.contribution h3 a:visited, div.item h3 a:visited, div.user h3 { color: #830A0F!important; }

  div.contribution_data { margin-left: 255px; margin-top: 1em; }
    div.contribution_data div.field { clear: none; }
  	  div.contribution_data div.field label {  /* Showing contributions */
  	    width: 10em; font-weight: bold; color: #830A0F; padding-bottom: 0.2em;
  	  }
  	  div.contribution_data div.field p { 
  	    font-size: 0.9em; line-height: 1.25em; 
  	    margin-left: 11.25em; padding-bottom: 0.75em; 
  	  }

p.contribution_download { text-align: right; margin-bottom: 0.5em;}

    /* MAIN=ITEM VIEWS */
    div#categories div.item h3, div#categories div.item p { margin-left: 140px; padding-left: 0; }

    body#areas_view div#areas div.item { width: 17em; margin-right: 0; }
    
      div#areas div.sample { padding: 0.5em; }
      div#areas div.item h3 { font-size: 0.9em; }
      div#areas div.item h3, div#areas div.item p { margin-left: 75px; }
      div#areas div.item p.total { color: #999; font-size: 0.8em; }
      div#areas div.item p.total a.pending { text-decoration: none; color: #B30C1A; }
      
    body#about div.item { display: block; width: 96%; }
      body#about div.item h3 img { margin-right: 20px; }
      body#about div.item p { margin-left: 175px; padding-left: 0; }
        body#about div.banner p { margin-left: 10px; clear: left; }
      body#about div.item p { font-size: 1em; line-height: 150%; }
      body#about div.item img { float: left; margin: 0.5em; }
        body#about div.item img.ardes { margin: 22px 0.5em 0.5em 21px; }
        body#about div.banner img { float: none; }
        
        body#about div.banner pre { background-color: inherit; color: inherit; margin-left: 10px; }

    div#categories div.sample { margin: 0.5em 0 0 0.5em; }
 
    /* MAIN=USER */
    div#users_list { float: left; }

    div.user div { float: left; width: 70px; height: 50px; }
    	div.user div img { margin: 10px; }
      div.user p { 
        font-size: 0.9em; line-height: normal; 
        margin-left: 4.5em; padding-bottom: 0.3em; 
      }
      
      div.user form { margin-top: 1em; border-top: 1px solid #0F396C; }
      div.user span.options a img { position: relative; top: -13px; left: 10px; }

    body#user form#full_search label { position: relative; top: 0.5em; }

    img.user_pic { float: right; margin-right: 0; margin-left: 0.5em; }
      div.comment img.user_pic, p.note img.user_pic  { float: left!important; margin: 0.25em; }


/* =EVENTS VIEW */
div.events { 
	padding: 0.5em; margin: 0 0.5em 0.5em 0.5em;
	border: 1px solid #96C147; background-color: #DBEBBA; 
	-moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;
}
  div.events.todo { float: left; width: 36%; font-size: 0.85em; }
  div.events.favourites { margin-left: 40%;}

	div.events h3 { padding-top: 0; padding-bottom: 0; }
	div.events h4 { padding: 0.25em 0; }
	div.events p { font-size: 0.85em; }
	div.events ul { padding: 0!important; margin-left: 0!important; margin-bottom: 0.5em; }
	div.events li { list-style: none; padding: 0.15em; width: 100%; }
		div.events li:hover { background-color: #CEE0A5; }
		div.events li span { display: inline; } 
			div.events span.icon { padding:0; margin:0; }
				div.events span.icon img { vertical-align:bottom; border: 1px solid transparent;}
				div.events a.icon, div.events a .icon img { text-decoration: none!important;}
				div.events a.icon:hover img {border: 1px solid #CA6100; }
			div.events span.notification, div.favourites li { font-size: 0.85em; }

.event-type { /* What type of event was affected */ 
  background-color: #FFF2B9; border: 1px solid #D0B896; 
  margin-right: 0.15em;
}
  .event-type a { text-decoration: none; padding: 0.15em; }
    .event-type a:hover { color: #B30C1A; }

.event-item { /* What did it pertain to */ 
}
  ul.subscriptions .event-item { font-size: 0.85em; margin: 0 0.25em 0 0.5em;}

.event-action { /* What was done to the item */ }
  ul.subscriptions .event-action, ul.show .event-action { margin-left: 0; }
  ul.show .event-action { }
.event-actor { /* Who was responsible for it */ }
  ul.show .event-actor { }
.event-date { /* When did the event occur? */
  font-size: 0.8em;
}

/*=NEWS */
#newscontainer {
  background: #FFF url(/images/backgrounds/bg_news.png) repeat-x;
	clear: both; margin-top: 0.5em;
	border: 0!important;
}
		#newscontainer h3 a { text-decoration: none; color: #830A0F; }
		  #newscontainer a:hover { text-decoration: underline; }
	#news {
		clear: left;
		-moz-column-count: 2; -webkit-column-count: 2;
		-moz-column-gap: 1em; -webkit-column-gap: 1em;
		margin-left: 1.1em; padding-bottom: 1em;
	}
		#news div { border-bottom: 1px solid #DCDCDC; padding-bottom: 0.5em; }
		#news div h2, #news h3, #news h4,
		#news_archive div h2, #news_archive h3, #news_archive h4
			{ padding-top: 0.5em; }
			#news h2 a, #news h3 a, #news h4 a, 
			#news_archive h2 a, #news_archive h3 a, #news_archive h4 a 
				{ text-decoration: none; color: #830A0F; }
		#news p { font-size: 0.8em; line-height: 1.5em; }
		#news img { float: left; padding-right: 0.75em; padding-bottom: 0.5em; }
#news_archive div.entry, #articles div.entry { 
  background: #FFF url(/images/backgrounds/bg_news.png) repeat-x; 
  padding: 1.5em; margin: 1em 1em 0 0;
  -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;
}
	#news_achive div.entry img, #articles div.entry img { float: right; margin: 0.25em 0.5em 0.5em 0.25em; }
	#news_achive div.entry p, #articles div.entry p { font-size: 1em; line-height: 150%; }

	#articles h3.pending { border-top: 1px solid #DCDCDC; }

/* =PAGINATION */
.pagination {
	clear: left; padding: 0.5em;
	font-size: 85%; text-align: left;
}
	.pagination a, .pagination span { padding: .2em; }
	  .pagination span.disabled { color: #AAA; }
	  .pagination span.current { color: #B30C1A; }

	.pagination a { color: #165D9F; text-decoration: none; }
		.pagination a:hover, .pagination a:focus { border-color: #165D9F; background: #165D9F; color: #FFF; }

	.pagination .page_info { color: #AAA; padding-bottom: 0.5em; }
	  .pagination .page_info a, .pagination .page_info span { border: none; padding: .2em; }

	.pagination .prev_page, .pagination .next_page { border-width: 2px; }
		.pagination .prev_page { margin-right: 1em; }
		.pagination .next_page { margin-left: 1em; }

/* =RATING - NB: only use div.rating for the actual rating div, not the enclosing div */
div.rating { position:relative; }

	div#contribution_rating div.show { text-align:center; padding: 0.25em; margin: 0; }
	  div#contribution_rating h4 { padding: 0; }
	div#contribution_rating div.user_rating { background-color: #EEE; border: 1px solid #CCC;}
	div#contribution_rating div.caption { margin:0.25em; font-size:80%; }
	div#contribution_rating div.rating { margin-left: 27%; }
	div.contribution div.sample { padding: 0.5em; }
	div.contribution div.sample div.rating { padding-left: 8px; }

	div.rating ul {
	  list-style: none!important;
	  width: 100px; height: 20px;
	  background: transparent url("/images/app_icons/stars.gif") -100px 0 no-repeat;
	  padding: 0!important; margin: 0!important;
	  overflow: hidden;
	  position: relative;
	}

	div.rating ul.worst,  span.rating span.worst  { background-position: -80px 0; }
	div.rating ul.bad,    span.rating span.bad    { background-position: -60px 0; }
	div.rating ul.fair,   span.rating span.fair   { background-position: -40px 0; }
	div.rating ul.good,   span.rating span.good   { background-position: -20px 0; }
	div.rating ul.best,   span.rating span.best   { background-position: 0 0; }

		div.rating li { margin: 0!important; padding: 0!important; float: left; text-indent: -200px; }
			div.rating li a { 
			  margin: 0!important; padding: 0!important;display: block; 
			  position: absolute;
			  width: 20px; height: 20px;
			  overflow: hidden;
			  z-index: 20;
			}
				div.rating li a:hover { 
				  background: transparent url("/images/app_icons/star.gif") left top repeat-x;
				  left: 0; z-index: 1;
				}
			div.rating a.worst  { left: 0; }
			div.rating a.bad    { left: 20px; }
			div.rating a.fair   { left: 40px; }
			div.rating a.good   { left: 60px; }
			div.rating a.best   { left: 80px; }
			div.rating a.worst:hover { width: 20px; }
			div.rating a.bad:hover   { width: 40px; }
			div.rating a.fair:hover  { width: 60px; }
			div.rating a.good:hover  { width: 80px; }
			div.rating a.best:hover  { width: 100px; }

/* =SEARCH */
#full_search .query {
  background-color: #F7FAFC;
  padding: 0.5em;
  text-align:center;
}
  #full_search .query form { width: auto; margin: auto; }
    #full_search .query input { width: auto; }
      #full_search .query input.submit { margin-left: 0; padding: 0.25em 0.5em; }
    #full_search .query label { background-color: red; margin: 0;}

#full_search .search_info {
  border: 1em solid #F7FAFC;
  padding: 1em;
  font-size: 90%;
  background-color: #EDF0F2;
}

  #full_search .search_info h2, #full_search .search_info p, #full_search .results p, #full_search .results h2 {
    padding: 0; margin: 0
  }
  #full_search .search_info h2, #full_search .results h2 { padding-top: 0.6em;}
  #full_search .search_info p, #full_search .results p { padding-top: 0.3em; padding-left: 0.3em;}
  #full_search #additional .search_info ul { margin:0; padding: 0; padding-top: 0.2em; font-size: 0.9em; }
    #full_search #additional .search_info li { margin-left: 1em; padding-top:0.1em; }

#full_search .results { margin: 1em 2em 1em 2em; }

#full_search .result {
  margin: 2em;
  clear: both;
}
  #full_search .result em {
    background-color: #F7FAFC; color: #000;
    padding: 0 0.2em 0 0.2em;
  }
  #full_search .result .result_image { float:left; padding: 0.25em; margin: 0; }
  #full_search .result .result_info { margin-left: 70px; }
  #full_search .result .result_info h3 { margin:0; padding: 0; }
  #full_search .result .result_info p { margin:0; padding:0; padding-top: 0.3em; font-size:80%; }

body#search .contribution, body#search .user { width: 97%!important; }

#sub_search {
  background-color: transparent; 
  width: 20.75em; float: right; 
}
  #sub_search form { margin-bottom: 0; width: 20.75em; margin-bottom: 0; padding-right: 0.25em; }
  #sub_search .query { padding: 0.5em; }
#sub_search input { font-size: 0.8em; width: auto!important; margin-bottom: 0; margin-right: 0; }
  #sub_search input.submit { margin-left: 0!important; clear: none; }
  
  #sub_search p { 
    font-size: 0.85em; 
    margin-top: 0.5em; margin-left: 0!important; margin-bottom: 0; 
    text-align: right; 
  }


/* =SOCIAL APP VIEWS */
span.favouritise { font-size: 0.6em; font-weight:normal; letter-spacing: 0em}
  span.favouritise a { text-decoration:none; color:#0C5579; }

div.social_app_items { float: left; width: 50%; }
	div.social_app_items p, div.social_app_items p  { font-size: 0.85em; padding: 0 1em 1em 1em; }
	div.social_app_items div.field { margin: 0 1em; border: 1px solid #96C147; background-color: #DBEBBA; padding: 1em 1em 0; }
	div.social_app_items fieldset.secondary { width: 80%; display: block; float: none; }

p.classified { 
  padding: 0 0 0 0.35em!important; margin-right: 1em; margin-bottom: 0.5em; 
  -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;
  border: 1px solid #D1E5AB; 
  background-color: #EBF7D1; 
  width: auto; 
}
  p.classified span { 
    border-left: 1px solid #BACC98; 
    margin-right: -0.5em!important;  /* Pull margin back a bit, then extended hover with padding */
    padding: 0.15em 0.5em 0.25em 0.5em!important;
  }
    p.classified span:hover { background-color: #D1E5AB; }

/* =TAG CLOUD */
/*
	Tag cloud is in a DIV with class TAG-CLOUD.
	Tag cloud is a UL with class TAG-CLOUD.
	LI is tagged with class TAG.
	A is tagged with TAG-WEIGHT-* (* being a number 1-6, 6 the most popular)
*/

form.tagging_destroy {
  display: inline; padding: 0px!important; margin: 0px!important;
}
form.tagging_destroy * { display: inline; }

form.tagging_destroy input {
  height: 16px; width: 16px!important; padding: 0!important; margin: 0!important;
}

#tag_notice_message { font-size: 80%; color: green;}
#tag_error_message { font-size: 80%; color: red;}

a#open_tag_suggest, a#show_remove_tags { color: #333; text-decoration:none; }

div.tag-cloud { padding: 1em 1em 0; margin: 0.25em 1em; clear: left; }
  body#contribution_show div.tag-cloud { margin: 0;}
  body#home div.tag-cloud { margin: 0 1em 1em 1em; min-height: 9em; }
div.keywords, div.tag-cloud { 
  margin-right: 1em!important;
  -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;
  border: 1px solid #D1E5AB; 
  background-color: #EBF7D1; 
}
	div.tag-cloud ul { 
		list-style: none; 
		margin: 0!important; padding: 0 0 0.5em 0!important; width: auto; 
		font-size: 15px; 
		line-height: 1.25em;
	}
  ul.pending, ul.events { list-style: none!important; margin-bottom: 0.75em; margin-left: 1em; display: block; }

  ul.events { 
    background-color: #EBF7D1; padding: 0.5em!important; margin-right: 1em;
    -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;
    border: 1px solid #D1E5AB; font-size: 0.8em;
  }
    ul.pending li, ul.events li { 
      display: block; width: auto; clear: left; 
      border: 1px dotted #CEE0A5;
      padding: 0.25em; 
    }
      ul.pending li:hover, ul.events li:hover { background-color: #CEE0A5;}
    ul.pending span.tag { float: left; width: 10em;}
    ul.pending a.approve { margin-left: 2em; margin-right: 0.5em;}
    ul.pending span.tagger { font-size: 0.7em;  }

		div.tag-cloud li.tag { display: inline; float: none; margin: 0 5px 0 0; font-size: 0.85em; }
			a.tag-weight-1 { font-size: 0.85em; }
			a.tag-weight-2 { font-size: 0.95em; }
			a.tag-weight-3 { font-size: 1.1em; }
			a.tag-weight-4 { font-size: 1.25em; }
			a.tag-weight-5 { font-size: 1.4em; }
			a.tag-weight-6 { font-size: 1.55em; }

	div.tag-cloud form { width: 100%!important; margin-bottom: 0!important;  }
	  div.tag-cloud p { font-size: 0.9em; }
		div.tag-cloud label { font-size: 0.9em; width: 10em!important; padding-top: 1.1em; }
		div.tag-cloud input { width: 17em; }
		div.tag-cloud input.submit, div.tag-cloud input.cancel { width: auto; margin-left: auto; padding: 0.25em 0.5em; }

#tag_suggestions ul { list-style: none; font-size: 90%;}
  #tag_suggestions ul li p { 
    float: left; 
    padding: 0.25em; margin: 0 0.25em 0.5em; 
    background-color: #FFF2B9; 
    border: 1px solid #D0B896;
  }
    #tag_suggestions ul li p.tag-used {
      background-color: #F99;
    }
    
    #tag_suggestions ul li p:hover { 
      background-color: #FFED9F; 
      border: 1px solid #B69B76;
    }
    
    #tag_suggestions ul li p:hover.tag-used { 
      background-color: #F88; 
      border: 1px solid #B69B76;
    }

/* TAGS on contribution form */

#tag_suggestions.for_contribution_form ul { margin-top: 5px; font-size: 75%; }


/* =VIEWS of VIPERLIB */
body#area #main { background: transparent url(/images/backgrounds/bg_library.png) no-repeat center 8em; }

div.viperlib-views h3 a:visited { color: #830A0F!important; }

div.viperlib-views div.view { width: 130px; }
  div.viperlib-views div.view p { width: 130px; padding-left: 0!important; }
div.viperlib-views p.browse { text-align: center; border-bottom: 1px solid #DCDCDC; padding-bottom: 0.75em; }
	div.viperlib-views p.browse a, div.viperlib-views p.browse a:visited { color: #B30C1A!important; }
	div.viperlib-views div.rating ul { margin: auto!important; }

/* Myviperlib & contribution Images */
div.images div.image {
  width: 12em; float:left; text-align:center;
  border: 1px dashed #CCC; margin: 0.5em; padding-top: 0.5em;
  font-size:0.7em; color:#666;
}
div.images div.image:hover { background-color: #EEE; border: 1px solid #CCC; }

  div.images div.image div.links { width: 100%; text-align: center; margin-top: 1em;  }
    div.images div.image div.links a { font-size: 1.1em; display: block; padding-bottom: 0.25em; }
    
    div.images div.image dfn { display: block; }

body#myviperlib h4 a { text-decoration: none; }

/* Site Images & specials */
div.images div.image.small {
  width: 18em!important;
}

div.images div.image.special {
  width: 30em!important;
}

div.images div.image.special img, div.images div.image.small img {
  float: left;
  padding: 0.5em;
}


/* =SPECIAL DEFINITIONS  */

/* Admin */
.admin_edit { 
	font-size: 0.6em;
}
  #news_archive .admin_edit { font-size: 0.8em; }

  .admin_edit a:visited { color: #B30C1A!important; }
  div.comment .admin_edit a { font-size: 0.75em; }
     body#user .admin_edit { margin-top: 0.5em; }

	div.item .admin_edit a { color: #AE731F!important; }
	div.item .admin_edit a:visited { color: #AE731F!important; }

/* Actions */
.user_action {
  font-size: 0.6em;
	font-weight: normal;
	color: #235475;
}
  .user_action a { color: #235475 }
    .user_action a:visited { color: #235475 }


/* Help */
a.help_link, div.help { background-color: #FFFFD8; border: 1px solid #FFECCD; }
  a.help_link { /* Stub used to show */
    display: block; width: 2em;
    font-size: 0.8em;
    padding: 0.15em 0.5em;  
    margin: 0.25em 0 0.5em 9.5em;
    -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;
  }
  div.events a.help_link { float: left; margin-left: 15em; margin-top: -1.75em; margin-bottom: 0; }

  fieldset.secondary a.help_link { margin-left: 0.5em; margin-bottom: 0; }
  
  
  div.help { /* Used in lots of places */
    background-color: #FFFFD8; border: 1px solid #FFECCD; 
    padding: 0.75em; font-size: 0.8em;
    display: block;
  }
    fieldset.secondary a.help_on { top: -1.25em; }
    div.help h4 { font-size: 1em; font-weight: bold; color: #000; }
    div.help a:link, div.help a:visited { color: #B30C1A; }
    div.help p { /* As it's often used in forms, we need to forcibly override standard margins */
      margin: 0 0.5em!important; 
    }
      div.events div.help p { font-size: 0.9em; }
    div.help pre { /* If code is shown */
      font-size: 1.1em;
    }

/* Last item in list of stuff loses its border, if there's a border  */
.action { font-size: 0.7em;  }

.last { border-bottom: none!important; }

.primary			  { float: left!important; /* Used within lists containing paired links or info */}
.more, div.more	{ float: right!important; }

.small { font-size: 0.8em; padding-left: 0.5em;  }

div.area { display: block; clear: both; }
div.category { 
	display: inline; float: left; 
	width: 40%; margin-right: 1em; 
}

/* Pending items used in news, contribution comments */
div.pending_notice { background-color: #EEDB66; border: 1px solid #AC9F54; }
	div.pending_notice p { text-align: center; font-size: 1em; margin-top: 1em; }

/* FLAGS, used on contribution show for admins */
div.flags { 
  background-color: #E7B9BA; 
  border: 1px solid #F59A9B; 
  -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em;
  padding: 5px; margin: 0px 15px 5px 0;
}
  div.flags span.flag { padding: 3px 0 3px 3px; font-size: 85%; white-space: nowrap; }
    div.flags span.flag a { text-decoration: none; }

    div.flags form { display: inline; text-align: right; white-space: nowrap; padding: 0; margin: 0; }
      div.flags form * { display: inline; width: 6em; }
      div.flags select { margin-left: 15px; width: 7em; }
      div.flags input.remove_flag { width: 16px; height: 16px; vertical-align: middle; }
      div.flags input.submit { color: #E5982B; text-decoration: none; margin-left: 0; margin-top: 0.2em;
    	background: #8B0F10 url(/images/backgrounds/bg_nav_admin.png) repeat-x bottom left; }
    	
div#show_flags {
  float:right;
  margin: 0 20px 0 0;
  padding: 2px;
}

  div#show_flags a { text-decoration: none; }


#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #09F;
		text-decoration: none;
		cursor: pointer;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(/images/lightwindow/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(/images/lightwindow/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(/images/lightwindow/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(/images/lightwindow/black-70.png) repeat 0 0 transparent;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(/images/lightwindow/arrow-up.gif) no-repeat 60px 5px transparent;
	}

	#lightwindow_galleries_tab .down {
		background: url(/images/lightwindow/arrow-down.gif) no-repeat 60px 6px transparent;
	}

	#lightwindow_galleries_list {
		background: url(/images/lightwindow/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffbe;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffbe;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}