/*
THEME NAME: Jan Marx
THEME URI: http://www.janmarx.com
DESCRIPTION: City Council campaign site
VERSION: version 2.3
AUTHOR: <a href="http://www.fertilemindsmedia.com">Fertile Minds</a>, a graphic design and web development firm.
AUTHOR URI: http://www.fertilemindsmedia.com
TAGS: jan marx, san luis obispo, citycouncil, election
*/

/*
LAYOUT: Two-Column (Left)
DESCRIPTION: Two-column fluid layout with one sidebars left of content
*/

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #00653b;
	}
	
a {
	color: #162a31;
	}

div#outline {
	width: 100%;
	text-align: center;
	background-image: url('images/headerbkgd.gif');
	background-repeat: repeat-x;
	}	


div#wrapper, div#headwrapper {
	margin-left: auto; 
	margin-right: auto;
	width: 882px;
	text-align: left;
	}
	
div#bodyoutline {
	width: 100%;
	text-align: center;
	background-color: #fff;
	background-image: url('images/bodybkgd.gif');
	background-repeat: repeat-x;
	text-align: left;
	padding-top: 35px;
	}	

div#container {
	float: right;
	width: 622px;
	}
	
div#whitebox {
	width: 614px;
	background-color: #fff;
	margin-bottom: 40px;
	}
	
* html div#whitebox {
	border: 1px solid #bababa;
	}
	

div#whitebox.home {
	background-image: url('images/janmarx.jpg');
	background-repeat: no-repeat;
	height: 616px;
	}

div#wrapper.splitpage {
	margin-left: auto; 
	margin-right: auto;
	width: 786px;
	}
	
div#container.splitpage {
	float: none;
	width: 786px;
	}
	
div#whiteboxsplitpage {
	width: 786px;
	height: 575px;
	background-color: #fff;
	margin-bottom: 40px;
	}
	
		
div#introtext {
	float: right;
	width: 354px;
	padding-top: 30px;
	}
	
div#introtext p {
	font: normal 15px Georgia, Times, 'Times New Roman', serif;
	line-height: 24px;
	color: #454545;
	padding-left: 12px;
	}
	
div#latestnews {
	width: 582px;
	padding-left: 40px;
	margin-bottom: 80px;
	}


div#content {
	padding: 40px;
	}
	
div#content.pages {
	padding: 46px 76px;
	}
	
div.sidebar {
	background-color: #fff;
	padding: 27px 0 0 14px;
	margin-bottom: 25px;
	}

div#primary {
	width: 194px;
	}
	
* html div#primary {
	border: 1px solid #bababa;
	}
	
div#search {
	padding: 17px 25px 0 7px;
	}
	
div#subscribe {
	padding: 20px 25px 35px 7px;
	}
	
div#subscribe p {
	font: normal 11px Helvetica, Arial, Sans-serif;
	padding: 0;
	margin: 0;
	color: #454545;
	}
	
div#issues ul {
	margin: 0;
	padding: 0 0 0 10px;
	}

div#issues ul li {
	margin: 0;
	list-style: none;
	padding: 0 0 6px 0;
	}
	
li.page_item a {
	font: bold 12px Helvetica, Arial, Sans-serif;
	color: #454545;
	text-decoration: none;
	list-style: none;
	margin: 0;
	}
	
li.page_item a:hover {
	text-decoration: underline;
	color: #162a31;
	}


/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary {
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin: 0 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
height:1.25em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}


div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}
	
div#footerwrapper {
	clear: both;
	width: 100%;
	background-color: #00653b;
	background-image: url('images/footerbkgd.gif');
	background-repeat: repeat-x;
	text-align: center;
	}

div#footer a {
	color: #b2ccc0;
	}
	
div#footer {
	margin-left: auto; 
	margin-right: auto;
	width: 882px;
	height: 70px
	text-align: right;
	padding-top: 28px;
	background-color: #00653b;
	background-image: url('images/footerbkgd.gif');
	background-repeat: repeat-x;
	}
	
div#footer.splitpage {
	width: 786px;
	}
	
div#footer p {
	padding-bottom: 20px;
	}
	
div#header {
	height: 123px;
	}
	
