style.css

/*
Theme Name: Dynamic Transit
Theme URI: http://dynamictransit.com
Description: A custom theme for Dynamic Transit
Author: Switzer Creative
Author URI: http://www.switzercreative.com
Version: 1.0
*/

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}

a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }


/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#wrapper {width: 960px; margin: 20px auto;}


/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Always do mobile-first, and consider using em units: http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw

@media screen and (min-width: 480px) {

} */

/* Blog Styles
-------------------------------------------------------------------------------*/
#menu-blog-navigation li, #menu-blog-navigation form{
  float:left;
  margin-right: 20px;
}
#blog-navigation {
	overflow:auto;
	background-color: #2c3137;
}
#blog-navigation .inner-wrap {
	padding: 20px 0;
}
#blog-navigation a {
	font-family: "franklin-gothic-urw-cond", Impact, Charcoal, sans-serif;
	font-size: 14px;
	color: #ffffff;
}
#blog-navigation a:hover {
	text-decoration: underline;
}

#searchform {
	font-family: "franklin-gothic-urw-cond", Impact, Charcoal, sans-serif;
	font-size: 14px;
}

#searchsubmit {
	font-family: "franklin-gothic-urw-cond", Impact, Charcoal, sans-serif;
	font-size: 14px;
	color: #ffffff;
	background-color: #1c1f22;
	border: none;
	margin-top: -15px;
	padding: 15px;
}
.screen-reader-text {
	color: #6c6f73;
}

#menu-blog-navigation li {
    margin-top: 10px;
}

#menu-blog-navigation li, #menu-blog-navigation form {
    float: left;
    margin-right: 40px !important;
}

.searchBlog {
	background-color: #2c3137 !important;
	color: #787878 !important;
	font-family: "franklin-gothic-urw-cond", Impact, Charcoal, sans-serif;
    border: none !important;
	font-size: 14px;
	width: 172px;
    height: 36px;
	padding: 20px 20px 20px 0;
	margin-top: -15px;
}
.formImg {
	margin-top: 10px;
}

.blog-menu-item {
    height: 83px;
    margin-top: -20px !important;
    padding: 30px;
    color: #fff;
    background-color: #b63131;
}

#subscribe {
	margin-top: -66px;
	height: 86px;
    padding: 30px;
	float: right;
    color: #fff;
    background-color: #b63131;
}

#subscribe span {
	line-height: 30px;
}

.extra-inner-wrap {
	padding: 50px 10px 100px;
    width: 100%;
    max-width: 945px;
    margin: 0 auto;
}
.thepost{
	margin-bottom: 25px;
    padding-bottom: 55px;
	border-bottom: 1px dotted #7e7e7e;
}
.read-more {
	margin-top: 20px;
	color: #b63131;
	float:left;
	font-size: 16px;
}

.post-title {
	color: #282828 !important;
    margin-top: 15px;
    text-transform: none;
    font-family: georgia;
    font-weight: 500;
	font-size: 34px;
	margin-bottom: 35px;
	clear:left;
}

.post-title a {
	color: #282828 !important;
}

.post-date {
	color: #b63131;
	text-transform: uppercase;
	font-family: "franklin-gothic-urw-cond", Impact, Charcoal, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
/*.post-image {
	width: 100%!important;
	clear:both;
}*/

.post-paragraph {
	line-height: 20px;
	clear:both;
}

img.post-image {
	margin-bottom: 20px;
	height: auto;
}