/*  
Theme Name: MiVida Three
Theme URI: http://www.mividachoices.com/
Description: Template for MiVida Choices.
Version: 3.0.0
Author: Matthew Charlesworth
Author URI: http://www.matthewcharlesworth.co.uk/
*/

/* --------------------------------------
	General stuff
---------------------------------------*/

html {
	background:#A1CCE9 url(images/site/bg/body-fade.gif) top repeat-x;
	color:#444;
	font:62.5%/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center;
}

body {
	margin:0 auto;
	padding:0 0 20px;
	text-align:left;
	width:960px;
}

div.clear {
	clear:both;
}

hr {
	display:none;
}


/* --------------------------------------
	Reset normal browser styles
---------------------------------------*/

p, h1, h2, h3, h4, h5, h6, div, ul, li {
	margin:0;
	padding:0;
}

a {
	outline:none;
}

img {
	border:none;
	margin:0;
	padding:0;
}


/* --------------------------------------
	Typography and link styles
---------------------------------------*/

h1 {
	display:none;
}

h2 {
	color:#C71585;
	font:bold 2.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:-1px;
	margin-bottom:1em;
}

#intro h2 {
	margin-bottom:0.2em;
}

h3 {
	color:#000;
	font:bold 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:1.1em 0 0.3em;
}

h4, #gb_form legend {
	font:bold 1.2em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#content p, #intro p, #products p, #latest-news p, #search-bar p {
	font-size:1.2em;
	margin-bottom:1.1em;
}

#content ul {
	font-size:1.2em;
	margin:0.3em 0 1.1em;
}

#content li {
	margin:0 0 0.3em 25px;
}

#sidebar h4 {
	color:#4C5293;
	font:bold 1.4em "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom:0.5em;
}

#sidebar p {
	font-size:1.1em;
	text-align:left;
}

a {
	color:#0071C4;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p.warning {
	background:url(images/icons/warning.gif) top left no-repeat;
	min-height:28px;
	padding-left:40px;
}

p.notice {
	background:#FFC;
	border:1px solid #FC0;
	color:#666;
	padding:10px;
}


/* --------------------------------------
	Basic wrapper divs
---------------------------------------*/

#outer-wrapper {
	background:url(images/site/bg/shadow-y.png) center repeat-y;
	padding:0 10px;
	width:940px;
}

#inner-wrapper {
	background:#FFF;
	width:940px;
}

#main-wrapper {
	padding:20px 20px 0 20px;
	width:900px;
}


/* --------------------------------------
	Header
---------------------------------------*/

#header {
	background:url(images/site/header/dotty-logo.png) no-repeat;
	height:120px;
}

#search-bar {
	background:url(images/site/bg/searchbar-gif.gif) bottom no-repeat;
	float:right;
	margin:0 10px 0 0;
	padding:10px;
	width:190px;
}

html>body #search-bar {
	background:url(images/site/bg/searchbar-60.png) bottom no-repeat;
	margin:0 20px 0 0;
}

#search-bar form {
	margin:0;
	padding:0;
}

#search-bar input {
	border:none;
	font-size:1em;
	margin:0;
	padding:0;
}

#search-bar #s {
	background:url(images/site/bg/white-85.png);
	border:1px solid #CCC;
	color:#666;
	padding:2px 3px;
	width:182px;
}


/* --------------------------------------
	Navigation
---------------------------------------*/

#navigation {
	background:#495C69 url(images/site/bg/navbar.gif) top repeat-x;
	padding:0 0 1px 0;
	width:940px;
}

#navigation ul {
	list-style:none;
}

#navigation li {
	float:left;
	margin-left:1px;
}

#navigation a {
	color:#FFF;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding:4px 0;
	text-align:center;
	text-decoration:none;
	width:117px;
}

#navigation li#home {
	margin:0;
}

#navigation li#home a {
	width:114px;
}

#navigation a:hover, #navigation li.current_page_item a, #navigation li.current_page_parent a {
	background:#64880D url(images/site/bg/navbar-on.gif) top repeat-x;
}


/* --------------------------------------
	Content
---------------------------------------*/

#content {
	float:left;
	width:670px;
}

	#content.wide {
		float:none;
		width:900px;
	}

