/*
$Id: style.css 258240 2010-06-28 16:21:14Z jamesgpearce $
$URL: http://plugins.svn.wordpress.org/wordpress-mobile-pack/trunk/themes/mobile_pack_base/style.css $
Copyright (c) 2009 James Pearce & friends, portions mTLD Top Level Domain Limited, ribot, Forum Nokia
This file is part of the WordPress Mobile Pack, licensed under the Apache License, Version 2.0. Consult server-side files for license.
*/

/*
Theme Name: WordPress Mobile (base)
Theme URI: http://wordpress.org/extend/plugins/wordpress-mobile-pack/
Description: The base theme of the WordPress Mobile Pack. It is designed to be used by mobile browsers - but also to be extended by other themes. Tested with WordPress 2.5, 2.6 and 2.7.
Version: 1.2.4
Author: ribot, Forum Nokia & James Pearce
Author URI: http://ribot.co.uk
*/

/*
PALETTE
-------
*/


/* DARKEST */
a:hover {
  color:#111111;
}
body {
/*  background:#F0F0F0;
  color:#787878;  */
}


/* VERY DARK */
body, h2 a {
  color:#787878;
}
.button, #submit, #header, #footer {
  background-color:#333333
}
input, textarea {
  border-color:#333333;
}


/* DARK */
a, a:visited, #sidebar ul h2, li.current_page_item a {
  color:#444444;
}


/* MID */
div.dateicon, p.metadata {
  color:#8C8F6C;
}


/* LIGHT MID */
#menu, #sidebar ul h2, h1, div.post, ol.commentlist, #commentform {
  border-color:#DDDFD9;
}


/* LIGHT */
#menu, #sidebar ul h2 {
/*  background-color:#EFF1EA;*/
}


/* VERY LIGHT */
#wrap {
  background:none;
}


/* LIGHTEST */
#header, #header a, #header a:hover, #header h2, #footer a, #footer a:hover, #footer, #submit, .button  {
  color:#FFFFFF;
}
.navigation, h3, div.post, #footer {
  border-top-color:#FFFFFF;
}



/*******************BASESETYLE.CSS****************************/

/* CSS Document */
/*
 * DEFAULT STYLES
 * 
 */
body {
	font-size: 100%;
/*	background-image:url(http://www.shotmedia.co.uk/wp-content/themes/mobile_pack_base/img/mob-body-bg.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center; 	*/
	background-color:#fff;
	color:#666;  
	font-weight: normal;
	font-family:Arial,Helvetica,sans-serif;
	border:5px solid #ff6600;
}
/*
 * PAGE CONTAINERS
 * See documentation for details regarding use of #wrap and #content
 */
#header {
}
body div#header{	background:#ff6600 !important;border:none !important; padding:0.4em 0; margin:0 0 1em 0;	}
body div#header h1{	background:none !important;}

#header-home{	padding-top:10px;	}

#wrap {
	width: 100%;
	position:relative;
	left: 0;
	padding: 0;
}
#wrap .pages{	padding:0 10px; text-align:justify;	}

#content {
	margin-left: 10px;
	margin-right: 10px;
}
#footer {
	background: #ff6600;
	padding: 4px 0;
	clear: both;
	height: 1em;
	position:relative;
}
#footer.ft-large {
	height: 9em;
}

.full{	width:100%;	}	 .align-center{	text-align:center;	}
/*
 * BASIC ELEMENTS
 * Basic styling of common elements.
 */
p {
	line-height:1.3em;
	margin-top: 0.2em;
	margin-bottom: 0.8em;
	clear: both;
	font-size:1em;	
}
#footer p {
	color: #FFF;
	font-size: .8em;
	margin: 0 10px;
	margin-top: 0em;
	margin-bottom: 0em;
	padding: 0em;
}
strong {
	font-weight: bolder;
}
em {
	font-style: italic;
}
/*
 * LINK STATES
 * 
 */
a:link {
	color:#666666;
	text-decoration:none;
}

a:visited {
	color:#666666;
}

a:hover {
	color:#FF9900;
}

a:active {
	color:#666666;
}
/*
 * NATIVE LISTS
 * 
 */
