/*
Theme Name: Nanomedicine
Theme URI: http://wordpress.org/
Description: Custom theme for the nanomedicine website.
Version: 0
Author: Egypt Urnash
Author URI: http://egypt.urnash.com/

*/

/* eric meyer reset */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

em, cite {font-style:oblique;}
strong {font-weight:bold;}

/* column setup from ala */
/* lc: 252px */
/* rc: 234px */
body {margin:0; padding:0; width:1030px;}	/* 2x (LC fullwidth + CC padding) + RC */
#container {
	padding-left:252px; /* LC fullwidth */
	padding-right:258px; /* RC width + CC padding */
}
#container .column {
	position:relative;
	float:left;
}
#center {
	padding:0 12px;
	width:100%;
}
.section-nav {
	width:252px; /* LC width */
	right:276px; /* LC fullwidth + CC padding */
	margin-left:-100%;
}
#researchers, #storyinfo {
	width:234px; /* RC width */
	margin-right:-258px; /* RC fullwidth + CC padding */
}
#footer {
	clear:both;
}

/* footerStickAlt */
html {height:100%; margin:0; padding:0;}
body {height:100%;}
#nonFooter {position:relative; min-height:100%;}
#container {padding-bottom:1em;}
#footer {width:100%; position:relative; margin-top:-1.5em;}

/* chrome */
body {
	background:#0e0e30 url("images/header.gif") no-repeat center top;
	color:#ddd;
	font:12px arial;
	letter-spacing:.1em;
	line-height:17px;
	margin:0 auto;
	}
#footer {
	text-align:center;
	color:#999999;
	}

#header {
	padding-top:35px;
	height:92px;
}
#header h1 {
	color:#59c2f2;
	padding-left:60px;
	font-size:30px;
	display:inline;
	font-weight:bold;
}
#header h2 {
	color:#408eb2;
	font:oblique 18px arial;
	padding-left:12px;
	display:inline;
}
#header ul {right:40px; top:0; position:absolute;}
#header ul li, #footer li {display:inline;}
#header ul li a{color:white;}
#header ul li:before, #footer li:before {content:" | "; color:#59c2f2;}
#header ul #nav-language:before, #navigation #nav-main:before, #footer li:first-child:before {content:'';}
#header ul #nav-language {margin-right:1em;}
#header ul #nav-language a {color:#43ac9d !important}

