/*
Theme Name:Clean Home
Theme URI:http://midmodesign.com/news/general/our-special-wordpress-theme/
Description:This WordPress theme is one with a minimal, clean looking design and has full CSS widgetization. Special thanks to <a href="http://bryanhelmig.com/">Bryan Helmig</a> of <a href="http://midmodesign.com/">Mid Mo Web Design</a>.
Version:1.2.1
Author:Mid Mo Design
Author URI:http://midmodesign.com/
Tags:white, red, fixed-width, two-columns, right-sidebar

	"Clean Home" by http://midmodesign.com/

	This theme was designed and built by Bryan Helmig
	of Mid Mo Design: http://midmodesign.com/.

	The CSS, XHTML and design is released under the GPL.

*/
body {
font-family:Georgia, serif;
font-size: 1.3em;
line-height:1.55em;
background: #E5E5E5;
color:#202020;
}
::selection {
	background:#e12000;
	color:#fff;
}

::-moz-selection {
	background:#e12000;
	color:#fff;
}

::-webkit-selection {
	background:#e12000;
	color:#fff;
}
a {
text-decoration:none;
color:#a62726;
}
a:hover {
color:#e12000;
border-bottom:1px dashed #e12000;
}
hr{
margin-top:35px;
border:0;
border-top:1px dotted #cacaca;
width:720px;
color:#fff;
clear:both;
}
#wrapper {
width:1120px;
margin:40px auto;
}
#header {
float:left;
width:1120px;
border-bottom:1px dotted #cacaca;
margin:0;
}

/* Pushing Pixels logo */
#logo {
float:left;
width:auto;
padding:18px 0 34px 0;
}
#logo a {
color:#202020;
font-family:Eurostile;
font-size:3.5em;
font-weight: 600;
text-decoration:none;
border-bottom:none;
letter-spacing:0px;
}
#logo h2 {
color:#202020;
font-family:Eurostile;
font-size:1.0em;
font-weight: 600;
padding : 8px 4px 0 6px;
letter-spacing : 0px;
}

/* Right-side navigation links in the header */
#nav {
float:right;
width:auto;
padding:0;
}
#nav ul {
float:right;
}
#nav li.navitem {
font-family: 'Arial', sans;
text-align:center;
float:left;
display:inline;
width:auto;
font-size:1.0em;
font-weight:500;
display:block;
padding:0.5em 1px 0 0.5em;
border-bottom:none;
color:#202020
}
#nav li.navitem a {
color:#202020;
}
#nav li.navitem a:hover {
color:#e12000;
border-bottom:0px;
}

/* Main content column */
#content {
width:720px;
float:left;
border-right:1px dotted #cacaca;
padding:0 0 30px 4px;
min-height:420px;
overflow:hidden;
}
.post {
padding:0 30px 0 0;
}
.post_after {
padding: 0 0 40px 0;
}
.post p {
margin:14px 0 14px 0;
}
.post em{
font-style:italic;
}
.post h2 {
font-family: 'Arial', sans;
font-size:1.2em;
line-height:1.3em;
margin:1.0em 0 0.5em 0;
font-weight:normal;
}
.post h1, .post h1 a{
font-family: 'Arial', sans;
font-size:1.25em;
line-height:1.2em;
margin:-0.3em 0 0 0;
font-weight:normal;
color: #202020
}
.post .about {
margin: 1.2em 0 1.0em 0;
}
.post h3, .post h4 {
font-family: 'Arial', sans;
font-size:1.15em;
margin:15px 0 10px 0;
font-weight:normal;
}
.post h4 {
font-size:1.1em;
}
.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover {
color:#e12000;
}
.post .indent {
padding-left:10px;
}
.post .indent p {
padding-left:10px;
}
.post small {
font-size:0.95em;
}
.post small a {
font-weight:normal;
}
.post .posttime {
font-family: 'Arial', sans;
font-size:0.7em;
color:#888;
padding:5px 0 0 2px;
}
.alignright {
float:right;
margin-left:10px;
margin-right:8px;
}
.alignleft {
float:left;
margin-left:8px;
margin-right:10px;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:circle;
margin:0 0 0 25px;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}
.post .caption {
margin-top: -6px;
font-size: 0.8em;
line-height: 1.1em;
color: #555555;
}
.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
text-align:center;
padding:5px 0 0;
}
.post .wp-caption-text {
margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}
.post blockquote {
color:#585858;
border-left:8px solid #ddd;
margin:10px 0 0 10px;
padding-left:15px;
}
.post pre {
font-family:courier;
font-size:1.0em;
letter-spacing:-1px;
margin:14px 0 14px 0;
}
.post .message ul {
margin:12px 0 0;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#fff;
}

/* Right-hand sidebar */
#sidebar {
width:365px;
float:right;
margin:36px 0 25px 0;
font-size: 0.9em;
line-height: 1.4em;
}
#sidebar .block {
padding: 0 0 40px 0;
}
#sidebar p {
color:#888;
font-size:1.0em;
}
#sidebar p a {
color:#934a4a;
}
#sidebar p a:hover {
color:#e12000;
border-bottom:1px dashed #e12000;
}
#sidebar h3 {
font-family: 'Arial', sans;
padding:0 0 5px 0;
font-size:1.3em;
color:#888;
}
#sidebar h3 a {
color:#934a4a;
}
#sidebar h3 a:hover {
color:#e12000;
border-bottom:0px;
}
#sidebar .block ul {
border:0;
padding: 0 0 0 2px;
}
#sidebar .block li {
padding:0.3em 0 0.25em 0;
color:#888;
}
#sidebar .block li a {
font-size:1.0em;
font-weight:normal;
line-height:1.1em;
padding:0.3em 0 0.25em 0;
display:block;
border-bottom:none;
color:#934a4a;
}
#sidebar .block li a:hover {
color:#e12000;
}
#sidebar .widget_search label {
display:block;
padding:25px 0 3px 0;
font-size:1.3em;
margin:0 0 5px;
}

