/**
___________________________________________________________
 
 ANZOSU.com
 
 Screen stylesheet
 
 @author		Patrick Toohey
 @since			2009
___________________________________________________________
*/
 
 
/*
___________________________________________________________
----> TAG
*/

* {
	margin: 0px;
	padding: 0px
}

body {
	background: #e5e8eb url(../../img/deco/bg-tile.png) repeat-x;
	text-align: center;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 62.5%;
	line-height: 1.8em;
	color: #2E2E2E;
}

p, ul, ol {
	font-size: 1.3em;
	line-height: 1.38em;
}

h1 {
	font-size: 2.8em;
	font-weight: normal;
	margin: 0em 0em 0.85em;
	color: #1b72da
}

h2 {
	font-size: 1.7em;
	font-weight: normal;
	color: #1b72da;
	margin: 2em 0em 1.2em;
	clear: both
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	color: #1b72da;
	margin: 2em 0em 1.2em;
	clear: both
}

p {
	width: 468px;
	margin-bottom: 1.38em
}

a {
	color: #69aa25;
}

a:hover {
	color: #447c0a
}

hr { /* necessary to include hr for IE6 */
	clear: both;
	visibility: hidden
}

/*
___________________________________________________________
----> STRUCTURE
*/

#wrapper {
	background: url(../../img/deco/bg-wrapper.png) 0px 0px no-repeat;
	width: 846px;
	margin: 0 auto 0;
	padding: 31px 0px 0px;
	text-align: left
}

#logo {
	margin: 0px 0px 43px 24px
}

#sidebar {
	float: left;
}

ul#navigation, ul#sidebar-items {
	padding-left: 24px;
	list-style: none
}

#content {
	width: 480px;
	float: right;
	padding-right: 92px
}

#footer {
	background: url(../../img/deco/bg-wrapper.png) left bottom no-repeat;
	padding-top: 6em;
	clear: both
}


/*
___________________________________________________________
----> NAVIGATION, SIDEBAR ITEMS
*/

#navigation li {
	margin: 0px 0px 2px;
	height: 39px;
}

#navigation li#nav-2, #navigation li#nav-4 {
	height: 57px;
}

#navigation li#nav-2 a , #navigation li#nav-4 a {
	padding-top: 57px;
}

#navigation a {
	width: 189px;
	height: 0px;
	display: block;
	padding-top: 39px;
	overflow: hidden
}

#navigation span {
	display: none
}

/* sprite map (189x39) || 57 */

#nav-0 a { 				background: url(../../img/gui/navigation.png) 0px 0px no-repeat }
#nav-0 a:hover { 		background: url(../../img/gui/navigation.png) -189px 0px no-repeat }
#nav-0.nav-current { 	background: url(../../img/gui/navigation.png) -378px 0px no-repeat  }

#nav-1 a {				background: url(../../img/gui/navigation.png) 0px -39px no-repeat }
#nav-1 a:hover {		background: url(../../img/gui/navigation.png) -189px -39px no-repeat }
#nav-1.nav-current { 	background: url(../../img/gui/navigation.png) -378px -39px no-repeat  }

#nav-2 a {				background: url(../../img/gui/navigation.png) 0px -78px no-repeat }
#nav-2 a:hover {		background: url(../../img/gui/navigation.png) -189px -78px no-repeat }
#nav-2.nav-current { 	background: url(../../img/gui/navigation.png) -378px -78px no-repeat  }

#nav-3 a {				background: url(../../img/gui/navigation.png) 0px -135px no-repeat }
#nav-3 a:hover {		background: url(../../img/gui/navigation.png) -189px -135px no-repeat }
#nav-3.nav-current { 	background: url(../../img/gui/navigation.png) -378px -135px no-repeat  }

#nav-4 a {				background: url(../../img/gui/navigation.png) 0px -174px no-repeat }
#nav-4 a:hover {		background: url(../../img/gui/navigation.png) -189px -174px no-repeat }
#nav-4.nav-current { 	background: url(../../img/gui/navigation.png) -378px -174px no-repeat  }

