/*  

Client: Elaine Swift
Client URL: http://www.elaineswift.co.uk
Description: Elaine Swift website built on Wordpress
Version: 1.0
Author: Robert Games
Agency: Pad Media
Agency URL: http://www.padmedia.co.uk/
Date: 07/02/2008

Notes: Positioning used to lay page out as main content starts at top of html. 

*/

/* Contents

	1.0	Global Formatting
	2.0	Common Formatting
	3.0	Links
	4.0	Fonts
	5.0	Global Classes
	6.0	Wrapper
	7.0	Logo
	8.0	Layout
	9.0	Navigation
	10	Forms
	11	Tables
	
*/


/* 1.0	Global Formatting */

html, body {
	border:0;
	margin:0 0 0 0;
	padding:0;	
}

body {
	font-size:62.5%; /* 62.5% relative font size resets to 10px */
	font-family:"Trebuchet MS";
	color: #000000;
	min-width:760px;
}

html {
	/* this is a hack to force scrollbars on at 
    all times so that the page does not jump
    when going from short to long pages */
	height: 100%;
	margin-bottom: 1px;
}

/* 2.0	Common Formatting */

p {
	font-size:1.4em;
	line-height:1.4em;
}

h1 {
	color: #D1D1D1;
	font-size:1.8em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	color:#F3218E;
	font-size:1.6em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

h2 a {
	font-size:16px;
}

h3 {
	color:#F3218E;
	font-size:1.4em;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

h4 {
}

h5 {
}

h6 {
}

#content ul {
	margin:0;
	padding:0;
}

#content li {
	margin:0 0 0 15px;
	padding:0 0 0 00px;
	font-size:1.4em;
	list-style:disc;
}

blockquote {
}

img {
	float:left;
	margin: 0 20px 10px 0;
	clear:left;
	border:none;
	
}

strong {
}

em {
}

u {
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

ol {
	list-style:none;
	padding:0;
	margin:0;
}

ol li {
	list-style-type:none!important;
	margin:0 0 20px 0!important;
	padding:0 0 0 270px!important;
	float:left;
	/*clear:left;*/
	display:block;
}

ol li p {
	font-size:1em;
}

ol li h2 {
	font-size:1.1em;
	color:#000000;
	font-weight:bold;
	margin:0 0 -10px 0;
}

ol li img {
	display:inline;
	margin: 0 0 0 -270px;
}


/* 3.0	Links */

a {
	color:#F3218E; /*#990033*/
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {
}

a:focus {
}

/* 4.0	Fonts */

/* 5.0	Global Classes */

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
	width:100%;
	display:block;
}

.hide {
	display:none;
}
 
.float-left {
	float:left;
}

.float-right {
	float:right;
}
 
.text-left { 
	text-align:left;
}

.text-right { 
	text-align:right;
}

.text-center {
	text-align:center;
}

.text-justify {
	text-align:justify;
}

.nopadding {
	padding:0;
}

.noindent {
	margin-left:0;
	padding-left:0;
}

.nobullet {
	list-style:none;
	list-style-image:none;
}

.showcase-container {
	overflow:hidden;
}

/* 6.0	Wrapper */

div#wrapper {
	margin: 190px 0 0 0;
	width:100%;
}

/* 7.0	Logo */

div#logo {
	width:101px;
	height:81px;
	background:url(images/logo.jpg) no-repeat;
	position:absolute;
	top:50px;
	left:18px;
}

div#logo a {
	display:block;
	width:101px;
	height:81px;
	text-indent:-999999px;
}

/* 8.0	Layout */

#content {
	float:right;
	width:48%;
	margin: 0 25% 0 0 ;
	display:inline; /* Hack for IE6 double margin bug */
}

/* 9.0	Navigation */

#nav {
	width:26%;
	margin:0;
	float:left;
	padding:0;
}

#nav ul {
	padding:0;
	margin: 0 0 0 18px;
	list-style:none;
}

#nav li {
	padding:0;
	margin:0 0 6px 0;
	list-style:none;
	font-size:1.4em;
}

#nav li a {
	/*color:#F3218E;*/
	color:#666666;
	text-decoration:none;
}

#nav li a:hover {
	color:#F3218E;
}

#nav li ul {
	margin: 6px 0 0 18px;
}

#nav li ul li {
	font-size:1em;
}

#footer {
	margin:60px 0 0 0;
	font-size:0.8em;
	clear:both;
}

#nav li a.toggle_title {
	color: #000000!important;
}

/* Selected navigation styling */

/*ul li a.current_page_item  {
	color:#999999;
}*/

#nav li a.current_page_item {
color:#666666;
}

/* 10.0	Forms */

.cform {
	padding:0;
	margin:0;
}