/* In Motion list in right-hand sidebar */
#sidebar .block .sidebar_inmotion li a {
margin: 5px 0px;
position: relative;
padding-top: 2px;
padding-bottom: 2px;
display: table;
}
#sidebar .block .sidebar_inmotion li a img {
margin-right: 10px;
vertical-align: middle;
display: table-cell;
opacity: 0.62;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#sidebar .block .sidebar_inmotion li a:hover img {
opacity: 1.0;
}
#sidebar .block .sidebar_inmotion div.sidebar_legend {
display: block;
vertical-align: middle;
display: table-cell;
}

/* Footer search */
div.footersearch {
display:none;
}

/* Footer */
div.footer {
background: url('./images/background-dark.png') repeat #262521;
margin:10px 0 0;
clear:both;
}
div.footer_separator {
background: url('./images/separator-dark.png') repeat #272621;
margin: 0 auto;
height: 3px;
}
div.inner_footer {
font-family: 'Arial', sans;
font-size: 0.85em;
color: #D0D0D0;
padding: 4px 20px 4px 20px;
margin: 0 auto;
width: 1120px;
}
div.inner_footer a {
color:#fa4d52;	
}
div.footer_content {
padding: 0 1px 0 4px;
}

/* Search form in the header */
form#searchform .screen-reader-text {
display:none;
}
form#searchform {
float:right;
margin: 10px 0 0 0;
position: relative;
display: block;
clear:both;
}
form#searchform #searchsubmit {
background: url("images/search_icon.png") 5px 50% no-repeat;
width: 16px;
height: 32px;
border: 0;
text-indent: -9999em;
overflow: hidden;
cursor: pointer;
padding: 0 15px;
position: absolute;
top: 1px;
right: 0;
}
form#searchform #s {
font-family:Georgia, serif;
width: 300px;
height: 1.1em;
background: #fcfcfc;
border: 1px solid #cccccc;
padding: 4px 40px 4px 10px;
position: absolute;
font-size: 0.9em;
top: 0;
right: 0;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* Responsive stuff */
@media (max-width: 1200px) {
    #wrapper {
        width:1000px;
        margin:40px 20px 40px 20px;
    }
    #header {
        float:left;
        width:1000px;
    }
    #content {
        width:720px;
        float:left;
        margin:40px 0px
    }
    #sidebar {
        width:245px;
        float:right;
    }
}

@media (max-width: 1000px) {
    body {
        background: #E5E5E5;
    }
    img {
        max-width:100%;
        height:auto;
        padding: 4px 0;
    }
    #wrapper {
        width:auto;
        padding: 0 24px;
        margin:auto;
        max-width:720px;
        overflow:hidden;
    }
    #header {
        width:100%;
        margin:16px 0 0 0;
        padding: 0px;
    }
    #logo {
        float:none;
        width:100%;
        padding:16px 0 16px 0;
    }
    #nav {
        display:none;
    }
    #logo a {
        font-size:2.0em;
    }
    #logo h2 {
        font-size:1.0em;
        padding:2px 4px 0 4px;
    }
    #content {
       width:100%;
       margin:12px 0px;
       border:0px;
       padding:0px;
       overflow:hidden;
    }
    #sidebar {
        width:auto;
        border-top:1px solid #b2b2ab;
        padding: 8px 0 0 0;
    }
    #sidebar .block {
        padding: 8px 0 8px 0;
    }
    hr {
        width:100%;
        clear:both;
    }
    .post {
        padding:0px;
    }
    div.footersearch {
        display:block;
        width:100%;
        margin:auto;
        max-width:768px;
    }
    form#searchformfooter .screen-reader-text {
        display:none;
    }
    form#searchformfooter {
        position: relative;
        display: block;
        clear:both;
        margin: 0 24px;
        padding-right: 50px;
    }
    form#searchformfooter #searchsubmit {
        background: url("images/search_icon.png") 5px 50% no-repeat;
        width: 16px;
        height: 32px;
        border: 0;
        position:absolute;
        text-indent: -9999em;
        overflow: hidden;
        cursor: pointer;
        padding: 0 15px;
        top: 1px;
        right: 0;
        }
    form#searchformfooter #s {
        font-family:Georgia, serif;
        width: 100%;
        height: 1.0em;
        background: #fcfcfc;
        border: 1px solid #cccccc;
        padding: 7px 40px 7px 10px;
        font-size: 0.9em;
        top: 0;
        right: 0;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

    div.inner_footer {
        width:auto;
        padding: 12px 24px 12px 24px;
        max-width:720px;
        overflow:hidden;
    }
    .post ul {
        list-style:disc;
        list-style-position:inside;
        margin:0 0 0 24px;
    }
    .post li {
        padding:16px 0;
    }
}

@media (max-width: 480px) {
    #wrapper {
        padding: 0 12px;
    }
    form#searchformfooter {
        margin: 0 12px;
    }
    div.inner_footer {
        padding: 12px;
    }
}