a {color:#59c2f2; text-decoration:none;}
a:visited {color:#408eb2 !important;}
a:hover {color:#ffa500 !important;}

#navigation a {color:#408eb2 !important;}
#navigation a:visited {color:#666 !important;}
#navigation .current a {color:#fff !important;}
#header ul .current a, #footer .current {color:orange !important;}
#navigation a:hover, #navigation #nav-language a:hover {color:#ffa500 !important;}

.section-nav>li {
	width:223px;
	margin:0 auto 5px auto;
	color:#adadb9;
	text-align:center;
	background:url(images/story_btn_bdr.gif) center;
}
.section-nav li a {
	text-transform:lowercase;
	font-size:14px;
	text-align:right;
	display:block;
	margin:0 auto;
	width:220px;
	padding:45px 0 0 0;
	overflow:hidden;
	height:0px;
}

.section-nav li.cat-item a {opacity:.5;}
.section-nav li.cat-item a:hover {opacity:1;}
.section-nav h3 {
	overflow:hidden;
	height:0px;
}

/* top borders */
.section-nav>li:before {
	width:223px; height:5px; content:' '; display:block;
	background:url(images/story_btn_bdr.gif) no-repeat top left;
}

/*  top border/link button stuff for individual sections and items */
#stealthiron.current:before {
	width:223px; height:78px; content:' '; display:block;
	background:url(images/stealthiron-hdr.gif) no-repeat;
}
.espanol #stealthiron.current:before {
	background-image:url(images/stealthiron-hdr-es.gif)
}
.cat-item-stealthiron>a {
	background:url(images/stealthiron-btn.gif) top left;
}
.espanol .cat-item-stealthiron>a {
	background-image:url(images/stealthiron-btn-es.gif)
}
#goldzap.current:before {
	width:223px; height:78px; content:' '; display:block;
	background:url(images/goldzap-hdr.gif) no-repeat;
}
.espanol #goldzap.current:before {
	background-image:url(images/goldzap-hdr-es.gif);
}
.cat-item-goldzap>a {
	background:url(images/goldzap-btn.gif) top left;
}
.espanol .cat-item-goldzap>a {
	background-image:url(images/goldzap-btn-es.gif)
}
#whatiscancer.current:before {
	width:223px; height:78px; content:' '; display:block;
	background:url(images/whatiscancer-hdr.gif) no-repeat;
}
.espanol #whatiscancer.current:before {
	background-image:url(images/whatiscancer-hdr-es.gif);
}
.cat-item-whatiscancer>a {
	background:url(images/whatiscancer-btn.gif) top left;
}
.espanol .cat-item-whatiscancer>a {
	background-image:url(images/whatiscancer-btn-es.gif)
}
#whatisnanotech.current:before {
	width:223px; height:78px; content:' '; display:block;
	background:url(images/whatisnanotechnology-hdr.gif) no-repeat;
}
.espanol #whatisnanotech.current:before {
	background-image:url(images/whatisnanotechnology-hdr-es.gif);
}
.cat-item-whatisnanotech>a {
	background:url(images/whatisnanotechnology-btn.gif) top left;
}
.espanol .cat-item-whatisnanotech>a {
	background-image:url(images/whatisnanotechnology-btn-es.gif)
}
#whatisnanomedicine.current:before {
	width:223px; height:78px; content:' '; display:block;
	background:url(images/whatisnanomedicine-hdr.gif) no-repeat;
}
.espanol #whatisnanomedicine.current:before {
	background-image:url(images/whatisnanomedicine-hdr-es.gif);
}
.cat-item-whatisnanomedicine>a {
	background:url(images/whatisnanomedicine-btn.gif) top left;
}
.espanol .cat-item-whatisnanomedicine>a {
	background-image:url(images/whatisnanomedicine-btn-es.gif)
}
/* add more story button images above here */
.section-nav #diagnoseamouse a {
	background:url(images/diagnoseamouse-btn.gif) top left;
}
.espanol .section-nav #examinaunratón a {
	background-image:url(images/diagnoseamouse-btn-es.gif);
}
.section-nav #zapatumor a {
	background:url(images/zapatumor-btn.gif) top left;
}
.espanol .section-nav #zapuntumor a {
	background-image:url(images/zapatumor-btn-es.gif);
}
.section-nav #targetatumor a {
	background:url(images/targetatumor-btn.gif) top left;
}
.espanol .section-nav #destruyeuntumor a {
	background-image:url(images/targetatumor-btn-es.gif);
}
.section-nav #doyouknowsomeonewithcancer a {
	background:url(images/doyouknowsomeonewithcancer-btn.gif) top left;
}
.espanol .section-nav #¿conocesaalguienconcáncer a {
	background-image:url(images/doyouknowsomeonewithcancer-btn-es.gif);
}
.section-nav #whatdidyoulikebestaboutthiswebsite a {
	background:url(images/whatdidyoulikebestaboutthiswebsite-btn.gif) top left;
}
.espanol .section-nav #whatdidyoulikebestaboutthiswebsite a {
	background-image:url(images/whatdidyoulikebestaboutthiswebsite-btn-es.gif);
}
.section-nav #wheredoyoulearnaboutcurrentmedicalresearch a {
	background:url(images/wheredoyoulearnaboutcurrentmedicalresearch-btn.gif) top left;
}
.espanol .section-nav #¿cómoobtieneslamayoríadetuinformaciónsobrelosestudiosmédicos a {
	background-image:url(images/wheredoyoulearnaboutcurrentmedicalresearch-btn-es.gif);
}

.games .section-nav li.current a,  .polls .section-nav li.current a {background-position:top right !important;}
/* add more section button images above here */


.section-nav a:hover {
	background-position:top right !important;
}

