/*
Theme Name: Chiromoos Theme
Theme URI: 
Description:
Version: 1.6
Author: Koogar
Author URI: http:/www.koogar.co.uk
Tags: koogar, chiromoos
*/

/* Begin Typography & Colors */
html, body{
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font: 86% arial,sans-serif;
	text-align:center;	
	}
	
td,
th,
blockquote {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	vertical-align: top;
	font-size: 1em;
}

td {
	padding: 4px;
}

blockquote {
}

ul {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

li {
	list-style-type: square;
	margin: 15px 30px;
	padding: 0;
}

p{
	margin:0 10px 10px;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	}

a,
a:link {
	color: #000;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

a,
a:hover {
	color: #1d7fe4;
}

a,
a:active {
	color: #9b1819;
}

a:visited {
	color: #333;
}

h1, h2, h3, h4 {
	text-transform: lowercase;
}

h1.home_T {
	color: #000;
	background: url('http://www.chiromoos.co.uk/images/home_T.gif') no-repeat left top;
	height: 51px;
	text-indent: -3000em;
	padding: 0;
	margin: 0
}

h1.blog_T {
	color: #000;
	background: url('http://www.chiromoos.co.uk/images/blog_T.gif') no-repeat left top;
	height: 51px;
	text-indent: -3000em;
	padding: 0;
	margin: 0
}

h1.contact_us_T {
	color: #000;
	background: url('http://www.chiromoos.co.uk/images/contact_us_T.gif') no-repeat left top;
	height: 51px;
	text-indent: -3000em;
	padding: 0;
	margin: 0
}

h1.about_us_T {
	color: #000;
	background: url('http://www.chiromoos.co.uk/images/about_us_T.gif') no-repeat left top;
	height: 51px;
	text-indent: -3000em;
	padding: 0;
	margin: 0
}

h1.what_is_T {
	color: #000;
	background: url('http://www.chiromoos.co.uk/images/what_is_chiropractic_T.gif') no-repeat left top;
	height: 51px;
	text-indent: -3000em;
	padding: 0;
	margin: 0
}

h1.prices_T {
	color: #000;
	background: url('http://www.chiromoos.co.uk/images/prices_T.gif') no-repeat left top;
	height: 51px;
	text-indent: -3000em;
	padding: 0;
	margin: 0
}

h1.clinic_info_T {
	color: #000;
	background: url('http://www.chiromoos.co.uk/images/clinic_information_T.gif') no-repeat left top;
	height: 51px;
	text-indent: -3000em;
	padding: 0;
	margin: 0
}

h2 {
	color: #000;
	margin-left: 10px;
	font-size: 1.4em;
}

h3 {
	color: #1d7fe4;
	margin-left: 10px;
	font-size: 1.2em;
}

h4 {
	color: #000;
	margin-left: 10px;
	font-size: 1em;
}

iframe {
	margin-left: 10px;
}

	form {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		padding: 0;
		margin: 0;
		font-size: 1em;
		color: #666;
	}
	
	input,
	select,
	textarea {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: normal;
		border: 1px solid #999;
		padding: 4px;
		margin: 8px  0;
		background-color: #fff;
	}
	
	input:focus,
	select:focus,
	textarea:focus {
		border: #ea4498 solid 1px;
		background-color: #fff;
	}
	
	fieldset {     
		font-family: Verdana, Arial, Helvetica, sans-serif;                                                    
		border: none;
		color: #1d7fe4;
		padding: 0 10px;
		margin: 0 9px;
	}  
	
	legend {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		margin: 0 0 10px 0;
		padding: 5px;
		border: 1px solid #ccc;
		text-indent: -3000em;
		display: none;
	}

.tel {
	color: #9b1819;
	font-size: 1.4em;
}


div#header {
	height:125px;
	margin:0;
	padding:0;
	color: #fff;
	background: url('http://www.chiromoos.co.uk/images/chiromoos_logo.jpg') no-repeat center;	
	}
	
div#topnav {
	margin: 20px 0 10px 0;
	color: #fff;
	}