ul {
	list-style: disc;
	margin-left: 10px;
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 10px;
}
ul li {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

ol {
	list-style: decimal;
	margin-left: 10px;
	margin-top: 1em;
	padding-left: 10px;
}

ol ol {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

.half{	width:49%;	}		.onebythree{	width:31.5%;	}

.onebythree p, .onebythree img{	padding-left:3px;	}

.left{	margin:0 10px 10px 0; }	.leftonly, .left{	float:left;	}

.right{	margin:0 0 10px 10px; }	.rightonly, .right{	float:right;	}

.social-icon{	margin:5px 10px 0 0;	}

.no-border{	border:none !important;	}

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

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

.leftborder{	border-left:1px solid #FF6600;	}

.wpcf7-form {
    float: left;
    width: 94%;
}
.wpcf7-captchar{	margin-bottom:0;	}

/*
 * CLEAR
 * 
 */
.stack {
	clear:both;
}
/* add this class to a header to remove top and bottom margins */
.flush {
	margin-bottom: 0;
	margin-top: 0;
}
/*
 * HEADERS
 * 
 */
 /*designed to be used at the very top of a page*/
h1.top-aligned {
	font-size: 1.7em;
	padding-top: .3em;
	padding-bottom: .5em;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	background: #F6F6F6 url(../images/img-h1-shadow.png) repeat-x bottom;
	margin-top: 0em;
	margin-bottom: .5em;
	margin-left: -10px;
	margin-right: -10px;
}
/*alternate H1*/
#header h1 {
	font-size: 1em;
	padding: 0;
	font-weight: bold;
	color:#003366;
	background:none;
	border:none;
	margin:0;
}

h1 {
	font-size: 1.25em;
	padding-bottom: 0.3em;
	font-weight: bold;
/*	background: #FFF url(../images/img-h1-gradient.png) repeat-x bottom;
	border-top: 1px solid #D8D8D8;*/
/*	border:none;
	background:none;*/
	margin-top: 0.2em;
	margin-bottom: 0.8em;
	color:#ff6600;
	border-bottom: 1px solid #ff6600;
}

h2 {
	font-size: 1em;
	margin-top: 0.2em;
	margin-bottom: 0.3em;
	clear: both;
	border-bottom: 1px solid #D8D8D8;
}


h3 {
	font-size: 0.9em;
	color: #000077;
	margin-top: 0.2em;
	margin-bottom: 0.8em;
	clear: both;
	font-weight:bold;
}

h3.title{	background:#000; color:#FFF; padding:3px 8px; 	}
h3.title2{	background:#ff6600; color:#FFF; padding:3px 8px; margin-top:0;	}

#wrap h4 {
	clear:both;
	color:#ff6600 !important;
	font-size:0.8em;
	line-height:1.4em;
	margin-bottom:0.3em;
}

h5 {
	font-size: 1.2em;
	background-color: #F6F6F6;
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	padding-left: 10px;
	padding-top: .3em;
	padding-bottom: .3em;
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	margin-left: -10px;
	margin-right: -10px;
	clear: both;

}
/* enables h5 to stack neatly above other items */
h5.flush {
	margin-bottom: 0;
	border-bottom: none;
}
h6 {
	font-size: 1.0em;
	color: #333333;
	margin-top: 0.2em;
	margin-bottom: 0.4em;
	border-bottom: 1px solid #D8D8D8;
	clear: both;
}
/*
 * BLOCKQUOTE
 * 
 */
blockquote {
	margin-right: 10px;
	margin-bottom: 0;
	margin-top: 0;
	padding: 1em .5em 1em 2em;
	background: url(../images/img-quote.png) no-repeat 0em .5em;
	font-style: italic;
}
blockquote p {
	margin: 0;
	padding: 0;
}
/*
 * END DEFAULT STYLES
 * 
 */
/*
 * 1. BRANDING AND MARKETING
 * 
 */
/*
 * BRANDING AREA
 * logo, tagline, background and hyperlink
 */
#header div.branding {
	height: 68px;
	background: url(../images/img-branding-background.png) repeat-x top;
	display: block;
	width: 100%;
	overflow: hidden;
}
#header div.branding img {
	padding-top: 20px;
	padding-left: 10px;
}
#header div.branding a {
	width: 100%;
	height: 68px;
	display: block;
	background-image: none;
	padding-right: none;
}
#header div.branding p {
	text-indent: -5000px;
}
/*
 * ADVERTISMENT CONTAINER
 * 
 */
.advertisement {
	padding:0;
	margin: 0.5em 0 0.5em 0;
	width: 100%;
}
.advertisement p {
	border: 1px solid #D8D8D8;
	padding: 0.4em 0.4em;
	background-color: #F6F6F6;
	margin-bottom: 0;
	margin-top: 0;
}
.advertisement span {
	text-transform: uppercase;
	padding: 0;
	float: right;
	font-size: 0.7em;
	color: #B0B0B0;
	padding-bottom: 0.3em;
}
/*
 * 2. LISTS
 * 
 */
