/* @override http://mediasenseinternational.com/site/wp-content/themes/mediasense/style.css */

/* @override http://mediasenseinternational.com/site/wp-content/themes/mediasense/style.css */

/*
Theme Name: WordPress Default
Theme URI: http://mediasenseinternational.cm/
Description: WordPress theme for Media Sense.
Version: 1.6
Author: Christian Nolle
Author URI: http://cnolle.net/
*/

/*
Stylesheet for Media Sense International
by Christian Nolle for Heard Creative
Don't steal, it will hurt you

Colours:
Blue: #0095d3
Green/Yellow: #c3b700
Grey: #bbb397
Orange:f8981d

*/

/* CLEAR EVERYTHING */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Helvetica, Arial, Times, sans-serif;
	font-size: 62.5%; /* <---- do not change - affects all 'frames' */
	/*background: url(assets/dropshadow2.png) center repeat-y;*/
}

/* GENERAL */

.cl { clear: left; height: 0; margin: 0; padding: 0; line-height:0;}

.cr { clear: right; height: 0; margin: 0; padding: 0; line-height:0;}

.cb { clear: both; height: 0; margin: 0; padding: 0; line-height:0;}

/* SELECTORS */

a {
	text-decoration:none;
	color: #222;
}

	a:hover {
		text-decoration:underline;
	}

/* NAVIGATION */

#header {
}

#header h4 {
	margin:0;
	margin-top:1.8em;
	color: #8e8e8e;
	font-size: 1.6em;
	font-weight: normal;
	float: right;
	clear: right;
	width:600px;
}


#logoarea {
	padding: 1em 0;
}

	#logoarea h2 {
		margin-left: 20px;
		float: left;
		width: 600px;
		font-size: 4em;
		color: #c4b700;
		text-transform:uppercase;
		text-align:center;
		vertical-align:middle;
	}

h1#logo a {
	background: url(assets/media-sense-logo3.gif) no-repeat;
	margin: 0 0 0 0;
	padding: 0;
	display: block;
	float: left;
	width: 230px;
	height: 92px;
	text-indent: -2000px;
	overflow: hidden;
	font-size: 2em;
	line-height: 2em;
}

/* DATE */

#other {
	text-align:right;
	padding:  5px 0 0 3em;
	display: block;
	font-size:1.1em;
	float: right;
}
	#other ul li {
		list-style:none;
		display: inline;
		padding-left: 1em;
		color: #999;
	}

	#other ul li.searcharea {
		margin-top: 5px;
		display: block;
	}

/* SEARCH */

form#searchform {
	/*padding: 0px 0 0 0;*/
}

	form#searchform input#s {
		padding: 0.1em;
		border: 1px solid #b3b3b3;
		background: #ececec;
		width: 150px;
	}

	form#searchform input#searchsubmit {
		background: #ececec;
		border: 1px solid #ccc;
		padding: 0.1em;
	}

	form#searchform input#searchsubmit:hover {
		border: 1px solid #222;
		color:#222;
	}

/* NAVIGATION */

#navigation {
	margin: 1.5em 0 1.5em 0;
	display: block;
	float: right;
	text-align:left;
}

#holder {
	clear: right;
}

ul#topnav {
	background: url(assets/drop-shadow.gif) no-repeat right;
	height: 32px;
	padding: 0 5px 0 0;
	margin: 0;
}

	ul#topnav li {
		display: inline;
		list-style: none;
	}

	ul#topnav li a {
		float: left;
		padding: 27px 0 0 0;
		height: 0px !important;
		overflow: hidden;
	}

	ul#topnav li.page-item-7 a {
		background-image: url(assets/home-btn.gif);
		width:85px;
	}

	ul#topnav li.page-item-535 a {
		background-image: url(assets/about-us-btn.gif);
		width:85px;
	}

	ul#topnav li.page-item-5 a {
		background-image: url(assets/services-btn.gif);
		width:85px;
	}

	ul#topnav li.page-item-14 a {
		background-image: url(assets/people-btn.gif);
		width:85px;
	}

	ul#topnav li.page-item-16 a {
		background-image: url(assets/work-btn.gif);
		width:85px;
	}

	ul#topnav li.page-item-30 a {
		background-image: url(assets/insights-btn.gif);
		width:85px;
	}

	ul#topnav li.page-item-32 a {
		background-image: url(assets/contact-btn.gif);
		width:85px;
	}

	ul#topnav li a:hover {
		background-position: 0 -27px;
	}

	ul#topnav li.current_page_item a,ul#topnav li.current_page_parent a {
		background-position: 0 -27px;
	}

