/*

Theme Name: SEMO Times

Theme URI: http://semotimes.com/wp-content/themes/custom

Description: Theme for SEMO Times

Version: 1.1

Author: Justin Robison

Author URI: http://www.semotimes.com

Tags: SEMO Times blog magazine 573 Poplar Bluff

*/



html {

background: url(images/background.jp) no-repeat center center fixed;

background-image: url(http://);

}



body {

	margin: 0;

	padding: 0;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	text-align: center;

}





/*******Styles*******/



a {

	color: #C00;

	text-decoration: none;

}



p, ul, ol, dl {

	line-height: 20px;

	margin: 0 0 20px 0;

}



blockquote {

	margin: 5px 0px 5px 10px;

	padding: 0px 0px 0px 10px;

	border-left: 4px solid #267ABF;

	font-style: italic;

}



img {

	border: none;

	background: none;

}



p {

	padding: 10px 0px;

	margin: 0px;

}



/******Header Styles******/



h1, h2, h3, h4, h5, h6 {

	margin: 0 0 20px;

	padding: 0px;

	line-height: 110%;

}



h1 {

	font-size: 24px;

}



h2 {

	font-size: 20px;

}



h3 {

	font-size: 16px;

}

	

h4, h5, h6 {

	margin-bottom: 10px;

}





/******Containers******/



#headwrap {

	text-align: left;

	margin: 0px auto;

	width: 1000px;

	padding: 0px;

	margin-top: 10px;

	background-color: #000;

}



#contentwrap {

	text-align: left;

	margin: 0px auto;

	padding: 0px;

	width: 1000px;

}



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



#banner {

	width: 1000px;

	height: 175px;

	overflow: hidden;

	background-image:url(images/);

	padding: 0px;

	margin-top: 9px;

}



#banner a {

	background-image:url(images/);

	display: block;

	overflow: hidden;

}



/*******Navigation*******/



#menu {

	width: 1000px;

	height: 35px;

	font-size: 12px;

	font-family: Helvetica, Arial, Sans-Serif;

	font-weight: bold;

	overflow: hidden;

	margin-top: 1px;

}



#menu a {

	height: 40px;

	display: block;

	color: #FFF;

	float: left;

	text-align: center;

	line-height: 35px;

}



#menu a.locations {

	line-height: 15px;

	padding-top: 3px;

}



#menu a.bluffee {

	line-height: 15px;

}



#menu a.cotrell {

	line-height: 15px;

}



#menu a.dining {

	line-height: 15px;

}



#menu a:hover {

	color: #FFF;

	background: url(images/buttonHover.png) repeat-x;

}



#menu a.bluffee:hover {

	background-image: url(images/bluffeeHover.png);

}



#menu a.cotrell:hover {

	background-image: url(images/cotrellhover.png);	

}



#menu a.dining:hover {

	background-image: url(images/dininghover.png);

}



.short {

	width: 74px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: none;

	border-width: 1px;

	border-color: #FFF;

	background: url(images/buttonUp.png) repeat-x;

}



.home {

	width: 97px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: none;

	border-width: 1px;

	border-color: #FFF;

	background: url(images/buttonUp.png) repeat-x;

}



.dining {

	width: 90px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: none;

	border-width: 1px;

	border-color: #FFF;

	background-image: url(images/diningup.png);

}



.bluffee a:hover {

	background-image: url(images/dininghover.png);

}



.bluffee {

	width: 109px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: none;

	border-width: 1px;

	border-color: #FFF;

	background-image: url(images/bluffee.png);

}



.bluffee a:hover {

	background-image: url(images/bluffeeHover.png);

}



.cotrell {

	width: 100px;

	border-top-style: none;

	border-right-style: solid;

	border-bottom-style: none;

	border-left-style: none;

	border-width: 1px;

	border-color: #FFF;

	background-image: url(images/cotrellup.png);

}



.cotrell a:hover {

	background-image: url(images/cotrellhover.png);

}



/******Content******/



#content {

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 10px;

	background-color: #FFF;

	border: 1px solid #000;

}



.contentspace {

	width: 1000px;

	height: 10px;

}



#contentleft {

	display: inline;

	float: left;

	width: 640px;

	border-right: 1px solid #ddd;

	padding-right: 9px;

}



#contentright {

	float: right;

	width: 310px;

}