/*
 * LIST WITH ICON
 * 30 x 30 graphic
 */
ul.list-graphical {
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: .6em;
	margin-left: -10px;
	margin-right: -10px;
	border-bottom: 1px solid #D5D8D8;
	color: #333333;
}

ul.list-graphical li {
	background: #F6F6F6 url(../images/sprite-list.png) repeat-x top;
	display: block;
	line-height: 40px;
}

ul.list-graphical a {
	display: block;
	padding-left: 50px;
	background: transparent url(../images/img-30x30-icon.png) no-repeat 7px top;
	height: 40px;
	text-decoration: none;
}
ul.list-graphical a:hover {
	background: transparent url(../images/img-30x30-icon.png) no-repeat 7px bottom;
	color: #FFFFFF;
	outline: none;
}

ul.list-graphical li:hover {
	background: #82CB20 url(../images/sprite-list.png) repeat-x 0px -50px;
}

/*
 * ALTERNATE GRAPHIC
 * 40 x 40 graphic
 */
/*---add this class if using a 40x40 graphic---*/
ul.list-graphical a.photo {
	display: block;
	padding-left: 50px;
	background: transparent url(../images/img-40x40.png) no-repeat 0px 0px;
	height: 40px;
}
/*
 * ALTERNATE IMPLEMENTATION
 * uses inline image rather than CSS-specified image
 */
ul.list-graphical-inline {
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: .6em;
	margin-left: -10px;
	margin-right: -10px;
	border-bottom: 1px solid #D5D8D8;
	color: #333333;
}

ul.list-graphical-inline li {
	background: #F6F6F6 url(../images/sprite-list.png) repeat-x top;
	display: block;
	line-height: 40px;
}

ul.list-graphical-inline a {
	display: block;
	height: 40px;
	text-decoration: none;
}
ul.list-graphical-inline a img {
	float: left;
	margin-right: 10px;
}
ul.list-graphical-inline a:hover {
	color: #FFFFFF;
	outline: none;
}

ul.list-graphical-inline li:hover {
	background: #82CB20 url(../images/sprite-list.png) repeat-x 0px -50px;
}
/*
 * SIMPLE STYLED LIST BOX
 * 
 */
/*note: line height adjusts height*/
ul.list {
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -10px;
	margin-right: -10px;
	border-bottom: 1px solid #D5D8D8;
	color: #333333;
}
ul.list li {
	background: #F6F6F6 url(../images/sprite-list.png) repeat-x top;
	line-height: 40px;
	display: block;
}
ul.list a {
	padding-left: 10px;
	display: block;
	height: 40px;
	background: url(../images/sprite-open.png) no-repeat right top;
	text-decoration: none;
}
ul.list li:hover {
	background: #82CB20 url(../images/sprite-list.png) repeat-x 0px -50px;
	color: #FFFFFF;
}

ul.list a:link, ul.list a:visited  {
	color: #333333;
}
ul.list a:hover {
	color: #FFFFFF;
	background: url(../images/sprite-open.png) no-repeat right bottom;
	outline: none;
}
ul.list a:active {
	color: #990000;
}
/*
 * ACCORDION DEFINITION LIST
 * 
 */
dl.list-accordion {
	margin-left: -10px;
	margin-right: -10px;
	border-bottom: 1px solid #D5D8D8;
}

dl.list-accordion dt{
	padding-left: 10px;
	line-height: 40px;
	height: 40px;
	
}
/*definition container*/
dl.list-accordion dd {
	padding-left: 15px;
	padding-right: 10px;
	padding-top: 0.5em;
	padding-bottom: 0.4em;
	line-height: normal;
	background-color: #FFFFF;
}
/*definition term*/
dl.list-accordion dt {
	background: #F6F6F6 url(../images/sprite-list.png) repeat-x top;
}

dl.list-accordion dt.expanded {
	border-bottom: 1px solid #D5D8D8;
}

dl.list-accordion dt.collapsed {
	border-bottom: none;
}
/*container for expand/collapse icon*/
dl.list-accordion dt span {
	width: 14px;
	height: 14px;
	margin-top: 12px;
	margin-right: 0.5em;
	display: block;
	float: left;
}
/*switches icon when expanded*/
dl.list-accordion dt.expanded span{
	background: url(../images/sprite-expand-collapse.png) no-repeat left bottom;
}
/*switches icon when collapsed*/
dl.list-accordion dt.collapsed span{
	background: url(../images/sprite-expand-collapse.png) no-repeat left top;
}

