/*
Theme Name: VRAN
Theme URI: http://vran.org/
Description: The WordPress theme for the Vaccination Risk Awareness Networkn.
Version: 1.0
Author: Paul Novitski
Author URI: http://juniperwebcraft.com/

	vran v1.0
	 http://vran.org/

	This theme was designed and built by Paul Novitski,
	who you will find at http://juniperwebcraft.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@charset "utf-8";

*
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.aligncenter
{
	text-align: center;
}
a
{
	text-decoration: none;
	border-bottom: 1px dotted #333;
	color: #333;
}
a:hover
{
	border-bottom: 1px solid #BC0404;
	color: #BC0404;
}
a.more-link
{
	font-size: .9em;
	font-variant: small-caps;
}
ul.section-links a
{
	font-weight: bold;
}
code,
pre
{
	font-size: .9em;
	font-family: "Courier New", Courier, monospace;
}
div.sourceblock
{
	margin-bottom: .8em;
}
div.sourceblock p
{
	margin-bottom: 0;
	font-size: .9em;
	font-variant: small-caps;
}
dl
{
	margin-bottom: 1em;
}
dt
{
	margin-top: 1em;
	font-weight: bold;
}
dd
{
}
em,
em a,
em abbr,
em acronym,
em strong
{
	font-style: italic;
}
fieldset
{
	border: none;
}
div.imageboxleft p.caption,
div.imageboxright p.caption
{
	padding: 0 .5em;
	font-size: .9em;
	font-style: italic;
	text-align: center;
}
div.imageboxleft
{
	float: left;
	margin: .5em 15px .3em 0;
}
div.imageboxright
{
	float: right;
	margin: .5em 0 .3em 15px;
}
div.imageboxleft img,
div.imageboxright img
{
	display: block;
	border: 1px solid #000;
}
img.alignleft
{
	float: left;
	margin: .5em .6em .3em 0;
	border: 1px solid #000;
}
img.alignright
{
	float: right;
	margin: .5em 0 .3em .6em;
	border: 1px solid #000;
}
img.aligncenter
{
	text-align: center;
	xmargin: 0 0 .3em .6em;
	border: 1px solid #000;
}
ol.decimal	{list-style-type: decimal;}
ol.lower-roman	{list-style-type: lower-roman;}
ol.upper-roman	{list-style-type: upper-roman;}
ol.lower-alpha	{list-style-type: lower-alpha;}
ol.upper-alpha	{list-style-type: upper-alpha;}

li,
p
{
	margin-bottom: .8em;
	line-height: 1.5;
}
p.byline,
p.datestamp,
p.source
{
	font-size: .9em;
	font-variant: small-caps;
}
p.obit
{
	padding: .25em .25em .25em .5em;
	border: 2px solid #000;
}
p.subtitle
{
	margin: .5em 0;
	font-size: 1.1em !important;
}
p.caption
{
	font-size: .9em;
	font-style: italic;
	text-align: center;
}
pre
{
	margin-bottom: .8em;
	line-height: 1;
}
span.dateline
{
	font-size: .9em;
	xfont-weight: bold;
	font-variant: small-caps;
}
span.identity
{
	font-weight: bold;
}
span.lead-in
{
	font-weight: bold !important;
}
p.quote,
p.quote a,
p.quote abbr,
p.quote acronym,
p.quote strong,
span.quote,
span.quote a,
span.quote abbr,
span.quote acronym,
span.quote strong
{
	font-style: italic;
}
abbr.title,
abbr.title a,
acronym.title,
acronym.title a,
span.title,
span.title a
{
	font-style: italic;
}
span.unquote,
span.unquote a,
span.unquote abbr,
span.unquote acronym,
span.unquote strong
{
	font-style: normal;
}
strong,
strong a,
strong abbr,
strong acronym,
strong em
{
	font-weight: bold;
}
table
{
	margin-bottom: 1em;
}
th
{
	font-weight: bold;
}
th,
td
{
	padding: 0 .2em .2em 0;
}
ul, ol
{
	margin-left: 1.5em;
}
li ol,
li ul
{
	margin-top: .8em;
}
ul.bibliography,
ul.references
{
	margin-left: 0;
}
ul.bibliography,
ul.references
{
	list-style-type: none;
}
ul.bibliography ul li,
ul.references ul li
{
	margin-left: 0;
}
ul.keywordlist li
{
	margin: 0 !important;
	padding: 0 !important;
	font-size: .9em;
	list-style-type: none;
	text-transform: uppercase;
}
ul.bibliography li
{
	position: relative;
	margin-left: 1.8em;
}
ul.bibliography li sup
{
	position: absolute;
	left: -1.8em;
}
body
{
	font-size: 100%;
	background: #88B2C8 url("/wp-content/themes/vran/images/vran-background-body.jpg") left top repeat-x;
	text-align: center;
}
/* OBSOLETE: total width of outer wrapper is 950px - 870px + two 25px drop shadows */
#wrapOuter
{
	position: relative;
	width: 902px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 11px;
	text-align: left;
	background: url("/wp-content/themes/vran/images/vran-content-background.png") left top repeat-y;
}
#wrapInner
{
	position: relative;
	width: 872px;
	padding: 10px 15px;
}
/*====================
header
====================*/
#header
{
	width: 872px;
}
/*====================
top nav
====================*/
ul#nav-top
{
	float: left;
	margin-left: 0;
	padding-top: .2em;
	list-style-type: none;
}
/* array the menu items horizontally */
ul#nav-top li
{
	display: inline;
	line-height: 1;
	margin-bottom: 0;
	margin-left: .9em;
	font-size: .8em;
	text-transform: uppercase;
}
/* this aligns the first menu item flush left with the content despite its left padding of .5em */
ul#nav-top li.first
{
	margin-left: 3px;
}
ul#nav-top li a
{
	padding: .2em 0em;
	padding-bottom: 3px;
	border: none;
	text-decoration: none;
	color: #000;
}
ul#nav-top li a:hover,
ul#nav-top li.selected a
{
	padding-bottom: 0;
	border-bottom: 3px solid #BC0404;
}
ul#nav-top li.selected a
{
	cursor: default;
}
/*====================
search form
====================*/
form.search
{
	float: right;
	padding-bottom: 2px;
	color: #FFF;
}
form.search input.input
{
	position: relative;
	top: 1px;
	width: 12em;
	margin-top: 1px;
	font-size: 0.98em;
	border: 1px solid #BC0404;
}
form.search input.submit
{
	height: 1.61em;
	padding: 0 .5em;
	font-size: .8em;
	color: #FFF;
	background-color: #BC0404;
	border: 1px solid #BC0404;
	border-width: 1px 1px 3px 1px;
	text-transform: uppercase;
}

