@charset "UTF-8";

/* CSS Document */

/*  
Theme Name: Design State
Theme URI: http://downloads.organicmechanic.org/design_state.zip
Description: A theme designed for my government design weblog.
Version: 1.0
Author: Adam Harvey
Author URI: http://www.organicmechanic.org/
*/

/* IDs & Classes */

	/* IDs */

#wrapper {
background-color: #f5f5f5;
margin: 0;
padding: 0 0 0 7px;
background-image: url('http://www.thedesignstate.com/wp-content/themes/DesignState/images/leftShadow.png');
background-repeat: repeat-y;
background-position: top left;
max-width: 936px;
min-width: 766px;
}

#rightShadow {
background-image: url('http://www.thedesignstate.com/wp-content/themes/DesignState/images/rightShadow.png');
background-repeat: repeat-y;
background-position: top right;
margin: 0;
padding: 0;
overflow: visible;
}

#topMenu {
float: right;
margin-right: 3em;
width: 200px;
text-align: right;
padding: 10px;
}

#masthead {
margin: 0 7px 0 0;
padding: 0 7px 0 0;
border-right: 1px solid #000;
}

#masthead img {
border: none;
padding: 0;
margin: 0 0 0 -4em;
}

#content {
font-size: 1.8em;
line-height: 140%;
padding: 20px 2em 0;
letter-spacing: .05em;
/*word-spacing: .001em;*/
margin: 0 7px 0 0;
border-right: 1px solid #000;
}

#footer {
clear: both;
color: #fff;
border-top: 5px solid red;
background-color: #333;
padding: 10px;
font-family: Arial, sans-serif;
font-weight: bold;
margin-right: 7px;
height: 25px;
font-size: 1.5em;
text-transform: uppercase;
letter-spacing: .1em;
}

ul#footer li {
display: inline;
float: right;
}

#respond {
clear: both;
margin-top: 30px;
padding-top: 30px;
}

	/* Classes */

.alt {
background-color: #f1f1f1;
}

ul.tags {
display: inline;
margin: 0;
padding: 0;
}

ul.tags li {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}

ol.commentlist {
margin: 0;
padding: 0;
list-style: none;
}

ol.commentlist li {
padding: 0;
margin: 0;
list-style: none;
}
.commentlist li p {
text-indent: 0;
padding: 0 10px;
margin: 0;
margin-left: 240px;
}

.commentlist li ul li {
border: none;
margin: 0;
padding: 0;
}

.commentMetaData {
float: left;
font-family: Arial, sans-serif;
text-transform: uppercase;
width: 210px;
text-indent: 0;
font-size: 1em;
background-color: #f7f7f7;
border: 3px solid #CCC;
margin: 0;
margin-right: 20px;
padding: 10px 0 10px 20px;
line-height: 120%;
}

ol.commentlist li.oddComment ul.commentMetaData {
background-color: #f1f1f1;
}

.hidden, map, h1, legend {
	display: none;
	margin: 0;
	padding: 0;
}	

.dateLine {
text-transform: uppercase;
font-weight: bold;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

.rightCaptionImg {
float: right;
width: 512px;
padding: 0 0 5px 0;
font-family: Arial, sans-serif;
font-size: .8em;
line-height: 130%;
margin: 0 0 5px 5px;
background-color: #FFF;
text-align: left;
color: #000;
border: 1px solid #CCC;
        border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 20px 10px;
	-webkit-border-bottom-right-radius: 20px 10px;
}

.rightCaptionImg img {
display: block;
background-color: #fff;
margin: 0;
}

.rightCaptionImg p {
padding: 0 5px;
text-indent: 0;
}

.rightCaptionImg p cite {
display: block;
float:right;
}

.metaData {
font-family: Arial, sans-serif;
text-transform: uppercase;
width: 350px;
text-indent: 0;
font-size: .7em;
margin-bottom: 50px;
background-color: #FFF;
padding: 20px;
border: 1px solid #CCC;
}



.postMetaData {
font-family: Arial, sans-serif;
color: #666;
text-transform: uppercase;
line-height: 120%;
text-indent: 0;
font-size: .6em;
margin-bottom: 50px;
background-color: #f7f7f7;
padding: 5px 15px;
border: 1px solid #CCC;
}

blockquote.left{
border-right: 5px solid red;
border-top: 5px solid red;
border-bottom: 5px solid red;
border-left: none;
background-color: #f7f7f7;
font-size: 1.5em;
font-style: italic;
width: 200px;
margin: 5px 10px 5px -36px;
padding: 15px 1em 15px 36px;
	border-top-right-radius: 20px;

	border-bottom-right-radius: 20px;

	-moz-border-radius-topright: 20px;

	-moz-border-radius-bottomright: 20px;

	-webkit-border-top-right-radius: 40px 20px;

	-webkit-border-bottom-right-radius: 40px 20px;
}

blockquote.left p {
text-indent: 0;
margin: 0;
}

blockquote.left p cite {
float: right;
display: block;
font-size: .7em;
}

blockquote.right {
border-left: 5px solid red;
border-top: 5px solid red;
border-bottom: 5px solid red;
border-right: none;
background-color: #f7f7f7;
font-size: 1.5em;
font-style: italic;
width: 200px;
margin: 5px -36px 5px 10px;
padding: 15px 36px 15px 1em;
        border-top-left-radius: 20px;
	border-top-right-radius: 0;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomleft: 20px;
	-moz-border-radius-bottomright: 0;
	-webkit-border-top-left-radius: 40px 20px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 40px 20px;
	-webkit-border-bottom-right-radius: 0;
}

blockquote.right p {
text-indent: 0;
margin: 0;
}

blockquote.right p cite {
float: right;
display: block;
font-size: .7em;
}

.left {
float: left;
margin: 10px 10px 10px 0;
}

.right {
float: right;
margin: 10px 0 10px 10px;
}

.center {
display: block;
margin: 0 auto;
}

/* Links */

.page_item a {
font-size: 3em;
text-transform: uppercase;
font-weight: bold;
text-decoration: none;
font-family: Arial, sans-serif;
}

.page_item a:link, .page_item a:visited {
color: #000;
}

.page_item a:hover, .page_item a:active {
color: red;
}