dl.list-accordion dt:hover {
	background: #82CB20 url(../images/sprite-list.png) repeat-x 0px -50px;
	color: #FFFFFF;
	cursor: pointer;
}
/*content inside of definition container*/
dl.list-accordion dd p {
	margin: 0;
	padding: 0 0 0.4em 0;
}
/*
 * IMAGE GRID
 * 
 */
ul.grid {
	width: 100%;
	margin: 0 auto;
}

ul.grid li {
	display: inline;
}
ul.grid li img{
	border: 1px solid #D8D8D8;
	padding: .2em .2em;
	margin-right: .4em;
	margin-bottom: .4em;
}

/*
 * 3. NAVIGATION COMPONENTS
 * 
 */
/*
 * BACK TO TOP
 * 
 */
div.top {
	font-size: .9em;
	background: #F6F6F6 url(../images/img-top.png) no-repeat 10px center;
	border-bottom: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	padding-left: 2.2em;
	padding-top: .3em;
	padding-bottom: .3em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: -10px;
	margin-right: -10px;
	clear: both;
}

div.top a {
	color: #535353;
	text-decoration: none;
	width: 100%;
	display: block;
}
/*
 * HOME
 * 
 */
div.home {
	font-size: .9em;
	background: #F6F6F6 url(../images/img-home.png) no-repeat 10px center;
	border-top: 1px solid #D8D8D8;
	padding-left: 1.5em;
	padding-top: .3em;
	padding-bottom: .3em;
	margin-top: 0.5em;
	margin-bottom: 0em;
	margin-left: -10px;
	margin-right: -10px;
	clear: both;
}

div.home a {
	color: #535353;
	text-decoration: none;
	width: 100%;
	display: block;
}

/*
 * BREADCRUMBS
 * 
 */
div#menu{	padding:5px 0;	margin:0 0 1em 0; float:left; width:100%; background:none;	} 
ul.breadcrumbs {
	font-size: 80%;
	list-style-type: none;
	padding:0;
}

ul.breadcrumbs li {
	display: inline;
	line-height: 1.5em;
	height:1.5em;


}

