/*
	Theme Name: UtahDemocracy
	Description: Created for Utah Governers Commission on Strengthening Democracy.
	Author: Steve Wright
	Author URI: http://www.lovecomm.net
	Version: 3.0
*/

@import url("stylegrid.css");


/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body {
  font-size: 75%;
  color: #222;
  background: #fff;
  font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-family: "Georgia", "Times New Roman", Helvetica, sans-serif;
  font-weight: normal;
  color: #333;
}

h1 { font-size: 2.5em; line-height: 1; margin-bottom: .25em; }
h2 { font-size: 1.7em; color: #a69f95; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: .4em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

a, a:link, a:visited {
  color: #3953a4;
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: none;
}

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */
#navbar {
	font-family: "Georgia", "Times New Roman", Helvetica, sans-serif;
}
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }



/* Layout
-------------------------------------------------------------- */


body {
	background: #c9c7b6 url('images/mainbg.png') repeat-y 50% 0;
	color: #333;
}
#wrap {
	background: transparent url('images/contentbg.jpg') no-repeat 50% 247px;
}

/************************************************
*	Header  									*
************************************************/

#header {
	background: #FFFFFF url('images/headerbg.jpg') repeat-x 50% 0;
	height: 247px;
	text-align: center;
	border-bottom: 1px solid #e0d6d6;
}
#header h3 {
	margin-bottom: 0;
	height: 137px;
	font-size: 3em;
}
#header h3 a:link, #header h3 a:visited {
	text-transform: uppercase;
	color: #333;
	text-decoration: none;
	padding-top: 20px;
	display: block;
}
#header h3 a span.small {
	text-transform: none;
	font-size: .6em;
	font-style: italic;
}

#headerppl {
	border-top: 1px solid #FFF;
	height: 73px;
	background: transparent url('images/headerppl.jpg') no-repeat 50% 0;
}

/************************************************
*	Navbar      								*
************************************************/

#navbar {
	text-align: center;
}

#navbar ul {
	margin: 0;
	padding: 0;
	height: 35px;
}

#navbar li {
	display: inline;
	list-style-type: none;
	line-height: 33px;
}
#navbar li a {
	border-right: 1px solid #FFF;
}
#navbar li.last a {
	border: none;
}

#navbar li a:link, #navbar li a:visited {
	font-size: 1.4em;
	color: #FFF;
	padding: 0 10px;
	text-decoration: none;
}

#navbar li a:hover {
	text-decoration: underline;
}

/************************************************
*	Right Sidebar      							*
************************************************/

#r_sidebar {
	padding: 0 0 20px;
	border-left: 1px solid #e0d6d6;
}
#r_sidebar h4 {
	color: #333;
	padding: 5px 0;
	margin: 0;
	font-size: 1.4em;
}

#r_sidebar p{
	padding: 2px 0 16px;
	margin: 0;
	line-height: 20px;
}

#r_sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#r_sidebar ul li {
	margin: 0;
	padding: 0 15px;
}

#r_sidebar ul.children { }

#r_sidebar li.current-cat ul.children, #r_sidebar li.current-cat-parent ul.children { display: block; }

#r_sidebar ul.children li {
	border-top: 1px dotted #a69f95; border-bottom: none;
	padding-left: 10px; margin: 0;
}

#r_sidebar ul li ul li {
	border-bottom: 1px dotted #a69f95;
	padding: 0;
}

#r_sidebar ul li a:link,
#r_sidebar ul li a:visited {
	background: transparent url('images/bluebullet.png') no-repeat 5px 10px;
	display: block;
	padding: 5px 0 5px 15px;
}
#emailupdates, #subscribe2 {
	min-height: 164px;
	background: #c7dbe2 url('images/sidebartop.jpg') repeat-x 50% 0;
}
#emailupdates h4, #subscribe2 h4 {
	color: #000;
	padding-top: 15px;
}
#emailupdates p, #subscribe2 p {
	padding: 0;
	margin: 0;
	line-height: 1.5;
}
#emailupdates input.txt, #subscribe2 input.txt {
	margin: 5px 0;
	background: #FFF;
	border: 1px solid #a69f95;
}
#emailupdates input.cssbtn, #subscribe2 input.cssbtn {
	height: 20px;
	background: #a64444 url('images/buttonbg.gif') repeat-x 0 100%;
	border: none;
	color: #FFF;
	text-transform: uppercase;
	font-size: .8em;
	margin: 5px 0 15px 0;
	padding: 0 0 3px;
	cursor: pointer;
}
#emailupdates a.pushright:link,
#emailupdates a.pushright:visited,
#subscribe2 a.pushright:link,
#subscribe2 a.pushright:visited {
	background: none;
}