#content p.postmeta {
	border-bottom:1px dotted #DEDEDE;
	color:#666;
	font-size:1em;
	font-weight:bold;
	margin:-2em 0 2em;
	padding-bottom:0.5em;
}

#content p.postmeta span.date {
	background:url(images/icons/calendar.png) left center no-repeat;
	padding:1px 0 1px 20px;
}

#content p.postmeta span.commentstatus {
	background:url(images/icons/comment.png) left center no-repeat;
	float:right;
	padding:1px 0 1px 20px;
}

#content p.postmeta a {
	color:#666;
}

#content p.postmeta span.open {
	color:#093;
}

#content p.postmeta span.closed {
	color:#C00;
}

#content p.indexmeta {
	color:#666;
	font-size:1em;
	font-weight:bold;
	margin:-0.3em 0 0;
}

#content #topstory p.indexmeta {
	margin:0 0 1.1em 0;
}

#content #topstory p.indexmeta span.date {
	background:url(images/icons/calendar.png) left center no-repeat;
	padding-left:20px;
}

#content img {
	border:1px solid #999;
	float:right;
	margin:0 0 5px 5px;
}

#content img.left {
	float:left;
	margin:0 5px 5px 0;
}

#content img.noborder {
	border:none;
}

#content img.flow {
	float:none;
}

#content #topstory {
	background:#EFF3E6;
	border:1px dotted #CCC;
	border-width:1px 0;
	padding:10px;
}

#content #topstory h3 {
	margin-top:0;
}

#content #topstory img {
	border:1px solid #999;
	float:left;
	height:111px;
	margin:0 10px 0 0;
	width:148px;
}

/*++++++++++++++
++ Pagination ++
++++++++++++++*/

.pagination {
	display:block;
	padding:20px 0 15px;
}

.pagination .previous a {
	background:url(images/icons/back.gif) center left no-repeat;
	float:left;
	padding-left:18px;
}

.pagination .next a {
	background:url(images/icons/forward.gif) center right no-repeat;
	float:right;
	padding-right:18px;
}


/* --------------------------------------
	Comments
---------------------------------------*/

#comments {
	background:url(images/site/bg/comment-break-30.gif) center top no-repeat;
	margin-bottom:20px;
	padding-top:70px;
}

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

#comments li {
	background:#EFF3E6;
	border:1px dotted #CCC;
	margin:5px 0;
	padding:10px;
}

#comments li.alt {
	background:none;
	border:none;
}

#comments p.meta {
	border-bottom:1px dotted #CCC;
	padding:2px 0;
}

#comments p.meta span.date {
	color:#777;
	display:block;
	font-size:0.8em;
}

#comments img.gravator {
	border:1px solid #CCC;
	float:right;
	margin:0;
	padding:0;
}

#commentform {
	margin:0;
	padding:0;
}

#commentform em {
	color:#900;
	font-style:normal;
	font-weight:bold;
}

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

#commentform li {
	background:none;
	border:1px dotted #CCC;
	border-width:0 0 1px;
	font-size:1.2em;
	margin:0;
	padding:10px 0;
}

#commentform input, #commentform textarea {
	border:1px solid #7F9DB9;
	color:#999;
	font:1em "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:2px 5px;
}

#commentform input#author, #commentform input#email, #commentform input#url {
	width:220px;
}

#commentform textarea {
	background:#FFF url(images/site/bg/type-message.gif) no-repeat 50% 50%;
	padding:5px;
	width:658px;
}

#commentform input:focus, #commentform textarea:focus {
	border:1px solid #495C69;
	color:#444;
}

#commentform input#submit, #commentform input#reset, .button {
	background:#64880D url(images/site/bg/navbar-on.gif) top repeat-x;
	border:1px solid #495C69;
	color:#FFF;
	margin-top:10px;
	padding:2px 5px;
}


/* --------------------------------------
	New Contact Page
---------------------------------------*/

#contactl {
	float:left;
	margin-bottom:20px;
	width:440px;
}

#contactr {
	float:right;
	margin-bottom:20px;
	width:440px;
}

#contactform {
	background:#e7f1f8;
	border:1px solid #d6dfe6;
	padding:10px;
	width:418px;
}

#contactform h3 {
	margin-top:0;
}

#contactform form {
	margin:0;
}

#contactform label {
	clear:both;
	display:block;
	font-weight:bold;
}