ul.breadcrumbs li.current-menu-item a{	color:#ff6600;		}

ul.breadcrumbs li a{
	text-align:left;
	padding:6px 2%;
/*	background:#FFE87C;*/
	color:#000;
	text-decoration:none;
	width:96%; float:left; 
}

ul.breadcrumbs li a:hover{
	text-decoration:underline;
}



/*
 * FOOTER OR ADMIN NAV
 * 
 */
ul.nav-footer {
	display: block;
	color: #FFF;
	padding-top: 0em;
	padding-bottom: .5em;
	padding-left: 10px;
	padding-right: .5em;
	font-size: .85em;
	height: 2em;
}
ul.nav-footer li {
	display: inline;
	line-height: 1.5em;
	float: left;
}
ul.nav-footer li a {
	padding-right: 0.5em;
	padding-left: 0.5em;
	border-right: 1px solid #FFF;
	text-decoration: none;
}
ul.nav-footer li.last a {
	border-right: none;
	padding-right: 0;
}
ul.nav-footer li.first a {
	padding-left: 0;
}

ul.nav-footer a {
	color: #FFF;
}

/*
 * NAVIGATION BAR (ROUNDED CORNERS)
 * 
 */
ul.nav-horizontal-rounded  {
	padding:0;
	margin: 0 0 .6em 0;
	list-style-type: none;
	width: 100%;
	height: 40px;
	float: left;
}
/*line height determines vertical text positioning*/
ul.nav-horizontal-rounded  li {
	float: left;
	display: block;
	padding: 0;
	margin-bottom: 0;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	background: #FFF url(../images/sprite-nav-rounded.png) no-repeat -20px 0px;
}

ul.nav-horizontal-rounded  li:hover {
	background:  url(../images/sprite-nav-rounded.png) repeat-x -20px -50px;
	color: #FFF;
}

/*height centers text vertically*/
ul.nav-horizontal-rounded  li a {
	display: block;
	background: url(../images/vertical-divider.png) repeat-y left center;
	height: 40px;
	padding-right: 0px;
	text-decoration: none;
}
ul.nav-horizontal-rounded  .first a  {
	background-image: none;
}
ul.nav-horizontal-rounded  li a:hover {
	color: #FFF;
	background-image: none;
	cursor: pointer;
	outline: none;
}
/*left rounded corner*/
ul.nav-horizontal-rounded  li.first {
	background: #FFF url(../images/sprite-nav-rounded.png) no-repeat 0px 0px;
}

ul.nav-horizontal-rounded  li.first :hover {
	background: #92CF1A url(../images/sprite-nav-rounded.png) repeat-x 0px -50px;
	color: #FFF;
}
/*right rounded corner*/
ul.nav-horizontal-rounded  li.last :hover {
	background: #92CF1A url(../images/sprite-nav-rounded.png) repeat-x right -50px;
	color: #FFF;
}

ul.nav-horizontal-rounded li.last {
	background: #FFF url(../images/sprite-nav-rounded.png) no-repeat right 0px;
}

/*
 * SIMPLE NAVIGATION BAR
 * 
 */
ul.nav-horizontal-flat {
	padding: 0;
	margin: 0 0 0.6em 0;
	list-style-type: none;
	width: 100%;
	height: 40px;
	float: left;
	border-top: 1px solid #D8D8D8;
	border-bottom: 2px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	background: #F6F6F6 url(../images/sprite-list.png) repeat-x 0px 0px;
}

ul.nav-horizontal-flat li {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	line-height: 40px;
	text-align: center;
	background: #F6F6F6 url(../images/sprite-list.png) repeat-x 0px 0px;
}

ul.nav-horizontal-flat li a {
	text-decoration: none;
}
ul.nav-horizontal-flat li.last {
	background-image: none;
	background-color: transparent;
}

ul.nav-horizontal-flat li:hover {
	background: #92CF1A url(../images/sprite-list.png) repeat-x 0px -50px;
	color: #FFF;
}
/*divider*/
/*removed on first item and on hover*/
ul.nav-horizontal-flat li a {
	display: block;
	background: url(../images/vertical-divider.png) repeat-y left center;
	height: 40px;
	padding-right: 0px;
	cursor: pointer;
}
ul.nav-horizontal-flat .first a  {
	background-image: none;
}
ul.nav-horizontal-flat li a:hover {
	color: #FFF;
	background-image: none;
	outline: none;
}

/*sets number of navigation bar items*/
/*add class to li*/
.four-piece {
	width: 25%;
}
.three-piece {
	width: 33.3%;
}
.two-piece {
	width: 50%;
}
/*
 * 4. STYLIZED LINKS
 * includes icon to represent the type of link
 */
/*external link*/
a.external {
	background: url(../images/img-link-external.png) no-repeat right top;
	padding-right: 1em;
}
/*links to ical data*/
/*see 'data-ical' in resources*/
a.ical {
	background: url(../images/img-link-ical.png) no-repeat right top;
	padding-right: 1em;
}

a[href^="mailto:"] {
	background: url(../images/img-link-email.png) no-repeat right top;
	padding-right: 1em;
}

a[href^="tel:"] {
	background: url(../images/img-link-tel.png) no-repeat right top;
	padding-right: 1em;
}

a[href^="sms:"] {
	background: url(../images/img-link-sms.png) no-repeat right top;
	padding-right: 1em;
}
/*
 * 5. BUTTONS
 * 
 */
/*
 * STYLED BUTTON
 * 
 */
/*change button width to auto for full-width button or customize width*/
a.button-flat {
	display: block;
	line-height: 40px;
	height: 40px;
	width: 100px;
	background: #F6F6F6 url(../images/sprite-button-flat.png) repeat-x 0px 0px;
	text-align: center;
	border-bottom: 2px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-top: 1px solid #D8D8D8;
	text-decoration: none;
	color: #333333;
	padding: 0 .3em;
	margin-bottom: 0.5em;
}

a.button-flat:hover {
	background: #92CF1A url(../images/sprite-button-flat.png) repeat-x 0px -50px;
	color: #FFF;
	outline: none;
	border-bottom: 2px solid #B5B5B5;
	border-left: 1px solid #B5B5B5;
	border-right: 1px solid #B5B5B5;
	border-top: 1px solid #B5B5B5;
}
/*
 * STYLED BUTTON (ROUNDED CORNERS)
 * 
 */
ul.button-rounded {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul.button-rounded li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
	line-height: 40px;
	background: url(../images/sprite-button-rounded-right.png) no-repeat right top;
	text-align: center;
}

ul.button-rounded li:hover {
	background: url(../images/sprite-button-rounded-right.png) no-repeat right bottom;
}

ul.button-rounded li a {
	display: block;
	padding: 0 1em;
	height: 40px;
	background: url(../images/sprite-button-rounded-left.png) no-repeat left top;
	text-decoration: none;
	float: left;
	color: #333333;
}

ul.button-rounded li a:hover {
	background: url(../images/sprite-button-rounded-left.png) no-repeat left bottom;
	color: #FFF;
	outline: none;
}
/*
 * FORM BUTTON (ROUNDED CORNERS)
 * 
 */
button.button-submit { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  font-size: .95em;
  color: #333333;
  padding:0 1.5em 0 0; 
  text-align:center;
  margin: 0.4em 0;

}
button.button-submit span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 1.5em; 
}