/* bottom border */
.section-nav li ul:after, .section-nav>li:after {
	margin:0px auto;
	width:223px;
	height:5px;
	background:url(images/story_btn_bdr.gif) right;
	content:'';
	display:block;
}
.section-nav li ul {
	margin-top:12px;
}
.section-nav li.current ul:after {
	display:none;
}

.section-nav li li a {
	font-size:12px;
	font-weight:bold;
	margin:4px 6px;
	padding:3px;
	width:auto;
	height:auto;
}
.section-nav li li a:hover, .section-nav li li.current a {
	color:white !important;
	text-shadow:black 1px 1px 2px;
	background:#ffa500;
	-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.section-nav li li a:hover {
	background:#493005 !important;
}
.section-nav li li a:hover{color:#white !important; background:#ffa500;}
.section-nav p {
	color:#adadb9;
	font:italic 12px arial;
	line-height:16px;
	text-align:right;
	margin:0 20px 5px 0;
}
.section-nav .subhead {width:auto; margin:0 0 0 0 !important; text-align:right; background-image:none;}
.section-nav .subhead:before, .section-nav .subhead:after {display:none;}
.section-nav .subhead p {
	margin-top:13px;
}
/* add italic 'try it!' to games links */
.section-nav a[href*=games]:after,
.section-nav a[href*=juegos]:after {
	content:' - try it!';
	font-style:italic;
}
.espanol .section-nav a[href*=juegos]:after {content:' - ¡inténtalo!';}

/* main body content */
#center p, #center h4, #center h5, #center ol, #center ul {margin-left:20px; width:486px;}
#center h4, .postmetadata {margin-top:8px; margin-bottom:30px;}
.postmetadata {text-align:right;}
#center h4 {display:none;}
#center p {margin-bottom:20px;}
#center h5 {position:relative; background:#0e0e30; display:inline; z-index:1;}

#chapterlinks {
	text-align:center;
}
#chapterlinks a, #chapterlinks span {
	margin:0 .5em;
	width:50%;
	text-align:left;
}
#chapterlinks a:first-child, #chapterlinks span:first-child {
	text-align:right;
}

/* comments */
/*#center ol {margin-top:-8px; padding-top:15px; border-top:1px solid #adadb9;}*/
img.avatar {float:left; margin:0 10px 5px 0;}
textarea, input[type=text] {border:1px solid #adadb9; background:#0e0e30; color:#ddd; padding:3px;
-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;}
#comment {width:486px;}

#commentform {
	margin-top:3em;
	width:500px;
}
#commentform p {
	width:230px;
/*	float:left;*/
}
#commentform #commentbox {
	width:auto;
	float:none;
	clear:both;
}
#commentform label {
	display:block;
	font-size:75%;
	font-weight:bold;
}
#commentform input, #commentform label {
	width:243px;
	text-align:right;
}
#commentform #submit {
	width:auto;
	margin-left:390px;
}

.commentlist>li {
	margin:4em 2em;
}
.commentlist>li:first-child {
	margin-top:1em;
}

h5#comments {
	clear:both;
	display:block;
	margin-bottom:1em;
}



/* researchers/storyinfo sidebar */
#researchers li {
	text-align:justify;
	margin:0 12px 12px 0;
	font-size:11px;
	letter-spacing:1px;
	line-height:12px;
}
#researchers h6, #storyinfo h6, .page #center h3 {
	font:italic normal 12px arial;
	color:#adadb9;
	border-bottom:1px dotted #adadb9;
	margin-bottom:.9em; /* was at .7 em */
}
.page #center h3 {border-bottom:none;}

#storyinfo p, #storyinfo ul {
	margin-bottom:.7em; /* was at .5 */
	margin-left:.5em;
	color:#eee;
}
#researchers p+h6, #storyinfo p+h6 {
	margin-top:1.5em; /* was at 1.5 */
}

#researchers img {float:left; margin-right:3px;}

h3, h4, h5, h6 {
	color:#59c2f2;
}

h4 {font-size:18px; text-transform:lowercase;}

.alignleft {display:block; float:left;}