body.search-results span.search-terms
{
	padding-left: .5em;
	xfont-family: Courier, "Courier New", monospace;
	font-weight: bold;
}
body.search-results form#searchform
{
	margin-bottom: 1em;
}

/*====================
logo & tagline
====================*/
div#identity
{
	clear: both;
	position: relative;
	overflow: hidden;
	width: 872px;
	height: 77px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
div#identity .logo
{
	float: left;
	margin-bottom: 0;
	padding-left: 14px;
}
div#identity .logo a,
div#identity .logo a img
{
	border: none;
	text-decoration: none;
}
div#identity .logo a:hover img
{
	/* For web browsers who care */
	opacity: 0.60;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	/* For IE 8(+?) */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
div#identity p.tagline
{
	position: absolute;
	bottom: 13px;
	right: 0;
	margin-bottom: 0;
	padding: 0;
	font-size: 1.8em;
}
/*====================
main nav
====================*/
ul#nav-main
{
	clear: both;
	float: left;
	width: 872px;
	margin-left: 0;
	padding: .1em 0 0px 0;
	border-bottom: 1px solid #000;
	list-style-type: none;
}
ul#nav-main li
{
	float: left;
	line-height: 1;
	margin-bottom: 0;
	margin-left: 1.5em;
	font-size: 1.0em;
	font-size: 1em;
	text-transform: uppercase;
}
ul#nav-main li.first
{
	margin-left: 0.5em;
}
ul#nav-main li a
{
	display: block;
	padding: 4px 0;
	border: none;
	color: #000;
	text-decoration: none;
}
ul#nav-main li a:hover,
ul#nav-main li.selected a
{
	padding-bottom: 1px;
	border-bottom: 3px solid #BC0404;
}
ul#nav-main li.last
{
}

/*====================
media space
====================*/
div#media-space
{
	clear: both;
	padding: 4px 0 3px 0;
	border-bottom: 1px solid #000;
}

/*====================
join banner
====================*/
div#joinbanner
{
	margin-top: .5em;
	border: 1px solid #BC0404;
	background: #BF7576 url("/wp-content/themes/vran/images/vran-join-banner-1-background.jpg") left top repeat-x;
}
div#joinbanner div.inner
{
	min-height: 200px;
	padding: 12px;
	background: url("/wp-content/themes/vran/images/vran-join-banner-illo-1.jpg") right top no-repeat;
	color: #BC0404;
}
div#joinbanner h2
{
	margin-bottom: .3em;
	font-size: 1.5em;
	text-transform: uppercase;
}
div#joinbanner p
{
	width: 210px;
	margin-bottom: .5em;
}
div#joinbanner p.link
{
	width: auto;
	margin: 0 auto;
	text-align: center;
}
div#joinbanner p.link a
{
	padding: .1em .5em;
	font-size: 1.25em;
	border: 1px solid #BC0404;
	background-color: #FFF;
	color: #BC0404;
	text-transform: uppercase;
}
div#joinbanner p.link a:hover
{
	background-color: #BC0404;
	color: #FFF;
}

/*====================
inner pages - sidebar left
====================*/
div#sidebar1
{
	float: left;
	width: 165px;
	margin-right: 5px;
	xpadding-top: 1em;
}
div.sidebar h2
{
	margin: .8em 0;
	font-size: .9em;
}
div.sidebar h2 a,
div.sidebar ul a
{
	border: none;
}
div.sidebar h2 a
{
	font-weight: bold;
	text-transform: uppercase;
}
/*====================
inner pages - sidebar right
====================*/
div#sidebar2
{
	position: relative;
	float: right;
	width: 165px;
}
div#sidebar2 h2
{
	margin-top: 0;
	padding-top: 0;
	padding-left: 8px;
}
div#sidebar2 h2 a
{
	color: #BA0403;
}
/*--------------------
sidebar nav menu
--------------------*/
ul.sidebar-nav
{
	margin-left: 0;
}
ul.sidebar-nav li
{
	line-height: 1.3;
	margin-bottom: .5em;
	padding-left: 1em;
	font-size: .85em;
	list-style-type: none;
	background: url("images/vran-menu-tick-1.jpg") left .4em no-repeat;
}
ul.sidebar-nav li a:hover
{
	color: #BA0403;
	border-bottom: 1px solid #BA0403;
}
ul.sidebar-nav ul
{
	margin-top: .5em;
	margin-left: .5em;
}
ul.sidebar-nav ul li
{
	padding-left: .8em;
	font-size: 1em;
	background: url("images/vran-menu-tick-2.jpg") left .4em no-repeat;
}
ul.sidebar-nav li.selected a,
ul.sidebar-nav li.selected span
{
	font-weight: bold;
	border-bottom: 2px solid #BA0403;
}
ul.sidebar-nav li.selected ul li a,
ul.sidebar-nav li.selected ul li span
{
	font-weight: normal;
	border-bottom: none;
}
ul.sidebar-nav li.selected ul li.selected a,
ul.sidebar-nav li.selected ul li.selected span
{
	font-weight: bold;
	border-bottom: 2px solid #BA0403;
}
ul.sidebar-nav li.selected a:hover
{
	border-bottom: 2px solid #BA0403;
}
/*
ul.sidebar-nav-level-1 li.leaf
{
	display: block;
	position: relative;
	z-index: 10;
	xmargin-left: -22px;
	padding-top: .25em;
	padding-bottom: .25em;
	border: 1px solid #000;
	border-right: none;
	background-position: left .7em;
	background-color: #F7F8EA;
	color: #BA0403;
}
ul.sidebar-nav-level-2 li.leaf span
{
	display: block;
	position: relative;
	z-index: 10;
	xmargin-left: -22px;
	padding: .25em 0 .25em 22px;
	border: 1px solid #000;
	border-right: none;
	background-color: #F7F8EA;
	color: #BA0403;
}
*/
/*--------------------
right nav menu
--------------------*/
div#sidebar2 ul.sidebar-nav
{
	padding-left: 8px;
}
ul.sidebar-nav-level-4
{
	margin-left: 10px;
}
div#sidebar2 ul.sidebar-nav li.self span
{
	display: block;
	position: relative;
	z-index: 10;
	margin-left: -25px;
	padding: .25em .2em .25em 25px;
	border: 1px solid #000;
	border-left: none;
	background-color: #F7F8EA;
	color: #BA0403;
}
div#sidebar2 ul.sidebar-nav li.self a
{
	border-bottom: none;
	color: #BA0403;
	cursor: default;
}
/*====================
breadcrumbs
====================*/
ul.breadcrumbs
{
	float: right;
	width: 700px;
	margin: .25em 0;
	list-style-type: none;
}
ul.breadcrumbs li
{
	display: inline;
	margin-bottom: .8em;
	line-height: 1.5;
	font-size: .8em;
	color: #A9A9A9;
}
ul.breadcrumbs li a
{
	border: none;
	color: #929093;
}
ul.breadcrumbs li a:hover
{
	border-bottom: 1px solid #BC0404;
	color: #BC0404;
}
/*====================
inner pages - content column
====================*/
div#contentcol.fullwidth
{
	width: 872px;
}
div#contentcol.withleft
{
	width: 700px;
}
div#contentcol.withright
{
	width: 535px;
}
div#contentcol
{
	position: relative;
	z-index: 0;
	float: left;
	margin-bottom: 1em;
}
div#contentcolinner
{
	padding: 0px 15px 10px 15px;
	border: 1px solid #000;
	background-color: #F7F8EA;
}
div#contentcolinner h1
{
	margin-top: 0;
	margin-bottom: .5em;
	padding: .5em 0 .3em 0;
	font-size: 1.4em;
	border-bottom: 3px double #BC0404;
}
div#contentcolinner h2
{
	margin: .5em 0;
	font-size: 1.2em;
}
div#contentcolinner h3
{
	margin: .5em 0;
	font-size: 1.1em;
}
div#contentcolinner h4
{
	margin: .5em 0;
	font-size: 1.1em;
	text-transform: uppercase;
}
div#contentcolinner li
{
	margin-bottom: .8em;
}
div#contentcolinner blockquote
{
	margin: 0 1em .8em 0em;
	padding-left: 0;
}
div#contentcolinner blockquote p
{
	margin-bottom: .3em;
	font-style: italic;
}
div#contentcolinner blockquote p a,
div#contentcolinner blockquote p span,
div#contentcolinner blockquote p strong
{
	font-style: italic;
}
div#contentcolinner blockquote p.byline
{
	font-style: normal;
}
/*====================
footer
====================*/
#footer
{
	clear: both;
	width: 872px;
	padding-top: 1em;
	padding-bottom: .5em;
	border-top: 1px solid #000;
	text-align: center;
}
#footer p.contact
{
	display: none;
}
#footer p.credit
{
	margin-top: .9em;
	font-size: .9em;
}
#footer p.credit a
{
	margin-left: -.3em;
	padding: .1em .3em;
	border: none;
	color: #BC0404;
}
#footer p.credit a:hover
{
	color: #FFF;
}
#footer p.copyright
{
	font-size: .9em;
}

/*====================
bottom nav
====================*/
ul#nav-bottom
{
	margin-left: 0;
	padding-bottom: .5em;
	list-style-type: none;
}
ul#nav-bottom li
{
	display: inline;
	line-height: 1;
	margin-bottom: 0;
	padding-top: .2em;
	padding-right: 1em;
	font-size: .9em;
}
ul#nav-bottom li a
{
	padding: .2em 0em;
	padding-bottom: 3px;
	border: none;
	text-decoration: none;
	color: #000;
}
ul#nav-bottom li a:hover,
ul#nav-bottom li.selected a
{
	padding-bottom: 0;
	border-bottom: 3px solid #BC0404;
}
/*====================
bottom cap
====================*/
div#bottomCap
{
	width: 920px;
	max-width: 100%;
	height: 10px;
	margin: 0 auto;
	background: url("/wp-content/themes/vran/images/vran-content-background-footer.png") left bottom no-repeat;
}
/*====================
small join box
====================*/
div.vran-join-small
{
	margin-top: 1em;
}
div.vran-join-small a
{
	display: block;
	height: 223px;
	overflow: hidden;
	border: none;
}
div.vran-join-small a img
{
	border: none;
}
div.vran-join-small a:hover img
{
	margin-top: -223px;
}
/*====================
inset box
====================*/
div.inset,
div.inset-intro
{
	float: right;
	width: 250px;
	margin: .25em 0 .25em 1em;
	padding: .5em .5em 0 .5em;
	font-size: .9em;
	border: 1px solid #F00;
	background-color: #FFF;
}
div.inset-intro p,
div.inset-intro p a
{
	font-style: italic;
}
div.inset p.byline
{
	margin-bottom: .25em;
}
img.pdf-link
{
	height: 1em;
}
div.inset img,
div.inset-intro img
{
	display: block;
	margin: .6em auto;
	border: 1px solid #000;
}