/*
Theme Name: Miramedia "Mia"
Theme URI: http://www.miramedia.co.uk
Description: Latest version of the miramedia.co.uk website, powered by Wordpress
Version: (0.4)
Author: Tom Still

*/

/*CSS Reset*/
body, div, dl, dt, dd, li, pre,
form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } 
caption, th { text-align: left; font-weight: normal; font-style: normal; }
acronym, abbr, fieldset, img { border: 0;}
:focus { outline: 0; }

body {
	background:url('images/bg-body.png') repeat-x #efefef; /* Old horizontal bar background */
	/* background:url('images/bg-body-col.jpg') repeat-x #efefef; Color bar background */
	color:#5a5959;
	font-family:"Helvetica Neue", Arial, Verdana, sans-serif;
	font-size:62.5%;
}

a, a:visited, a:active {
	color:#ce3d3d;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

img a, img a:visited, img a:active {
	border:none;
	text-decoration:none;
}

.clear {
	clear:both;
}

/* Structure */

#wrapper {
	margin:0 auto;
	width:840px;
}

/* Top Menu */

#top-menu {
	clear:both;
	height:60px;
	width:840px;
}

#top-menu li {
	float:left;
	height:40px;
	padding:10px 5px;
	text-align:center;
	width:130px;
}

#top-menu li a, #top-menu li a:visited, #top-menu li a:active {
	color:#fff;
	text-decoration:none;
}

#top-menu li h3 {
	font-size:1.4em;
	line-height:1.6em;
}

#top-menu li p {
	color:#777;
	font-size:1.1em;
}

#top-menu li p a, #top-menu li p a:active, #top-menu li p a:visited {
	color:#777;
	font-size:1em;
}


/* Promo Area */

#home-content {
	background:url('images/bg-hori-divide.png') repeat-x bottom left;
	height:425px;
	padding:25px 0;
	width:840px;
}

#safari-slider {
	background:url('images/bg-safari.png') no-repeat;
	height:300px;
	margin:0 auto;
	position:relative;
	width:560px;
}

#safari-slider img {
	height:250px;
	width:540px;
	margin:40px 0 0 10px;
}

#home-content h1 span {
	background:url('images/bg-h1-header.png') no-repeat;
	clear:both;
	display:block;
	height:60px;
	margin:0;
	text-indent:-9999px;
	width:840px;	
}

#home-content h2 {
	color:#5a5a5a;
	font-family:"Georgia";
	font-size:1.8em;
	line-height:1.8em;
	text-align:center;
	text-shadow:0.1em 0.1em #fff;
}

/* Home Widget Blocks */

.home-blocks {
	clear:both;
	padding:25px 0;
	width:840px;
}

.home-blocks li {
	float:left;
	height:300px;
	width:260px;
}

.home-blocks li.middle-block {
	margin:0 30px;
}

.home-blocks h2 {
	background:url('images/bg-hori-divide.png') repeat-x bottom left;
	color:#444;
	font-size:1.5em;
	padding:0 0 10px 0;
	text-shadow:0.1em 0.1em #fff;
}

.home-blocks p {
	font-size:1.3em;
	line-height:1.6em;
	margin:5px 0;
	text-shadow:0.1em 0.1em #fff;
}

/* Sidebar */

#sidebar {
	float:left;
	margin:50px 40px 50px 0;
	min-height:200px;
	width:240px;
}

#sidebar h2 {
	background:url('images/bg-hori-divide.png') repeat-x bottom left;
	color:#444;
	font-size:1.5em;
	padding:0 0 10px 0;
	text-shadow:0.1em 0.1em #fff;
}

#sidebar li {
	background:url('images/bg-hori-divide.png') repeat-x bottom left;
	margin:0 0 20px 0;
}

#sidebar li li {
	background:none;
	font-size:1.1em;
	height:25px;
	line-height:1.8em;
	padding:5px 0 0 0;
	margin:0;
	text-shadow:0.1em 0.1em #fff;
}

#sidebar li p {
	font-size:1.1em;
	line-height:1.8em;
	padding:5px 0;
	text-shadow:0.1em 0.1em #fff;
}

/* Main Content */

#content-narrow {
	float:right;
	margin:50px 0;
	width:560px;
}

#content-wide {
	clear:both;
	margin:50px 0;
	width:840px;
}

.content {
	min-height:500px;
	position:relative;
}

.content h1 {
	color:#222;
	font-size:1.8em;
	line-height:1.8em;
	text-shadow:0.1em 0.1em #fff;
}

.content h2 {
	color:#222;
	font-size:1.6em;
	line-height:1.8em;
	text-shadow:0.1em 0.1em #fff;
}

