/*

Theme Name: Marketing Impact

Theme URI: http://mimpact.broadcaststudio.co.uk/blog/

Description: A custom WordPress theme created for exclusive use by MI

Version: 1.0

Author: Matt Daly

Author: http://www.mattdaly.co.uk/

*/

/* CSS Document */
/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent}

ol, ul{list-style:none}

body, div, h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote{margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding:0px; border:0px}

/* ------------------------------------------------------------------------------- */

/* MI Blog */

a{font-family:"Helvetica", Arial, sans-serif; font-size:12px; color:#993399; text-decoration:none; border: none;}

a:hover{color:#993399; text-decoration:none}

span{display:none}

p{font-family: "Helvetica", Arial, sans-serif; font-size: 12px; color: #7c7c7c;}


html{height: 100%;}

body{font-family:"Helvetica", Arial, sans-serif; background: url(images/bg.jpg) repeat-x #f5f5f5; height: 100%;}

.frame{width: 960px; margin: auto;}

#container{width: 960px; height: auto;}

/* ----- header -----*/

.header{width: 960px; height: 138px;}

p.date{float: right; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-weight: bold; color: #606060; font-size: 16px; margin: 20px 10px 0 0;}

h2{float: left; margin: 30px 0 0 20px; width: 152px; height: 20px;}

h1{width: 535px; height: 60px; margin: 15px 0 0 20px; float: left; clear: left;}

h3{color: #666}

img.mi-logo{float: right; margin: 10px 10px 0 0; width: 160px; height: 79px; clear: right}



/* ----- Nav -----*/

ul.nav{width: 960px; height: 50px; float: left;}

ul.nav li{width: 89px; height: 26px; float: left; margin: 15px 0 0 10px;}

a.home{width: 89px; height: 26px; background: url(images/home.png) no-repeat; display: block;}

a.home:hover{background-position: right;}

a.about{width: 89px; height: 26px; background: url(images/about.png) no-repeat; display: block;}

a.about:hover{background-position: right;}

a.visit{width: 89px; height: 26px; background: url(images/visit.png) no-repeat; display: block;}

a.visit:hover{background-position: right;}

/* content */

.left{width: 712px; height: inherit; float: left; margin-bottom: 20px;}

img.main-top{float: left; width: 712px; height: 11px;}

img.main-bottom{float: left; width: 712px; height: 11px;}

.main{width: 712px; height: inherit; background: url(images/main-bg.png) repeat-y; float: left;}

.content{width: 670px; height: inherit; float: left; margin: 0 0 0 20px;}

.sidebar{width: 243px; min-height: 750px; height: inherit; background: url(images/side-bg.png) repeat-y; margin: 0 -5px 0 0; float: right;}

/* ----- Post ----- */

.post {width: 670px; height: inherit; margin: 10px 0 0 0; float: left;}

img.post-title-line{float: left;}
	
.post h3 a{font-size: 24px; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; color: #7c7c7c; margin: 0 0 0 10px; float: left;}
	
.post h3 a:hover{color: #606060; text-decoration: none;}

img.divider-line{float: left; margin: 5px 0 5px 0}

.entry {height: 200px inherit; float: left; position: relative; padding-bottom: 30px;}

.entry p{margin: 0; float: left; line-height: 22px; text-align: left; width:670px;}

.entry p img{float: left; margin: 10px 0; border: 3px solid #e8e8e8; width: 100%; height: inherit}

.entry p object{float: left; margin: 10px 0 10px 0;}

ol{margin: 10px 0; float: left}

ol li{font-family: "Helvetica", Arial, sans-serif; font-size:12px; color: #7c7c7c; list-style: disc; margin: 0 0 0 20px; line-height: 24px }

a.more-link{background: url(images/read-more.png) no-repeat; width: 92px; height: 19px; display: block; position: absolute; bottom: 5px; right: 0px;}

a.more-link:hover{background-position: right;}

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

img.plus-right{float: right; margin: 0 10px 0 0}

p.posted{float: left; color: #7c7c7c; list-style: url(images/plus.png)}

p.comment a{float: right; color: #7c7c7c;}

p.comment a:hover{color: #993399}


h3.post-title{font-size: 24px; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; color: #606060; margin: 0 0 0 10px; float: left;}

p.error{margin: 20px 0 20px 30px;}

a.getintouch{margin: 20px 188px; background: url(images/getintouch.png) no-repeat; width: 294px; height: 52px; display: block;}

a.getintouch:hover{background-position: bottom;}

/* ----- next prev -----*/

.alignright a{float: right; margin: 20px 0; background: url(images/recent.png) no-repeat; width: 92px; height: 19px; display: block;}

.alignright a:hover{background-position: right;}
	
.alignleft a{float: left; margin: 20px 0; background: url(images/older.png) no-repeat; width: 92px; height: 19px; display: block;}

.alignleft a:hover{background-position: right;}


#wp_page_numbers{width: 670px; height: 19px; float: left; margin: 10px 0;}

#wp_page_numbers ul{float: left;}

#wp_page_numbers li{font-family: "Helvetica", arial, sans-serif; color: #7c7c7c; font-size: 12px; background: #f3f3f3; border: 1px solid #e8e8e8; float: left; text-align: center; margin: 0 5px}

#wp_page_numbers li.page_info{float: left; width: inherit; padding: 5px 5px 3px 5px; height: 15px;} #wp_page_numbers li.page_info:hover{background: #f7f7f7}

#wp_page_numbers li a{color: #7c7c7c; display: block; width: 20px; height: 15px; padding: 5px 0 3px 0;} #wp_page_numbers li a:hover{color: #fff; background: #993399}

#wp_page_numbers li.active_page a{color: #fff; background: #993399} #wp_page_numbers li.active_page a:hover{color: #fff;}


.addthis_button{float: left; margin: 10px 0 0 0; background: #eee; padding: 5px; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px;}

 /* ----- sidebar -----*/

img.sidebar-top{float: left; width:243px; height: 11px;}

.sidebar-box{float: left; width:243px; height: inherit; background: url(images/sidebar-bg.png) repeat-y;}

img.sidebar-bottom{float: left; width:243px; height: 11px; margin: 0 0 10px 0}

h4{font-size: 18px; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; color: #606060; margin: 0 0 10px 10px; float: left; clear: left;}


ul.recent{height: inherit; margin: 0 0 0 40px; float: left; width:200px;}

ul.recent li{list-style: url(images/plus.png); line-height: 26px;}

ul.recent li a{ font-size: 11px; color: #606060}

ul.recent li a:hover{color: #993399;}


img.icon{width: 52px; height: 52px; float: left; clear: left; margin: 10px 10px}

p.sub{float: left; margin: 30px 0 0 0; font-size: 11px;}

p.sub-e{float: left; margin: 30px 0 0 0; font-size: 11px;}

form.email-sub{width: 225px; height: 28px; float: left; margin: 0 0 0 10px;}

input.email{background: url(images/email-form.png) no-repeat; width: 178px; height: 28px; border: none; float: left; padding: 0px 0 0 10px; color: #7c7c7c;}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
input.email{padding: 0 0 0 10px;}
}

input.go{background: url(images/go-button.png) no-repeat; width: 41px; height: 28px; border: none; float: left; margin-left: -15px;}

input.go a:hover{background-position: bottom;}


form.dropdown{margin: 0px 0 10px 10px; float: left; clear: left;}

select.postform{background: #ddd; border: 1px solid #ccc;}

select.dropdown{margin: 0px 0 10px 10px; float: left; clear: left;}


form#search{width: 250px; height: 28px; float: left; margin: 0 0 10px 0;}

input.search-bar{width: 200px; height: 28px; background: url(images/search-form.png) no-repeat; border: none; float: left; padding: 0px 0 0 25px; color: #7c7c7c;}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
input.search-bar{padding: 0 0 0 25px;}
}

button.search-button{background: url(images/go-button.png) no-repeat; width: 41px; height: 28px; border: none; float: left; margin-left: -25px;}


ul.sn{float: left; clear: left; width:243px;}

ul.sn li{width:49px; height: 49px; float: left; display: inline; margin: 10px;}

.tweets{float: left; width: 230px; margin: 10px 0 0 10px;}

/* comments */

h5#comments{font-size: 18px; font-family: "trebuchet MS", Arial, Helvetica, sans-serif; color: #7c7c7c; margin: 10px 0 10px 0; float: left; clear: left; width:670px} /* response, leave reply */

#commentform{padding:0; width: 650px; float: left; padding: 10px; background: #f7f7f7; border: 1px solid #f0f0f0} /* the form */


/* LOGGED IN */

#commentform a{color: #666; text-decoration: none; line-height: 14pt;} /* log-out link */
	
p.log a{font-size: 10px;} /* login in as text */
	
textarea#comment{float: left; width:630px; height: 90px; border: none; background: url(images/comment-field.png) no-repeat; padding: 10px; color: #7c7c7c; margin: 0 0px; font-family: "Helvetica", arial, times; font-size: 9pt;} /* comment field */


/* FIELDS AND TEXT */
#commentform p{color: #7c7c7c; font-size: 11px; padding-top: 10px; border: none; font-family: "Helvetica", arial, sans-serif; color: #7c7c7c; float: left; margin-right: 10px} /* name, email, web - text */

#respond input{float:left; width: 220px; height: 20px; font-family: "Helvetica", arial, times; background: url(images/name-field.png) no-repeat; font-size: 9pt; color: #7c7c7c; margin:5px 5px 5px 0; border: none; padding: 1px 7px} /* name email web fields */

#respond input:focus{border: none; text-shadow: none}


/* SUBMIT BUTTON */	
#respond input.submit{background: url(images/submit.png) no-repeat; border: none; width: 78px; height: 15px; margin: 0 0 0 0;}

#respond input.submit:hover{background-position: right}


/* THE COMMENTS */

ol.commentlist {list-style-type: none; margin:0; padding:0;} /* the ol of comments */

.avatar{float:left; margin:0 12px 0 0;}

ol.commentlist li {list-style-type:none; width: 670px; height: inherit; float: left; border-top: 1px solid #e5e5e5; padding: 10px 0 0 0;} /* the comment li */

ol.commentlist li p {margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; color: #7c7c7c; line-height: 16pt; font-size: 11px; background: #f7f7f7 no-repeat; border: 1px solid #f0f0f0} /* the comment text */

ol.commentlist a {color:#7c7c7c;} /* a lonk within comment text */

cite {font-family: "trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #993399} /* author */
	
cite a{font-family: "trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; color: #993399} /* author link */




/* ----- footer -----*/

.footer{height: 34px; background: #909090 repeat-x; clear: both; margin-top: 20px}

p.copy{text-align: center; color: #fff; padding: 10px 0;}

p.copy a{color: #fff;} p.copy a:hover{color: #993399;}