#nav-5 a {				background: url(../../img/gui/navigation.png) 0px -231px no-repeat }
#nav-5 a:hover {		background: url(../../img/gui/navigation.png) -189px -231px no-repeat }
#nav-5.nav-current { 	background: url(../../img/gui/navigation.png) -378px -231px no-repeat  }

#nav-6 a {				background: url(../../img/gui/navigation.png) 0px -270px no-repeat }
#nav-6 a:hover {		background: url(../../img/gui/navigation.png) -189px -270px no-repeat }
#nav-6.nav-current { 	background: url(../../img/gui/navigation.png) -378px -270px no-repeat  }

#nav-7 a {				background: url(../../img/gui/navigation.png) 0px -309px no-repeat }
#nav-7 a:hover {		background: url(../../img/gui/navigation.png) -189px -309px no-repeat }
#nav-7.nav-current { 	background: url(../../img/gui/navigation.png) -378px -309px no-repeat  }

#nav-8 a {				background: url(../../img/gui/navigation.png) 0px -348px no-repeat }
#nav-8 a:hover {		background: url(../../img/gui/navigation.png) -189px -348px no-repeat }
#nav-8.nav-current { 	background: url(../../img/gui/navigation.png) -378px -348px no-repeat  }

#nav-9 a {				background: url(../../img/gui/navigation.png) 0px -387px no-repeat }
#nav-9 a:hover {		background: url(../../img/gui/navigation.png) -189px -387px no-repeat }
#nav-9.nav-current { 	background: url(../../img/gui/navigation.png) -378px -387px no-repeat  }

#sidebar-items {
	margin-top: 42px
}

#sidebar-items li {
	margin: 0px 0px 2px;
	height: 76px;
}

#sidebar-items a {
	width: 189px;
	height: 0px;
	display: block;
	padding-top: 76px;
	overflow: hidden
}

#ranzco a {	background: url(../../img/gui/x-links-ranzco.png) no-repeat }
#eye-foundation a { background: url(../../img/gui/x-links-eye.png) no-repeat }
#oria a { background: url(../../img/gui/x-links-oria.png) no-repeat }


/*
___________________________________________________________
----> CONTENT
*/

#content img.pad-bottom {
	margin-bottom: 3em;
}

#content ul {
	list-style: none;
	font-size: 1.2em;
}

#content ul li {
	background: url(../../img/gui/bullet.gif) 0px 4px no-repeat;
	padding-left: 20px;
	margin-bottom: 1.2em;
	width: 400px
}

#content ol {
	padding-left: 20px;
	font-size: 1.2em;
}

#content ol li {
	margin-bottom: 1.2em;
	width: 400px
}

#content ol.publications {
	list-style: none;
	padding-left: 0px
}

p.supporter-logo {
	font-size: 1.1em;
	padding-top: 1.63em;
	border-top: 1px #CCC solid;
	margin-top: 1.63em
}

div.logo-float-left {
	float: left
}

.logo-float-left p, .logo-float-right p {
	width: 200px;
}

div.logo-float-right {
	float: right;
	margin-right: 12px
}

a img.donate-link {
	border: 0px;
	border-bottom: 2px solid #69aa25;
}

a:hover img.donate-link {
	border-bottom: 2px solid #447c0a
}

p.no-img-border a img {
	border: 0px
}

#tool-tip {
	background: #FFF;
	border: 2px solid #69AA25;
	display: none;
	font-size: 0.9em;
	text-align: left;
	line-height: 1.6em;
	padding: 4px;
	position: absolute;
	width: 200px;
	z-index: 1000;
}

.tip:hover {
	cursor: help;
}


.staff h3 {
	margin: 0em 0em 1.2em;
}

/* solve clear: both and margin-top issue - see http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetails&productId=1&postId=104 */
div.staff-bottom {
	padding-bottom: 2em
}

/* dirty safari hack, as safari performs the worst with this issue. not future proof. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	div.staff-bottom {
		padding-bottom: 50px
	}
}

h2.staff-top {
	margin-top: 0em
}

/* generic */

.float-left {
	float: left
}

.float-right {
	float: right
}

.float-right p {
	width: 350px
}

.smaller {
	font-size: 1.2em
}