.content h3, .content h4, .content h5 {
	color:#222;
	font-size:1.4em;
	line-height:1.8em;
	text-shadow:0.1em 0.1em #fff;
}

.content p, .content li {
	font-size:1.3em;
	line-height:1.6em;
	margin:5px 0;
	text-shadow:0.1em 0.1em #fff;
}

.content ul {
	list-style:disc;
	margin:0 30px;
}

.content ol {
	list-style:decimal;
	margin:0 30px;
}

.content a, .content a:visited, .content a:active {
	color:#107fb8;
}

/* Category - Articles */

.content ul.article-list {
	margin:0;
}

.content ul.article-list li  {
	clear:both;
	font-size:1em;
	list-style:none;
	margin:20px 0;
}

.content ul.article-list li img {
	float:left;
	margin:10px 10px 10px 0;
}

.content ul.article-list li p.meta {
	clear:both;
	font-size:1em;
	text-transform:uppercase;
}


/* Category - Portfolio Work */

.content ul.portfolio-list {
	clear:both;
	margin:10px 0;
}

.content ul.portfolio-list li {
	background:#fff;
	border:1px solid #ddd;
	float:left;
	font-size:1em;
	height:200px;
	list-style:none;
	padding:10px;
	margin:0 8px 8px 0;
	width:250px;
}

.content ul.portfolio-list li p {
	color:#555;
	font-size:1.1em;
	margin:0;
	text-transform:uppercase;
}

/* Single - Articles */

.excerpt {
	background:url('images/bg-hori-divide.png') repeat-x bottom left #e5e5e5;
	padding:10px;
	margin:0 0 20px 0;
}

.excerpt img {
	float:left;
	margin:10px 10px 10px 0;
}

.social-icons {
	position:absolute;
		top:10px;
		right:0;
}

.social-icons a {
	display:block;
	float:left;
	height:32px;
	margin:0 0 0 5px;
	width:32px;
}

/* Single Portfolio */


h1.portfolio-title {
	background:url('images/bg-hori-divide.png') repeat-x bottom left;
	margin:0 0 20px 0;
}

.content .portfolio-images {
	background:url('images/bg-safari.png') no-repeat;
	float:right;
	margin:0 0 20px 0;
	height:260px;
	padding:40px 10px 0 10px;
	width:540px;
}

.content .portfolio-meta {
	float:left;
	margin:0 0 20px 0;
	width:260px;
}

.content .portfolio-description {
	clear:both;
	width:840px;
}

/* Page Navigation */

.wp-pagenavi {
	clear:both;
	width:840px;
}

.wp-pagenavi a {
	display:none;	
}

.wp-pagenavi span.current, .wp-pagenavi a.page {
	background:#fff;
	border:1px solid #ddd;
	color:#222;
	display:block;
	float:left;
	font-size:1.1em;
	height:10px;
	padding:5px 0;
	margin:0 5px 10px 0;
	text-align: center;
	text-decoration:none;
	width:30px;
}

.wp-pagenavi span.current {
	font-weight:bold;
}

.wp-pagenavi a:hover {
	text-decoration:underline;
}


/* Footer */

#footer {
	background:#212121;
	background:url('images/bg-footer.png') repeat #212121;
	clear:both;
	padding:0 0 20px 0;
}

.footer-blocks {
	clear:both;
	min-height:250px;
	margin:0 auto;
	width:840px;
}

.footer-blocks li {
	float:left;
	margin:25px 0;
	width:260px;
}

.footer-blocks li.middle-block {
	margin:25px 30px;
}

.footer-blocks li h2 {
	color:#fff;
	font-size:1.3em;
	line-height:1.6em;
}

.footer-blocks li li {
	background:url('images/bg-home-menu.png') repeat-x bottom left;
	color:#fff;
	font-size:1.1em;
	height:25px;
	line-height:1.8em;
	padding:5px 0 0 0;
	margin:0;
}

.footer-blocks a, .footer-blocks a:visited, .footer-blocks a:active {
	color:#fff;
}

.footer-blocks li li a, .footer-blocks li li a:visited, .footer-blocks li li a:active {
	text-decoration:none;
}

.footer-blocks li p {
	color:#fff;
	font-size:1.1em;
	line-height:1.8em;
}

/* Misc. */

iframe {
	overflow:hidden;
	background:none;
	border:none;
}

ul#twitter-list, ul#twitter-list ul {
	list-style:none;
	margin:0;
	padding:0;
}

ul#twitter-list li {
	font-size:13px;
	list-style:none;
	margin:0;
	padding:10px 0;
}

ul#twitter-list li li {
	border-bottom:1px solid #ddd;
}