div#container{
	width:850px;
	margin:0 auto;
	text-align:left;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	background: url('http://www.chiromoos.co.uk/images/bg.jpg') left top;
	}

div#wrapper{
	float:left;
	width:100%;
	}

div#content{margin: 0 200px;}

div#content p{line-height:1.4;}

div#navigation{
	float:left;
	width:200px;
	margin-left:-200px;
	margin-top: 41px;
	}

div#extra{
	float:left;
	width:180px;
	margin-left:-850px;
	}

div#footer{
	clear:left;
	width:100%;
	background: #cccccc;
	color: #000;
	font-weight: bold;
	border-top: 1px solid #999;
	}
	
div#footer a {
	font-weight: bold;
}

div#footer p{
	margin:0;
	padding:5px 10px;
	}
	
/*********** TOP Nav ***********/
#navcontainer {
        background: #ccc;
        border-top: 1px solid #999;
        font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist {
        list-style: none outside none;
        margin: 0;
        padding: 0;
}

@media all {
        #navlist {
                text-align: center
        }
}

#navlist li {
        bottom: 11px;
        display: inline;
        line-height: 1.2em;
        margin: 0;
        padding: 0;
        position: relative;
}

html>body #navlist li {
        background: #000;
        margin: 0 3px 0 0;
        padding: 4px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited {
        background: #9b1819;
        border: 1px solid #FFF;
        bottom: 2px;
        color: #FFF;
        cursor: pointer;
        display: inline;
        height: 1em;
        margin: 0;
        padding: 3px 5px 3px 5px;
        position: relative;
        right: 2px;
        text-decoration: none;
}

#navlist a:hover {
        background: #1d7fe4;
        bottom: 1px;
        color: #FFF;
        position: relative;
        right: 1px;
}

#navlist a:active {
        background: #999;
        bottom: 0px;
        color: #FFF;
        position: relative;
        right: 0px;
}

#navlist li#active {
        background: red;
        bottom: 13px;
        display: inline;
        margin: 0 3px 0 0;
        padding: 0;
        position: relative;
}

html>body #navlist li#active {
        background: blue;
        margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover {
        background: #ccc;
        border-bottom: none;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
        border-top: 1px solid #999;
        bottom: 0;
        color: #000;
        cursor: text;
        margin: 0;
        padding: 2px 5px 0 5px;
        position: relative;
        right: 0;
}

.first_para {
	border: 1px solid #999; /*#1d7fe4 bright blue*/
	background: #FFF;
	font-size: 1.2em;
	padding: 5px;
	margin: 0 0 5px 5px;
	color: #1d7fe4;
}

div.callout {
	border: 1px solid #999;
	background: #FFF url('http://www.chiromoos.co.uk/images/call_us_now.gif') no-repeat center 10px;
	height: 54px;
	margin: 10px;
	color: #999; 
	width: 150px; padding-left:16px; padding-right:0; padding-top:55px; padding-bottom:0
}

div.callout p {
	padding-top: 10px;
}

div.maillist {
	border: 1px solid #999;
	background: #FFF url('http://www.chiromoos.co.uk/images/sign_up.gif') no-repeat center 10px;
	height: 170px;
	margin: 10px;
	color: #999; 
	width: 150px; padding-left:6px; padding-right:0; padding-top:55px; padding-bottom:0
}

div.maillist p {
	padding-top: 10px;
}

div.testimonials {
	border: 1px solid #999;
	background: #ccc url('http://www.chiromoos.co.uk/images/testimonials_T.gif') no-repeat center 10px;
	margin: 10px;
	width: 150px; padding-left:16px; padding-right:0; padding-top:55px; padding-bottom:0
}

.red_text {
	color: #9b1819;
}

.red_bold {
	color: #9b1819;
	font-weight: bold;
}

.blue_text {
	color: #1d7fe4;
}

.blue_bold {
	color: #1d7fe4;
	font-weight: bold;
}

div#footer p.koogar {
	font-size:  0.75em;
	font-weight: normal;
}

div#footer p.koogar a {
	font-weight: normal;
}
