/*
Theme Name: TownLine Cleaners
Theme URI: http://townlinedrycleaners.com
Description: Theme for TownLine Cleaners.
Version: 0.1
Author: TownLine Cleaners
Author URI: http://townlinedrycleaners.com
Tags:

*/

/* Begin Typography & Colors */
body {
	background-color: #c30;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

#header {
	background: #fff url(images/headerbg.png) repeat-x bottom left;
	}

#headerimg {
	background: #fff;
	}

#header li, a:link, a:active, a:visited {
	color: #c30;
	text-decoration: none;
	}

a:hover {
	color: #f60;
	}

#pagetop, #headtop {
	background: #c30 url('images/pagebg.png') repeat-x;
	}

#pagehead, #head { text-align: left; }

#exp {
	background: #f60;
	color: #fff;
	font-size: 1.2em;
	line-height: 1.75em;
	}

#content,#lower-content {
	background: #fff;
	font-size: 1.2em;
	}

#footer {
	background: #c30;
	color: #fff;
	border: none;
	}

#footer a {
	color: #fff;
	}

h1, h2, h3 {
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
	color: white;
	}

h2, h2.pagetitle {
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}

#couponbox {
	background: #f60;
	color: #fff;
	text-align: center;
	}

#couponbox #off {
	font-size: 3em;
	text-transform: uppercase;
	}

#couponbox #get {
	background: #fff;
	}

#get a {
	color: #f60;
	}

#services-list {
	line-height: 1.25em;
	}

#opportunities-list {
	line-height: 1.5em;
	}

#services-list,#opportunities-list {
	background: #fff;
	}

#services-list h3, #opportunities-list h3 {
	color: #f60;
	}

#services-list a, #opportunities-list a {
	color: #9d9d9d;
	}
/* End Typography & Colors */


/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	position: relative;
	}

#header, #content, #lower-content {
	margin: 0 auto;
	min-width:1024px;
	width: 100%;
	}

#header {
	padding: 0;
	height: 88px;
	}

#inside-header {
	margin: 0 auto;
	position: relative;
	max-width: 1024px;
	}

#headerimg {
	display: inline;
	height: inherit;
	left: 2px;
	margin: 0;
	position: absolute;
	text-align: left;
	top: 0;
	vertical-align: text-top;
	width: 232px;
	}

#nav {
	height: 88px;
	left: 232px;
	margin: 0 auto;
	padding-top: 27px;
	position: absolute;
	top: 0;
	}

hr { display: none; }

#inside-lower-content,#inside-content, #head, #pagehead {
	margin: 0 auto;
	max-width: 1024px;
	}

#pagetop, #headtop {
	height: 25px;
	left: 0;
	position: absolute;
	min-width:1024px;
	top: 394px;
	width: 100%;
	z-index: 999;
	}

#pagetop {
	top: 240px;
	}

#head, #pagehead {
	position: relative;
	}

#exp {
	margin: 0 0.5%;
	padding-left: 2em;
	width: 420px;
	}

#exp p {
	margin-left: 1em;
	margin-right: 1em;
	}

#head #exp {	/* index.php */
	height: 306px;
	min-height: 306px;
	padding-top: 3em;
margin-bottom:-1.5em;
	}

#pagehead #exp {	/* page.php */
	height: 152px;
	min-height: 152px;
	}

#imgbox {
	background: #fff;
	border: 0;
	left: 450px;
	position: absolute;
	top: 0;
	width: 238px;
	}

#imgbox td {
	border: 1px solid #fff;
	}

td#img0 {
	border-top: 0;
	border-left: 0;
	}

td#img1 {
	border-top: 0;
	border-right: 0;
	}

td#img2 {
	border-bottom: 0;
	border-left: 0;
	}

td#img3 {
	border-bottom: 0;
	border-right: 0;
	}

#imgbox img {
	height: 152px;
	width: 236px;
	}

#content {
/* outline: 2px solid #000; */
	min-height: 21em;
	padding: 1.5em 0;
	position: relative;
	}

#lower-content {
	margin-top: -1em;
	padding: 1.5em 0;
	}

#inside-lower-content, #inside-content {
/* outline: 2px solid #0f0; */
	padding: 0 20px;
	position: relative;
	}

#inside-lower-content .post,#inside-content .post {
/* outline: 2px solid #f00; */
	width: 89%;
	max-width: 911px;
	margin: 0 0.5em;
	padding-bottom: 2em;
	text-align: left;
	}

#couponbox {
	float: left;
	margin: 0.5%;
	margin-left: 1%;
	padding: 0;
	width: 20%;
	}

#couponbox #get {
	margin: 0;
	}

#services-list, #opportunities-list {
	float: left;
	margin: 0.5% 2.25%;
	padding: 0;
	}
#services-list {
	margin-left: 40px;
	width: 15em;
	}
#opportunities-list {
	margin-left: 30px;
	width: 25em;
	}

#serv,#opp {
	border: 1px solid black;
	float:right;
	margin-top: 3em;
	width: 16em;
	}


#rc, #rc2 {
	height: 160px;
	position: absolute;
	width: 9.375%;
	}

#rc {
	right: 0;
	top: 3em;
	}

#rc2 {
	bottom: 0;
	right: 0;
	}

#footer {
	bottom: -5em;
	margin: 0 auto;
	padding: 0;
	padding-bottom: 2em;
	position: absolute;
	width: 100%;
	}

#footer p {
	margin: 0;
	padding: 20px 0 0 0;
	text-align: center;
	}
/* End Structure */


/* Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

#services-list h3, #opportunities-list h3 {
	margin-top: 0;
	padding-top: 0;
	}
/* End Headers */


/* Begin Lists */
#nav li {
	display: inline;
	list-style-type: none;
	}

.exp-list {
	margin: 0 0 0 1em;
	padding-left: 0;
	}

.page-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
/* End Lists */


/* Begin Form Elements */
/* End Form Elements */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 
'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.top {
	vertical-align: text-top;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* Begin Various Tags & Classes */
a img {
	border: none;
	}

.t {background: url(images/f60-1px.png) 0 0 repeat-x;}
.b {background: url(images/f60-1px.png) 0 100% repeat-x}
.l {background: url(images/f60-1px.png) 0 0 repeat-y}
.r {background: url(images/f60-1px.png) 100% 0 repeat-y}
.bl {background: url(images/box-bl.png) 0 100% no-repeat}
.br {background: url(images/box-br.png) 100% 100% no-repeat}
.tl {background: url(images/box-tl.png) 0 0 no-repeat}
.tr {background: url(images/box-tr.png) 100% 0 no-repeat; padding:10px}
.cbl {background: url(images/coupbox-bl.png) 0 100% no-repeat}
.cbr {background: url(images/coupbox-br.png) 100% 100% no-repeat}
.ctl {background: url(images/coupbox-tl.png) 0 0 no-repeat}
.ctr {background: url(images/coupbox-tr.png) 100% 0 no-repeat; padding:10px}
.obl {background: url(images/orgbox-bl.png) 0 100% no-repeat}
.obr {background: url(images/orgbox-br.png) 100% 100% no-repeat}
.otl {background: url(images/orgbox-tl.png) 0 0 no-repeat}
.otr {background: url(images/orgbox-tr.png) 100% 0 no-repeat; padding:10px}


/* End Various Tags & Classes*/