#contactform label.required {
	background:url(images/buttons/required.gif) center right no-repeat;
}

#contactform .split {
	width:204px;
}

#contactform .left {
	float:left;
}

#contactform .right {
	float:right;
}

#contactform input, #contactform select, #contactform textarea {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
}

#contactform input.std {
	border:1px solid #d6dfe6;
	margin-bottom:15px;
	padding:2px 3px;
	width:196px;
}

#contactform textarea {
	border:1px solid #d6dfe6;
	margin:0 0 15px 0;
	padding:2px 3px;
	width:410px;
}

#contactform .go {
	text-align:center;
}

#contactform input.select {
	margin:0;
	padding:0;
}

#contactform p.reset {
	background:url(images/icons/refresh-contact.gif) center left no-repeat;
	padding:0 0 0 20px;
}


/* --------------------------------------
	Sidebar
---------------------------------------*/

#sidebar {
	float:right;
	width:210px;
}

#sidebar .module {
	background:#EFEFEF;
	border:1px solid #E6E5CC;
	color:#666;
	margin-bottom:20px;
	padding:5px;
	width:198px;
}

#sidebar .module.submenu,
#sidebar .module.newsarchive,
#sidebar .module.faq,
#sidebar .module.contact
{
	background:#EFEFEF url(images/site/bg/flower-efefef.gif) top left no-repeat;
}

#sidebar img {
	float:right;
}

#sidebar ul {
	list-style:none;
}

#sidebar li {
	background:url(images/site/bullet/bullet_blue.gif) no-repeat -3px 0px;
	border-bottom:1px dotted #CCC;
	font-weight:bold;
	padding:1px 0 1px 14px
}


/* --------------------------------------
	Footer
---------------------------------------*/

#footer-wrapper {
	background:url(images/site/bg/shadow-end.gif) bottom no-repeat;
	margin:0 -10px;
	width:960px;
}

#footer {
	border-top:1px dotted #CCC;
	margin:0 10px;
	padding:5px 17px 15px 20px;
	width:900px;
}

p.extras {
	float:right;
}

p.extras a {margin:0 3px; padding:1px 0 1px 18px}

p.extras a.rss		{background:url(images/icons/rss.gif) left no-repeat}
p.extras a.bookmark	{background:url(images/icons/bookmark.gif) left no-repeat}
p.extras a.top		{background:url(images/icons/top.gif) left no-repeat; padding-left:12px}

p.extras span.credit a	{margin:0; padding:0}


/* --------------------------------------
	Homepage specific
---------------------------------------*/

#home-left-wrapper {
	float:left;
	width:532px;
}

#promo {
	border-bottom:2px solid #EEE;
	height:200px;
	margin-bottom:20px;
	width:900px;
}

#breakingnews {
	background:#900;
	border:1px solid #000;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:20px;
	padding:3px 10px;
	text-align:center;
}

#intro {
	margin-bottom:20px;
	width:532px;
}

#home-right-wrapper {
	float:right;
	margin-bottom:20px;
	width:348px;
}

#latest-news {
	background:#EFEFEF url(images/site/bg/flower-efefef.gif) top left no-repeat;
	border:1px solid #E6E5CC;
	padding:15px;
}

#latest-news h3 {
	margin:0;
}

#latest-news dl {
	margin:0;
	padding:0;
}

#latest-news dt {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.2em;
	font-weight:bold;
	margin:1.5em 0 0;
}

#latest-news dd {
	display:inline;
	margin:0;
	padding:0;
}

#latest-news dd.excerpt {
	display:block;
	margin-bottom:0.3em;
}

#latest-news dd.date, #latest-news dd.comments, #latest-news dd.category {
	font-size:0.9em;
}

#latest-news dd.date:after, #latest-news dd.comments:after {
	content:" |";
}

.secondary-promo {
	margin-bottom:20px;
	width:348px;
}

/*--------- LEGACY STUFF: Change ASAP ---------------*/

ul#randproducts {
	font-size:1.1em;
	list-style:none;
	margin:15px 0;
	padding:0;
}

ul#randproducts img {
	border:none;
	float:left;
	margin:0 5px 3px 0;
}

ul#randproducts li {
	float:left;
	margin-bottom:10px;
	min-height:50px;
	padding-right:3px;
	width:263px;
}

ul#randproducts a {
	font-weight:bold;
}