button.button-submit { 
  background:url(../images/sprite-button-rounded-right.png) no-repeat right top;
  height:40px; 
  line-height:40px;
}
button.button-submit span { 
  height:40px; 
  line-height:40px;
  background:url(../images/sprite-button-rounded-left.png) no-repeat left top;
}
button.button-submit:hover {
	background:url(../images/sprite-button-rounded-right.png) no-repeat right bottom;
	color:#fff; 
}
button.button-submit:hover span {
	background:url(../images/sprite-button-rounded-left.png) no-repeat left bottom; 
	color:#fff; 
}

/*
 * 6. FORMS
 * 
 */
fieldset {
	margin-top: 0;
}
legend {
	font-size: 110%;
	font-weight: bold;
	padding-bottom: .5em;
	color: #000077;
}
form {
	color: #333333;
}
form ul {
	list-style-type: none;
	margin-bottom: .5em;
	margin-top: .5em;
	padding: 0;
}
form ul li {
	margin: 0;
	padding: 0;
}


form label {
	font-weight:bold;
	color:#787878;
	margin-bottom: .5em;
	margin-top: .5em;	
}
		
input[type='text'] { 
	border: 1px solid #D8D8D8;
	background: #FFF url(../images/img-form-input-shadow.png) repeat-x top;
	display: block;
	padding: 0.2em 0;
	width: 94%;		
	color: #333333;
	margin-bottom: 1em;
}

textarea { 
	border: 1px solid #D8D8D8;
	background: #FFF url(../images/img-form-input-shadow.png) repeat-x top;
	display: block;
	padding: 0.2em 0;
	color: #333333;
	width: 94%;	
	line-height: normal;
	margin-bottom: .7em;
}

form ul li input[type='radio'], form ul li input[type='checkbox'] { 
	margin:0.1em 0em;
	padding: 0;
}

select {
	border: 1px solid #D8D8D8;
	background: #fff;
	color: #666666;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-left: 0;
	margin: 0.2em 0;
	display: block;
	width: 94%;
}

input[type='button'] {
	border: 1px solid #D8D8D8;
	background-color: white;
	padding: 1em 0;
	color: #666666;
	margin: 1em 0em;
}


/*
 * 7. TABLES
 * 
 */
table {
	border: 1px solid #D8D8D8;
	margin: 0;
	width: 100%;
	color: #333333;
	vertical-align: top;
}

td {
	border-bottom: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	padding-left: .3em;
	padding-right: .3em;
	padding-top: .2em;
	padding-bottom: .2em;
	line-height: 1.5em;
}
tr {
	height: 1.5em;
}
th, tfoot {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	background-color: #434343;
	text-align: left;
	padding-left: .3em;
	padding-right: .2em;
	padding-top: .2em;
	padding-bottom: .2em;
	line-height: 1.5em;
	font-weight: bold;
	color: #FFF;
}
caption {
	font-style: italic;
	caption-side: bottom;
	text-align: left;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
.odd {
		background: #F6F6F6;
}

tr:hover {
		background: #82CB20 url(../images/sprite-table-hover.png) repeat-x top;
		color: #FFF; 
}
/*
 * 8. FLEXIBLE CONTAINERS
 * 
 */
/*
 * SIMPLE FLEXIBLE BOX
 * 
 */
.box-flat {
	background: #FBFBFB url(../images/img-box-flat.png) repeat-x left bottom;
	margin: 0.2em 0em 0.6em 0em;
	padding: 1em 1em 0.2em 1em;
	border-top: 1px solid #D8D8D8;
	border-bottom: 2px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
}
.box-flat p {
	padding: 0;
}

/*
 * FLEXIBLE BOX (ROUNDED CORNERS)
 * 
 */
.box-rounded {
	background: url(../images/img-box-bottom-left.png) no-repeat left bottom;
	margin-top: 1em;
	margin-bottom: 1em;
}
.box-rounded-outer {
	background: url(../images/img-box-bottom-right.png) no-repeat right bottom;
	padding-bottom: 10px;
}
.box-rounded-inner {
	background: url(../images/img-box-top-left.png) no-repeat left top;
}
.box-rounded h2 {
	background: url(../images/img-box-top-right.png) no-repeat right top;
	padding-top: 10px;
	padding-bottom:5px;
	margin: 0;
	font-size: 110%;
	color: #219B00;
}
.box-rounded p {
	padding:0;
	margin: 0;
}
.box-rounded h2, .box-rounded p {
	padding-left: 15px;
	padding-right: 15px;
	border: none;
}

/*
 * 9. UTILITY COMPONENTS
 * see documentation for details
 */
/*
 * 5-STAR RATING
 * static only
 */
div.rating span{
	float: right;
	padding-top: 0.4em;
}
div.rating {
	width: 150px;
	height: 24px;
	background: url(../images/sprite-rating.png) no-repeat 0px 0px;
	margin-bottom: 1em;
}
div.stars-0 {
	background-position: left 0px;
}
div.stars-1 {
	background-position: left -25px;
}
div.stars-2 {
	background-position: left -50px;
}
div.stars-3 {
	background-position: left -75px;
}
div.stars-4 {
	background-position: left -100px;
}
div.stars-5 {
	background-position-y: left -125px;
}
/*
 * \ SWITCH
 * 
 */
ol.toggle-switch {
	background: url(../images/sprite-toggle-switch.png) no-repeat left top;
	height: 35px;
	width: 100px;
	padding: 10px 0 0 0;
	margin: 0;
}
ol.toggle-switch li {
	display: block;
	float: left;
	text-align: center;
	width: 50%;
	color: #FFFFFF;
}
ol.toggle-switch li a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}
ol.toggle-switch li a:hover {
	outline: none;
}