/* TYPOGRAPHY */

h1 {
	font-size: 3em;
	font-weight: normal;
	color: #f8981d;
	line-height: 110%;
	font-family: "HelveticaNeue-Light", Helvetica, Arial, Geneva, Times, sans-serif;
}

	#mainframe h1.news {
		margin: 0;
		padding: 0;
		font-size: 4em;
	}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
}

.greyintro {
	color: #8E8E8E !important;
}

h3 {
	font-size: 1.7em;
	font-weight: normal;
	line-height: 130%;
	font-family: "HelveticaNeue-Light",Helvetica, Arial, Geneva, Times, sans-serif;
}

h4 {
  font-size: 1.3em;
  font-weight: bold;
}

p {
	color: #323232;
	margin: 0 0 0.5em 0;
	font-size: 1.2em;
	line-height:140%;
}

/* LAYOUT */

#frame {
	width: 860px;
	margin: 0 auto;
}

#innerframe {
	margin: 1em 0 0 0;
}

#leftframe {
	float: left;
	width: 230px;
	padding-right: 14px;
}

#mainframe {
	width: 600px;
	float: left;
	padding-left: 15px;
	border-left:1px dotted #c4b700;
}

#topframe {
	height: 150px;
	display: block;
}

.toptitle {
	position:relative;
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

/* SLOGAN */

#header {
	background-repeat:none;
	background-position:center;
	position:relative;
}

	#topframe #slogan {
		margin-top: 2em;
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
	}

/* OTHER LAYOUT */

	#leftframe .box {
		float: left;
		margin-bottom: 1em;
		color: #fff;
		width: 230px;
	}

	.box a {
		color: #fff;
	}

	.box a:hover {
		text-decoration:underline;
	}

		.box.green {
			background:#c4b700;
		}

		.box.green2 {
			background:#c4b700;
			font-weight: bold;
		}

		.box.grey-new {
			background:#bab2a7;
		}

		.box.grey-new h3 {
			background:url('assets/linked-in.gif') no-repeat top right;
			}

			.download-link-home {
				display:block;
				color:#5a5c5d;
				font-size:11px;
				background:url(assets/arrow.gif) no-repeat center left;
				text-indent:12px;
				}

		.tellus {
			font-weight: normal;
		}

		.box.blue {
			margin-right: 10px;
			background:#0095d3;
		}

		.boxinner {
			padding: 10px 10px 10px 10px;
		}

/* RSS */

.box dl dt{
	font-size: 1.2em;
	margin-bottom: 0.5em;
	text-transform:uppercase;
}

.box dl dt a {
	color: #fff;
	font-weight: bold;
}

.box dl dt a:hover {
	text-decoration:underline;
}

.box dl dd {
	font-size: 1em;
	padding-bottom:0.5em;
	color:#fff;
}

.box dl dd a {
	color: #fff;
}

.box dl dd a:hover {
	text-decoration:underline;
}