.cform fieldset	{ 
	margin:0; 
	padding:0;
	border:none;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend {
	margin:0;
	padding:0;
	display:hidden;
}

.cform ol li {
	padding:0!important;
	margin:0!important;
}

ol.cf-ol { 
	margin:0!important; 
	padding:0!important;
	list-style:none;
}

ol.cf-ol li	{
	background:none!important; 
	margin:0 0 5px 0!important;
	padding:0; 
	list-style:none!important; 
}

.cform label {
	width:90px; 
	margin:0 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	vertical-align:top;
}

.cform label span {
	width:90px; /* must be the same as above!*/
	display:block; 
}


.cform input,
.cform textarea,
.cform select { 
	padding:3px;
	background: #f9f9f9; 
	border: 1px solid #888888; 
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	background: #FFFFFF; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	background:#F3F8F8; 
}

.cform textarea,
.cform input {
	width:50%; 
}
.cform select {
	width:48%; /* attempt to have equal length */
	padding:2px 0;
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}

/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	font-weight:bold;
	letter-spacing:1px;
	padding:8px 0 0 100px; /* check with label 'width' incl. */
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

.cform input.cf-box-a,
.cform input.cf-box-b 	{ 
	margin:2px 0 0 0; 
	width:14px;
	height:22px;
	border:none!important;
	background:none!important; 
}

.cform input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	margin:10px 0pt 0px !important;
	padding-left: 100px; 
} 

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	margin:3px 0 0 3px;
	font-size:0.9em;
	display: -moz-inline-box; 
	vertical-align:top;
}

/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	padding: 0!important;
	margin: 0;
}
.cform input.sendbutton	{ 
	width:100px;  
	padding:5px; 
	margin: 10px 0 0 52%;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	height:1%;
	min-height:1%;
	margin:0 0 0 100px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */

label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:50px;
	padding: 4px 4px;
	margin: 0;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_grey.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:380px;
	line-height:1.3em;
	margin:10px 0 10px 0;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:#ad2929!important;
	text-decoration:underline!important;
}
div.success {
	background:#F7F7F7 none repeat scroll 0% 50%;
	color:#444444;
	display:block;
}
div.failure {
	display:block;
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
}

/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:#ad2929; 
	border:1px solid #ad2929; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:#ad2929; 
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */

[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */
.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	width:410px;
	margin:0 auto 10px!important;
	padding:0!important;	
	text-align:center!important;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}

/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform legend { 
	position:absolute; 
	top: -10px; 
	left: 10px; 
	margin-left:0;
}

* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;  /*for ie6*/
}
*+html .cform label,
*+html ol.cf-ol,
*+html ol.cf-ol li,
*+html span.reqtxt,
*+html span.emailreqtxt {
	display: inline-block; /*for ie7*/
}

* html img.captcha {
	margin-bottom:1px!important;
}
*+html img.captcha {
	margin-bottom:1px!important;
}


/* 11.0	Tables */

table {
}

tbody {
}

tr {
}

th {
}

td {
}

/* Email This Page Styling */

#emailthislink {
	font-size:1.2em;
}

label {
	font-weight:normal;
	font-size:1em;
	color:#999999;
}

/* Comment form */

#commentform {
}

#commentform input {
	padding:3px;
	border: 1px solid #888888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	width:280px;
}

#commentform textarea {
	padding:3px;
	border: 1px solid #888888; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	width:520px;
}

#commentform input#submit {
	width:100px!important;
}

ol .commentlist {
	padding:0;
	margin:0;
	list-style:none;
	clear:both;
	background:#00FF00;
}

.commentlist li {
	float:none!important;
	display:block;
	margin:0 0 20px 15px!important;
	padding:0 0 0 7px!important;
	border-left: 3px solid #F3218E; /*#990033*/
	background:#f4f4f4;
	width:80%;
	position:relative;
}

h3#comments, h3#respond{
	border-top:1px solid #CCCCCC;
	padding:15px 0 0 0;
	margin-top:20px;
	display:block;
}

/* Error handling on form */
#commentform p {
	position:relative;
}

label.error {
	color:#FF0000;
	text-align:left;
	width:300px!important;
	clear:both;
	font-style:italic;
	font-size:11px;
	position:absolute;
	top:20px;
	left:0;
}

input.error {
	border:#FF0000 1px solid!important;
}

textarea.error {
	border:#FF0000 1px solid!important;
}

/* Tag Cloud styling */

#tag-cloud {
	margin:0 0 20px 18px;
	width:60%;
}

#tag-cloud h3 {
	color:#666;
	padding-top:18px;
	border-top: 1px solid  #CCC;
}

#tag-cloud a {
	color:#666;
}

/* Sidebar tweet */

.aktt_tweets {
	margin-bottom:20px;
}

.aktt_tweets ul {
	margin:0;
	padding:0;
	list-style:none;
	margin:0 0 20px 18px;
	width:60%;
}

.aktt_tweets li {
	font-size:11px!important;
	color:#666px;
} 

h3.sidebarheading {
	color:#666;
	margin-left: 18px;
	padding-top:18px;
	border-top: 1px solid  #CCC;
	width:60%;
}

/* Follow me on twitter */
a.twitter-follow { 
	background:url(images/twitter-icon.gif) no-repeat left top;
	padding:10px 0 10px 52px;
	font-size:1.2em;
	margin:20px 0 20px 18px;
	display:block;
	color:#666666;
}