ol.toggle-switch.on {
	background-position: left top;
}
ol.toggle-switch.off {
	background-position: left -50px;
}
.off li.label-on {
	visibility: hidden;
}
.on li.label-off {
	visibility: hidden;
}
ul.toggle label {
	font-weight: bold;
}
/*
 * LIST CONTAINER FOR TOGGLE SWITCH
 * includes label
 */
/*line-height adjusts container height*/
ul.list-toggle {
	list-style-type: none;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: -10px;
	margin-right: -10px;
	border-bottom: 1px solid #D5D8D8;
	color: #333333;
	height: 45px;
	background: #F6F6F6 url(../images/sprite-list.png) repeat-x top;
	display: block;
}

ul.list-toggle label {
	padding-left: 10px;
	margin: 15px 0px 0px 0px;
	float: left;
	display: block;
}
ul.list-toggle ol.toggle-switch {
	margin:5px 10px 0px 0px;
	float: right;
	height: 30px;
}

/*
 * SLIDESHOW
 * 
 */
.slideshow {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
.slideshow img {
	border: 1px solid #D8D8D8;
	padding: .3em .3em;
	margin-top: 1em;
	margin-bottom:0;
}
.slideshow span {
	clear: both;
	width: 190px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0.5em;
	font-size: 0.9em;
	padding: .3em 5px;
}
.slideshow a {
	text-decoration: none;
}
.slideshow ul.controls {
	width: 200px; 
	float:none;
	margin: 0 auto 1em auto;
}
ol.data {
	display: none;
}




/*******************************STYLE.CSS.NOKIA.CSS FROM MOBILE PACK BASE*****************/






/*

$Id: style.css 156906 2009-09-22 07:35:03Z jamesgpearce $

$URL: http://plugins.svn.wordpress.org/wordpress-mobile-pack/trunk/themes/mobile_pack_base/style.css $

Copyright (c) 2009 James Pearce & friends, portions mTLD Top Level Domain Limited, ribot, Forum Nokia

This file is part of the WordPress Mobile Pack, licensed under the Apache License, Version 2.0. Consult server-side files for license.

*/



/* MINOR OVERRIDES */

body.nokia_high div#header {

  font-size:0.8em;

}

body.nokia_low div#footer p,

body.nokia_mid div#footer p {

  margin-left:10px;

}

body div#header, body div#footer {

  height:auto!important;

/*  padding:0.7em 0;*/

}

body div#header p{

  margin-bottom:0em!important;

  padding-bottom:0em!important;

  margin-top:0em!important;

}

body.nokia_high div#header {

  padding-left:10px;

}

body.nokia_high ul.breadcrumbs {

  margin:0px;

}

body.nokia_mid div#header, body.nokia_mid div#footer, body.nokia_mid h1, body.nokia_mid h2,