.box dl#rss1, .box dl#rss2 {
	border-bottom: 1px dotted #fff;
	margin: 0 0 0.6em 0;
}



	/* SUBSECTIOS */

	.box.subsections {
		background:#464338;
		padding-bottom: 1em;
	}

		.box.subsections:hover {
			background:#464338;
		}

		.box.subsections h3 {
			margin: 0.5em;
			font-size: 2em;
			color: #fff;
			border-bottom:1px dotted #fff;
		}

		.box.subsections ul {
			list-style:none;
		}

		.box.subsections ul li {
			margin: 0;
			padding: 0;
		}

		.box.subsections ul li a {
			color: #fff;
			padding: 5px 0 0 2.2em;
			display: block;
			height: 21px;
			background: url(assets/subnav-off.gif) no-repeat;
		}

		.box.subsections ul li.current_page_item a, .box.subsections ul li a:hover, .box.subsections ul li.current-cat a, .box.subsections ul li a:hover {
			background: url(assets/subnav-on.gif) no-repeat;
			color: #fff;
			text-decoration:none;
		}

	#mainframe .box {
		float: left;
		width: 295px;
		/*height: 135px;*/
		margin-bottom: 15px;
	}

	#mainframe .box.grey {
		background: #bab2a7;
	}

	#mainframe .box.grey:hover {
		background: #f8981d;
		margin-right: 10xp;
	}

	#mainframe .frontbox {
		margin-top: 2.2em;
		height: 125px;
	}

	#mainframe .teaserinside {
	}

	#mainframe .maintext {
		margin: 15px 50px 0 50px;
	}

	.box h3  {
		color:#fff;
		font-size: 2.2em;
		border-bottom: 1px dotted #fff;
		padding-bottom: 0.3em;
		margin-bottom:0.3em
	}

	.box h3 a:hover {
		color: #fff;
		text-decoration:underline;
	}

	.box p {
		color: #fff;
	}

	.box p a:hover {
		color: #fff;
		text-decoration:underline;
	}

    .box h4 {
		text-transform:uppercase;
		font-size: 1.6em;
		font-weight: normal;
		line-height: 140%;;
	}

	.box h4 a {
		color:#fff;
	}

	.box h4 a:hover {
		color: #fff;
	}

	.box:hover {
		background: #f8981d;
	}

/* BOX LISTS */

.box ul li {
	padding: 0.2em 0;
	font-size:1.2em;
	list-style:none;
}

	.box ul li a {
		color: #fff;
	}

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


#bodytext {
	margin: 1em 12em 1em 0;
}

#bodytext img {
	float: right;
}

#bodytext.expertise {
	width: 400px;
	float: left;
	margin: 1em 20px 0 0;
}

	#bodytext.expertise hr {
		margin: 1em 0;
	}

#quotes {
	margin-top: 2em;
	float: left;
	width: 180px;
}

	#quotes h2 {
		margin: 0.7em 0;
		padding: 0 0 0.7em 0;
		font-size:1.2em;
		color: #f8981d;
		border-bottom: 1px dotted #999;
	}


	#bodytext h2, .newspost h2 {
		margin: 0.5em 0 0.5em 0;
		color: #f8981d;
	}

	#bodytext h3 {
		color: #0095d3;
	}

	#bodytext h2 a:hover {
		color: #666;
		text-decoration:underline;
	}

	#bodytext ul {
		width: 500px;
		margin-left: 1.4em;
		color: #ff0000;
	}

	#bodytext ul li {
		color:#222;
		font-size: 1.2em;
		line-height:140%;
		margin-bottom: 0.5em;
	}


#bodytext p, .newspost p {
	font-size: 1.2em;
	line-height:1.8em;
}

#bodytext .box {
	/*height: 170px;*/
}

	#bodytext .box:hover {
		background:transparent;
	}

#bodytextfront {
	margin: 1em 0;
}

#bodytextfront p {
}

#bodytextfront .box {
	height:165px;
	margin: 1em 0;
}

#bodytextfront .box.left {
		margin-right:10px
	}

#bodytextfront .box.left p.orange {
	color: #f8981d;
	font-size: 1.5em;
}


#bodytextfront .box p {
	color: #222;
	font-size: 1.2em;
	line-height:1.6em;
	}

#bodytextfront .box:hover {
	background:transparent;
}

#bodytextfront .box h2 {
	color: #f8981d;
}

hr {
	border-top: 1px dotted #f8981d;
}


/* NEWS POSTS */

	.newspost {
		margin: 1em 12em 1em 0;
		padding: 0.5em 0;
		border-top: 1px dotted #f8981d;
	}

	#bodytext .newspost {
		margin:  1em 0;
	}

	.newspost span.category a {
		margin: 0.5em 0 0 0;
	}

	span.category.insight a, span.category.insight {
		color: #0095d3;
	}

	span.category.event a, span.category.event {
		color: #f8981d;
	}

	span.category.ournews a,span.category.ournews {
		color: #c3b700;
	}

	span.category.industry a, span.category.industry {
		color: #bbb397;
	}

	.newspost p a, #bodytext p a {
		color: #0095d3;
	}

	.meta {
		color: #808080;
		font-size: 1em;
	}

	a.pdf {
		background: url(assets/file-red.gif) no-repeat;
		padding-left: 16px;
	}

	a.zip {
		background: urlassets/file-orange.gif) no-repeat;
		padding-left: 16px;
	}

	a.doc {
		background: urlassets/file-blue.gif) no-repeat;
		padding-left: 16px;
	}