div#header a {
	color: #fff;
	text-decoration: none;
	}
	
img, a {
	border-style: none;
	}

p.copyright {
	font: 11px Helvetica, Arial, Sans-serif;
	color: #b2ccc0;
	text-align: right;
	}
	
h2.entry-title, h2.entry-title a {
	font: normal 30px Times, Georgia, serif;
	color: #162a31;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
h3.entry-title, h3.entry-title a {
	font: normal 17px Helvetica, Arial, Sans-serif;
	color: #162a31;
	text-decoration: none;
	margin: 0;
	padding: 0;
	}
	
div.entry-content p {
	font: normal 14px Georgia, Times, 'Times New Roman', serif;
	line-height: 24px;
	color: #454545;
	margin: 5px 0 10px 0;
	}
	
div.entry-content {
	padding-bottom: 12px;
	}
	
div#introtext {
	float: right;
	}
	
div#logo {
	float: left;
	margin: 0;
	padding: 0;
	}
	
div#menu {
	background-color: #162a31;
	float: right;
	width: 575px;
	margin-top: 80px;
	}
	
div#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;	
	}
	
div#menu ul li a {
	margin: 0;
	padding-right: 28px;
	float: left;
	font: normal 14px Helvetica, Arial, Sans-serif;
	color: #fff;
	}

div#menu ul li a:hover {
	text-decoration: underline;
	color: #b2ccc0;
	}

	
div#content ul {
	font: normal 14px Georgia, Times, 'Times New Roman', serif;
	color: #454545;
	padding-left: 20px;
	margin: 0;
	}


div#content li {
	padding: 0 0 10px 0;
	}
	



	
div.breadcrumb {
	font: normal 11px Helvetica, Arial, Sans-serif;
	padding-bottom: 20px;
	color: #454545;
	}
	
div.breadcrumb a {
	color: #454545;
	}
	
	
	
/*-------Test-----------*/


/*XXXXXXXXXXXXXXXXXX Dropshadow elements XXXXXXXXXXXXXXX*/

html>body .outerpair1 {
	background: url('images/upperrightfade.png') right top no-repeat;
	float: left;
}
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


html>body .outerpair2 {
background: url('images/lowerleftfade.png') left bottom no-repeat;
padding-top: 8px;
padding-left: 8px;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


html>body .shadowbox {
background: url('images/shadow2.png') bottom right;
}
/* .shadowbox holds the main shadow .png */


html>body .innerbox {
position: relative;
left: -8px;
top: -8px;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
border: 10px solid #fff;
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */


/*XXXXXXXXXXXXXXXXXX Custom width constraints and extra styling XXXXXXXXXXXXXXX*/

.floatimage {
float: left; /* Floating causes this box to shrinkwrap around sized content elements. */
display: inline; /* IE doubled margin bug is defeated via this fixer rule. */
}

.flashbox { /* Absolute positioning also causes the shrinkwrap behavior. */
position: absolute;
left: 377px;
top: 30px;
}

.flashbox .innerbox {
background: #eed;
border: 1px solid #ccb;
}

.absoluteimage { /* Again, absolute positioning causes shrinkwrapping. */
position: absolute;
left: 40px;
top: 200px;
}

.textbox {
position: absolute; /* AP once more... */
left: 20px;
top: 1.8em;
}

.textbox .innerbox {
border: 1px solid #ccc;
background: #e8e8e8;
width: 330px;
height: 210px;
overflow: auto;
}
/* Unlike the other items, the .textbox content is just text without a natural
width, and so shrinkwrapping fails, unless .innerbox is given a specific width.
All shadowed text elements will need a width of some kind to avoid a full-width
shadowed box, unless that is the desired effect. The width may be appied to
div.inner, div.outerpair1, or an external wrapper element. */

.linkbox {
position: absolute; /* AP once more... */
left: 10px;
top: 6px;
}

.linkbox .innerbox {
display: block;
background: #fff;
border: 1px solid #ccc;
padding: 3px 5px;
}

h3.searchtitles a {
	text-decoration: underline;
	}


div.entry-content p.wp-caption-text {
	font: italic 12px Georgia, Times, 'Times New Roman', serif;
	margin: 0 0 0 10px;
	}