body.nokia_high h1 {

/*  background-image: url(img/radial.png);

  background-position:top;

  background-repeat:repeat-x;*/

}

body.nokia_high div#header,

body.nokia_high div#menu {

/*  background-image: url(img/radial.png);

  background-position:0 -16px;

  background-repeat:repeat-x;*/

}

body.nokia_high div#footer {

/*  background-image: url(img/dahs.png);

  background-position:top;

  background-repeat:repeat-x;*/

}

#sidebar ul {

  list-style-type:none;

  margin-left:0;

  padding:10px;

}

h1 {

/*  margin-top:0;*/

}

body.nokia_low h1, body.nokia_mid h1 {

  padding-top:0.2em;

}

ul.list li, dl.list-accordion dt {

  white-space:nowrap;

  background-image: url(img/radial.png);

  background-position:top;

  background-repeat:repeat-x;

}

ul.list li:hover, dl.list-accordion dt:hover {

  background-image: url(img/dahs.png);

  background-position:top;

}

body.nokia_high #sidebar {

  margin-left:10px;

  margin-right:10px;

}



body.nokia_high input.button {

  border:0;

  cursor:pointer;

  font-weight:bold;

  font-size: .95em;

  padding:0 1.5em;

  text-align:center;

  margin: 0.4em 0;

  background-image: url(img/radial.png);

  background-position:0 -16px;

  background-repeat:repeat-x;

  height:40px;

  line-height:40px;

}

input[type='search'] {

	border: 1px solid #D8D8D8;

	background: #FFF url(groups/nokia_high/images/img-form-input-shadow.png) repeat-x top;

	display: block;

	padding: 0.2em;

	width: 98%;

	color: #333333;

	margin-bottom: 1em;

}

body.base #wrap,

body.nokia_low #wrap,

body.nokia_mid #wrap

{

	max-width:480px;

	margin:0 auto;

  position:relative;

}

body.nokia_high p.metadata {

  font-size:0.8em;

}



#wpmp_analytics {

	display:none!important;

}

#wpmp_analytics img {

	display:none!important;

  padding:0em!important;

	margin:0em!important;

}





/* PALETTE */



/* DARKEST */

body.nokia_low h1, body.nokia_low h2,

body.nokia_mid h1, body.nokia_mid h2 {

  border-bottom-color: #111111;

}



/* VERY DARK */

body.nokia_low h1, body.nokia_low h2, body.nokia_low div.header-box h3,

body.nokia_mid h1, body.nokia_mid h2, body.nokia_mid div.header-box h3,

body.nokia_high div#header, body.nokia_high div#footer {

  /*background-color: #333333!important;*/

}

body div.header-box h3 {

  border-color: #333333;

}

a:link, body td.table-header,

body h3, body h4, body h5, body form, body table, a:visited, a:hover, a:active {

  color: #333333;

}

body.nokia_low div#header, body.nokia_low div#header a,

body.nokia_mid div#header, body.nokia_mid div#header a,

body.nokia_low div#footer, body.nokia_low div#footer a,

body.nokia_mid div#footer, body.nokia_mid div#footer a,

body input[type='button'] {

  color: #333333;

}



/* DARK */

ul.list li:hover, dl.list-accordion dt:hover {

  background-color:#444444;

}



body div#header {

  /*border-bottom-color: #444444;*/

}

body.nokia_low h1, body.nokia_low h2,

body.nokia_mid h1, body.nokia_mid h2 {

  /*border-top-color: #444444;*/

}



/* LIGHT MID */

body.nokia_high h1,

body div#header,

body.nokia_low div#footer, body.nokia_mid div#footer,

ul.list li, dl.list-accordion dt {

 /* background-color: #DDDFD9;*/

}

body div#footer,

body h6, blockquote, blockquote p, body table, body td, body div.header-box p, body div.box p.box-text,

body input[type='text'], body input[type='search'], body textarea {

  /*border-color: #DDDFD9;*/

}



/* VERY LIGHT */

div#menu, body h6, body td.table-header, body table td.odd, body div.box p.box-text, body div.header-box p {

  /*background-color: #F2F4ED;*/

}



/* LIGHTEST */

body.nokia_low h1, body.nokia_low h2, body.nokia_low div.header-box h3,

body.nokia_low h1 a, body.nokia_low h2 a, body.nokia_low div.header-box h3 a,

body.nokia_mid h1, body.nokia_mid h2, body.nokia_mid div.header-box h3,

body.nokia_mid h1 a, body.nokia_mid h2 a, body.nokia_mid div.header-box h3 a {

  /*color: #FFFFFF!important;*/

}