/* poll stuff */
.pollquestion {font-size:18px; margin-bottom:0 !important; padding-bottom:0 !important;}
.wp-polls {
	padding:15px 20px 0;
	border:3px solid #30304a;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
.wp-polls-ul {
	margin:0em 0 5em 3em !important;
}
.wp-polls-ul li {
	line-height:18px;
	margin-bottom:5px;
	white-space:nowrap;
}
.wp-polls p {
	font:normal normal normal 18px Verdana;
	padding-bottom:20px;
	margin-left:0 !important; 
}
.wp-polls li, .wp-polls i {
	font:normal normal normal 18px Verdana;
	color:#59c2f2;
}
.wp-polls li.howmany {
	color:#ddd;
	font-size:small;
	margin-top:0;
	margin-bottom:3em;
}
.wp-polls label:hover {
	color:orange;
}
.wp-polls .pollbar {
	margin:.5em 0 1em !important;
}
.wp-polls small {
	font:italic normal bold 10px Verdana;
	color:#d6d6dc;
}
.wp-polls .vote {
	display:block;
	width:4em;
	margin:0 auto;
	padding:5px;
	border:2px solid #888;
	-border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.wp-polls p.pollfooter {
	text-align:center;
	margin-bottom:0 !important;
}

/* social bookmark stuff */
.social_bookmark {
	margin-top:3em !important;
}
.wp-polls p.resultsheader {
	margin:1em 0 1.5em -1.5em !important;
	padding-bottom:0;
	color:orange;
	text-align:center;
	font-size:200%;
	font-weight:bold;
}
.wp-padding p.resultsheader span {
}



/* generic info page stuff */
.page #container {padding:0 0 0 60px;}
.page #center h2 {color:#5ac2f5; font-size:18px; margin-bottom:30px;}
.page #center {padding-left:10em; width:800px;}
.page #center h2 {margin-left:-3em;}
/*.page #center h3,.page #center p, .page #center ul {margin:0 auto 1em; width:75%;}*/
.page #center li {}
.page #center h3 {margin-top:25px; margin-bottom:5px; font-size:14px;}


/* front page stuff */
.front-page #center {padding-left:0; width:100%;}
.front-page #center ul {margin:0; width:auto;}
.front-page #center li {margin:0;}
.front-page #container {padding:0;}
.front-page #videoswfobj_0 {float:right; margin-right:10%; margin-bottom:30px; padding:15px 20px; border:3px solid #30304a; -moz-border-radius:20px; -webkit-border-radius:20px;}
.front-page p {font:italic 18px verdana; line-height:27px; color:#5ac2f5;}
.front-page h4 {display:inline !important; text-transform:none; font:italic 24px verdana; color:#bbb; padding-right:4px;}
.front-page strong {font:italic 24px verdana; color:#fff;}
.front-page h4 + p {display:inline; color:#bbb;}
.front-page p+p strong {color:inherit; font-size:18px;}
.front-page .section-nav {margin-left:0;}
.front-page p+p {font-size:12px; margin-top:20px !important;}
.front-page #center p, .front-page #center h4 {margin-left:0px; width:auto;}
.front-page #center .post {margin-left:50px;}

#frontpage-nav, .column, .page #center {padding-bottom:5em;}

#frontpage-nav {clear:both;}
#frontpage-nav ul {text-align:center;}
#frontpage-nav ul li {display:inline;}
#frontpage-nav ul li a {
	display:inline-block;
	display:-moz-inline-stack;
	width:192px;
	height:148px;
	font-size:0px;
	text-indent:-10000px;
	overflow:hidden;
	background:transparent url(/wp-content/themes/nanomed/images/home-page-buttons.gif) top left;
}
.espanol #frontpage-nav ul li a {
	background-image:url(/wp-content/themes/nanomed/images/home-page-buttons-es.gif);
}
.page.front-page #center {
	margin:0;
	width:100%;
}


/* buttons */
/* safari doesn't care about x/y order, ns does... */
#frontpage-nav .cat-item-goldzap a:hover			{background-position:top right;}
#frontpage-nav .cat-item-stealthiron a				{background-position:left   -148px ;}
#frontpage-nav .cat-item-stealthiron a:hover		{background-position:right  -148px ;}
#frontpage-nav .cat-item-teamferrari a				{background-position:left   -296px ;}
#frontpage-nav .cat-item-teamferrari a:hover 		{background-position:right  -296px ;}
#frontpage-nav .cat-item-whatiscancer a      		{background-position:left   -444px ;}
#frontpage-nav .cat-item-whatiscancer a:hover  		{background-position:right  -444px ;}
#frontpage-nav .cat-item-whatisnanomedicine a    	{background-position:left   -1332px ;}
#frontpage-nav .cat-item-whatisnanomedicine a:hover	{background-position:right  -1332px ;}
#frontpage-nav .polls a								{background-position:left   -740px ;}
#frontpage-nav .polls a:hover						{background-position:right  -740px ;}
#frontpage-nav .zap-a-tumor a						{background-position:left   -888px ;}
#frontpage-nav .zap-a-tumor a:hover					{background-position:right  -888px ;}
#frontpage-nav .target-a-tumor a			  		{background-position:left   -1480px ;}
#frontpage-nav .target-a-tumor a:hover		  		{background-position:right  -1480px ;}
#frontpage-nav .diagnose-a-mouse a					{background-position:left  -1036px ;}
#frontpage-nav .diagnose-a-mouse a:hover			{background-position:right -1036px ;}
#frontpage-nav .feedback a							{background-position:left  -1184px ;}
#frontpage-nav .feedback a:hover					{background-position:right -1184px ;}
#frontpage-nav .cat-item-whatisnanotech a			{background-position:left  -592px ;}
#frontpage-nav .cat-item-whatisnanotech a:hover		{background-position:right -592px ;}

/* popup window stuff */
#facebox .tl, #facebox .bl {height:10px; background:url(/images/facebox.png)}
#facebox .b, #facebox .tr, #facebox .br {width:10px; background:url(/images/facebox.png)}
#facebox .b {background-position:50%;}
#facebox .tr {background-position:top right;}
#facebox .bl {background-position:bottom left;}
#facebox .br {background-position:bottom right;}
#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: #10325f;
	width: 370px;
}

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

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

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

#facebox .close_image {float:right;}
#facebox_overlay {position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background:black;}

/* researcher popup stuff */
.researcher h1 {
font-family: verdana;
color: #0ab9f0;
font-size: 18px;
padding:0 0 20px 20px;}
.researcher img {float:left; margin:0 20px 5px 0 !important;}

/* specific page styling stuff */
/* brand polls navbar */
.polls .section-nav {padding-bottom:139px; background:url("images/poll grx.jpg") no-repeat left bottom;}

/* logos on funding support page */
.funding-support img {margin:15px 60px 20px;}

/* make 'permissions' page not so wide */
.permissions .entry, .privacy-policy .entry {
	margin-right:20em;
}
.permissions blockquote {
	margin-left:2em;
}

/* privacy policy */
.privacy-policy .column li {list-style-type:disc; margin-left:2em; margin-bottom:.3em;}

/* funding support */
.funding-support .entry img {
	margin-bottom:35px;
}

/* contact us */
.contact-us .entry p {
	margin-bottom:5em !important;
}

/* feedback / share your thoughts */
.feedback h5, .feedback #chapterlinks {display:none; float:left;} /* the float:left is to hide them in ff3 */
.feedback label {text-align:left !important;;}

/* wp image alignment stuff */
img.alignright {float:right;}
img.alignleft {float:left;}

/* about page */
.about *+h2 {
	margin-top:3em;
}
.about .post ul {
	list-style-type:circle;
}
.about .post ul li {
	margin-left:2em;
}

/* borders for games */
.games #videoswfobj_0 {display:block; margin-right:10%; margin-bottom:30px; padding:15px 20px;}

/* what is nanotechnology? */
.whatisnanotech h3 a {margin-left:2em; font-size:x-small;}

/* hide comment boxes */
/*#respond, #commentform {display:none !important;}*/