/* SEARCH RESULTS */

#searchresults {
	border-top: 1px dashed #E83f97;
}

	#searchresults ol {
		margin: 1em 0 0 2em;
}

	#searchresults ol li {
		font-size: 1.4em;
		line-height:1.9em
	}

/* FOOTER */

#footer {
	border-top: 1px dotted #c4b700;
	display:block;
	padding: 1em 0 1em 0;
	clear: left;
	margin-bottom: 2em;
}
	#footer ul#misc {
		list-style:none;
		float: left;
		display: block;
	}

	#footer ul#misc li {
		display: inline;
		font-size: 1.1em;
		padding: 0 0.8em 0 0;
		margin-right: 0.4em;
		border-right: 1px solid #0095d3;
		color:#b3b3b3;
	}

	#footer ul li a {
		color:#b3b3b3;
	}

	#footer ul li a:hover {
		color: #222;
	}

	#footer ul li.bluelink.last {
		border-right: none;
	}

ul#bookmarking {
	float: right;
	display: block;
	line-style:none;
}

	ul#bookmarking li {
		display:inline;
	}

	ul#bookmarking li a {
		color: #999;
	}

	ul#bookmarking li a.delicious {
		background: url(/site/wp-content/themes/mediasense/assets/delicious.small.gif) left no-repeat;
		padding: 0 0 0 20px;
	}

	ul#bookmarking li a.digg {
		background: url(/site/wp-content/themes/mediasense/assets/Digg_16x16.png) left no-repeat;
		padding: 0 0 0 20px;
	}

	ul#bookmarking li a.stumble {
		background: url(/site/wp-content/themes/mediasense/assets/Stumbleupon_16x16.png) left no-repeat;
		padding: 0 0 0 20px;
	}

/* BLUE LINK */

.bluelink a {
		color:#0095d3;
	}

.bluelink a:hover {
	color: #222;
}

/* TOP TEASER FRONTPAGE */
#slideshow {
	height: 150px;
	display: block;
}

/* THESE ARE THE BACKGROUND IMAGES */

#intro1 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_01.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}


#intro3 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_03.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro4 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_04.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro6 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_06.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro7 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_07.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro8 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_08.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro9 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_09.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro10 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_10.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro2 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_02.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro11 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_11.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro12 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_12.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro13 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_13.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro14 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_14.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro15 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_15.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro5 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_05.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro16 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_16.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro17 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_17.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro18 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_18.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro19 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_19.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro20 {
	background-image: url(http://mediasenseinternational.com/site/wp-content/uploads/ms_photo_20.jpg);
	background-repeat:none;
	background-position:center;
	height: 150px;
	width: 600px;
	display: block;
}

#intro1 h3, #intro2 h3, #intro3 h3, #intro4 h3, #intro5 h3, #intro6 h3,
#intro7 h3, #intro8 h3, #intro9 h3, #intro10 h3, #intro11 h3, #intro12 h3,
#intro13 h3, #intro14 h3, #intro15 h3, #intro16 h3, #intro17 h3, #intro18 h3,
#intro19 h3, #intro20 h3,  .toptitle h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 600px;
	background-image: url(assets/transbg.png);
	background-repeat: repeat-x;
	color: #fff;
	font-size: 3.1em;
	padding-left:5px;
	font-weight:normal;
}

/* CONTACT FORM */

form.wpcf7-form {
	width: 300px;
}

form.wpcf7-form p input, form.wpcf7-form p textarea {
	background: #ececec;
	border: 1px solid #ccc;
	padding: 0.1em;
}

form.wpcf7-form p textarea {
	width: 280px;
}

form.wpcf7-form p input:hover {
	border-color: #222;
}

form.wpcf7-form p textarea:hover {
	border-color: #222;
}

div.wpcf7-response-output.wpcf7-mail-sent-ok {
	font-size: 2em;
	margin: 0;
	padding: 0;
	color: #f8981d;
	border: 0;
	background: none;
}

ul.contactdetails {
	padding-left: -400px;
}

span.required {
	color: #ff0000;
	font-size: 130%;
}

p.orange {
	color: #f8981d;
}

#contact-us-map
{
	width:600px;
	height:250px;
}


/*END STYLESHEET */