.post img {

	padding: 10px 10px 10px 0px;

}



.post {

	padding: 10px; 

	margin-bottom: 20px;

	padding-bottom: 10px;

	border-bottom: 1px solid #ddd;

}



.post h3 {

	font-family:'Century Gothic',Futura,'URW Gothic L',sans-serif;

	padding: 0;

	margin: 0;

	margin-bottom: 5px;

	font-size: 18px;

}



.archivepost {

	padding: 10px; 

	margin: 5px 5px 10px 5px;

	text-align: center;

	border-bottom: 1px solid #ddd;

	overflow: hidden;

}



.archivepost h3 {

	padding: 0px;

	margin: 0px;

}



.post-more { /* Use this class to style the "more" tag */

	clear: both;

	text-align: right;

	margin: 10px 0px 10px 0px;

	color: #FF0000;

	padding: 0px;

}



.post-more a, .post-more a:visited { /* Use this class to style the link within the post-more div */

	color: #C11B17;

	padding: 5px;

}



.post-more a:hover {

	color: #800517;

}



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



#searchform div {

    /* This div will have the left image as a background */

    background: url(search1.gif) no-repeat left top;

    padding: 0 10px;

    margin: 0;

    line-height: 1;

}

#searchform #search {

    /* Im going to apply a top and bottom border to this input so that it fits with my images and give it the gradient background */

    border-top:2px solid #999;

    border-bottom:2px solid #999;

    border-left:0;

    border-right:0;

    background: #fff url(search2.gif) repeat-x top;

    padding: 3px 2px 2px 0;

    height: 15px;

}

#searchform input {

    /* Some reset styles to make my form elements play nice */

    vertical-align: top;

    margin: 0 !important;

    line-height: 1;

    outline:0 !important;

}



/*******Post Meta Styles*******/



.meta-top {

	clear: both; /* we need this so floats in the post are cleared */

	font-size: 11px;

	padding: 0px;

	margin: 0px 0px;

	background: transparent;

}



.meta-bottom {

	clear: both; /* we need this so floats in the post are cleared */

	padding: 5px;

	margin: 10px 0px;

	background: none;

}



.meta-date {

	margin: 0px;

	padding: 0px 0px 0px 15px;

	background: url(images/date.png) 0px 1px no-repeat;

}



.meta-author {

	margin: 0px;

}



.meta-comments {

	margin: 0px 5px;

}



.meta-category {

	margin: 0px 5px;

}





/******Sidebar******/



#constantcontact {

	margin-top: 10px;

}



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



#footer {

	margin: 10px auto;

	text-align: center;

}



/******Floating Bar******/



#floating_ticker {

	position: fixed;

	bottom: 0px;

	padding-bottom: 2px;

	width: 100%;

	height: 21px;

	color: #FFF;

	background-color: #000;

	border-top:solid 2px #717171;

	border-bottom:solid 2px #272727;

	z-index: 999999;

	overflow: hidden;

}

.ticker_text {
	position: relative;
	top: -2px;
}


#ticker_image {

	position: fixed;

	bottom: 0px;

	width: 100px;

	height: 95px;

	z-index: 99999999;

	background-image:url(images/cubeSmall.png);

	margin-left: 20px;

	margin-bottom: 5px;

}



#ticker_graphic_left {

	position: fixed;

	bottom: 0px;

	height: 27px;

	width: 150px;

	z-index: 9999999;

	background-image:url(images/TickerGraphicLeft.png);

}



#ticker_graphic_right {

	position: fixed;

	bottom: 0px;

	right: 0px;

	height: 27px;

	width: 150px;

	z-index: 9999999;

	background-image:url(images/TickerGraphicRight.png);

}



#tickericon {

	float: left;

	width: 27px;

	height: 21px;

	background-image:url(images/tickericon.png);

	margin-right: 25px;

}



/*******The Obligatory WP Stuff*******/



.aligncenter,

div.aligncenter {

   display: block;

   margin-left: auto;

   margin-right: auto;

}



.alignleft {

   float: left;

}



.alignright {

   float: right;

}



.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}



.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}



/********Clearing********/



.clear {

	clear: both;

}



.clearfix:after {

    content: " ";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix {

    display: inline-block;

}



html[xmlns] .clearfix {

    display: block;

}



* html .clearfix {

    height: 1%;

}