/************************************************
*	Content 					     		    *
************************************************/
#content {
	padding: 15px 0 20px;
}
#content p.bigbtn {
	width: 650px;
	margin-left: 10px;
}
#content p.bigbtn a:link, #content p.bigbtn a:visited {
	font-family: "Georgia", "Times New Roman", Helvetica, sans-serif;
	font-style: italic;
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	width: 196px;
	height: 64px;
	color: #333;
	background: transparent url('images/bigbtnbg.png') no-repeat 0 0;
	margin-right: 20px;
	padding-top: 8px;
}
#content p.bigbtn a strong {
	display: block;
	font-size: 1.45em;
	font-weight: normal;
	font-style: normal;
}
#content p.bigbtn a:hover strong,
#content p.bigbtn a:active strong {
	text-decoration: underline;
}

#content div.contentblock {
	margin: 10px 30px;
}
#content h2.listhead {
	margin: 10px 30px 15px;
	padding-bottom: 15px;
  background: transparent url('images/hrbg.png') repeat-x 50% 100%;
	font-style: italic;
}
#content div.customhr {
  height: 15px;
	margin: auto;
  background: transparent url('images/hrbg.png') repeat-x 50% 0;
}
#content div.customhr hr {
  display: none;
}

#content p{
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 20px;
	}

#content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}

#content h3 a:link,
#content h3 a:visited,
#content h1.posttitle a:link,
#content h1.posttitle a:visited,
#content h2.comments {
	color: #333;
	text-decoration: none;
}
#content h2.comments {
	margin-bottom: 0;
}

#content h3 a:hover,
#content h3 a:active
#content h1.posttitle a:hover,
#content h1.posttitle a:active {
	text-decoration: underline;
}

#content p ol{
	margin: 0;
	padding: 0 0 0 20px;
	}

#content p ul{
	margin: 0;
	padding: 0 0 0 20px;
	}

blockquote{
	margin: 0 0 0 25px;
	padding: 0 25px 0 10px;
	font-style: italic;
	color: #666666;
	border-left: 3px solid #B3C8DB;
	}

#content blockquote p{
	margin: 0 0 20px 0;
	padding: 0;
	}

.contentdate {
	background: transparent url('images/date.png') no-repeat 0 0;
	float: left;
	width: 45px;
	height: 50px;
	margin: 0;
	padding: 0;
	}

.contentdate span.month {
	display: block;
	color: #FFF;
	font-size: 10px;
	font-weight: normal;
	padding-left: 11px;
	margin: 0;
	text-transform: uppercase;
	}

.contentdate span.day {
	font: bold 21px "Georgia", "Times New Roman", Helvetica, sans-serif;
	display: block;
	color: #999;
	padding: 1px 4px 0 0;
	margin: 0;
	text-align: center;
	}

#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0;
	margin: 0;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0;
	margin: 0;
	}

.postspace {
	background: #EFEFEF url('images/spacer.gif');
	width: 440px;
	height: 32px;
	margin: 0;
	padding: 0;
	}

/************************************************
*	Footer      								*
************************************************/

#footer {
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #e0d6d6;
	font-size: .8em;
	color: #a69f95;
}
#footer a.rssicon:link,
#footer a.rssicon:visited {
	text-decoration: none;
	padding-left: 5px;
}
#footer a.rssicon img {
	vertical-align: top;
}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0;
	padding 0;
	}

#searchform {
	margin: 0;
	padding: 0;
	overflow: hidden;
	}

#s {
	width: 190px;
	background: #EFEFEF url('images/search.gif');
	color: #333333;
	font-size: 11px;
	padding: 3px;
	margin: 8px 0 0 0;
	border: 1px solid #C0C0C0;
	}

/************************************************
*	Comments									*
************************************************/

#commentblock {
	
	background: #EFEFEF;
	color: #333333;
	float: left;
	padding: 10px 20px 0 20px;
	margin: 10px 0 10px 0;
	border: 1px solid #C0C0C0;
	}

ol#commentlist {
	padding: 5px 0 5px 0;
	margin: 0;
	list-style-type: none;
	}

.commentdate {
	font-size: 12px;
	padding-left: 0;
	}

#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0;
	}

.commentname {
	color: #333333;
	margin: 0;
	padding: 5px 5px 5px 0;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 5px 0 20px 0;
	padding: 20px 10px 5px 10px;
	width: 365px;
	background: #EFEFEF url('images/comment.gif') no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 5px 0 20px 0;
	padding: 20px 10px 5px 10px;
	width: 365px;
	background: #FFFFFF url('images/comment.gif') no-repeat top;
	}

#commentsformheader{
	padding-left: 0;
	}

#commentsform{
	text-align: left;
	margin: 0;
	padding: 0;
	}

#commentsform form{
	text-align: left;
	margin: 0;
	}

#commentsform p{
	margin: 0;
	}

#commentsform form textarea{
	width: 99%;
	}

p.comments_link  img{
	margin: 0;
	padding: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}