/*

 ,dPYb,              I8   ,dPYb,                                 
 IP'`Yb              I8   IP'`Yb                                 
 I8  8I      gg   88888888I8  8I                                 
 I8  8'      ""      I8   I8  8'                                 
 I8 dPgg,    gg      I8   I8 dPgg,    ,ggg,    ,gggggg,   ,ggg,  
 I8dP" "8I   88      I8   I8dP" "8I  i8" "8i   dP""""8I  i8" "8i 
 I8P    I8   88     ,I8,  I8P    I8  I8, ,8I  ,8'    8I  I8, ,8I 
,d8     I8,_,88,_  ,d88b,,d8     I8, `YbadP' ,dP     Y8, `YbadP' 
88P     `Y88P""Y8  8P""Y888P     `Y8888P"Y8888P      `Y8888P"Y888
w   w   w   .   s   a   y   h   i   t   h   e   r   e   .   c   a

Theme Name: MIPP
Theme URI: http://www.sayhithere.ca
Author: hi there
Description: Custom WordPress theme for MIPP
Version: 1.0
*/

body {
	margin: 0;
	padding: 0;
}

* {outline: none;}

.clear {clear: both;}

#header {
	width: 900px;
	margin: 0 auto;
	background: url(/wp-content/themes/mipp/images/logo.jpg) no-repeat top left;
	height: 145px;

}

#header .twitter {
	float: left;
	margin-left: 3px;
	margin-top: 13px;

}

#header .fb {
	float: right;
	margin-right: 33px;
	margin-top: 15px;
	width: 50px
}

#header .fb2 {
	float: left;
	margin-left: 771px;;
	margin-top: 17px;
}

#header .share {
	float: right;
	font: 12px Helvetica, Arial, sans-serif;
	color: #91908e;
	z-index:100;
	margin-top: 25px;
}

#header .share p {
	float: left;
	margin: 2px 5px 0 0;
}

#header .share .buttonwrap {
	margin-top: -10px;
	display: block;
	float: right;
}





#menu_wrap {
	background-color: #474643;
	width: 100%;
	height: 32px;
}

#menu {
	width: 900px;
	margin: 0 auto;
}

#nav{
	background-color: #474643;
}
#nav, #nav ul {
list-style: none;
line-height: 1;
padding:0;
margin: 0 0 0 -8px;
}
#nav a, #nav a:hover {
display: block;
text-decoration: none;
border:none;
}
#nav li {
float: left;
list-style:none;
border-left:1px solid #676764;
font: 12px Arial;
margin: 6px 0 0 0;
}

#nav li:first-child {
	border-left: none;
}
#nav a, #nav a:visited {
font: 12px Arial;
display:block;
color: #f5f5f4;
padding: 3px 12px;
}
#nav a:hover, #nav a:active, .current_page_item a, #home .on {
background-color: #62625f;
text-decoration:none
}
#nav li ul {
position: absolute;
left: -999em;
height: auto;
width: 174px;
border-bottom: 1px solid #676764;
z-index: 100;
margin-left: -1px;
}

#nav li li {
width: 172px;
border-top: 1px solid #676764;
border-right: 1px solid #676764;
border-left: 1px solid #676764;
background-color: #474643;
margin: 0;
padding: 5px 0;
}

#nav li li:first-child {
border-left: 1px solid #676764;
}
#nav li li a, #nav li li a:visited {

color:#FFF;
}
#nav li li a:hover, #nav li li a:active {
background-color: #62625f;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}


#buttons {
	float: right;
	margin-top: 4px;
}

a.enter {
	background: url(/wp-content/uploads/2012/06/enter-competition.png);
	width: 165px;
	height: 24px;
	display: inline-block;
}

a.login {
	background: url(/wp-content/themes/mipp/images/log-in.png);
	width: 57px;
	height: 24px;
	display: inline-block;
}

a.myaccount {
	background: url(/wp-content/themes/mipp/images/myaccount.png);
	width: 98px;
	height: 24px;
	display: inline-block;
}

a.logout {
	background: url(/wp-content/themes/mipp/images/log-out.png);
	width: 66px;
	height: 24px;
	display: inline-block;
}

.welcometext {
	float: right;
	font: 12px Arial;
	color: #f5f5f4;
	padding: 10px 0 0 0;
	margin-left: -10px;
}

.welcometext:first-child {
	margin-left: 10px;
}

.welcometext a, .welcometext a:visited {
	color: #f5f5f4;
	text-decoration: underline;
}

.welcometext a:hover {text-decoration: none;}

#content_wrap {
	background: url(/wp-content/themes/mipp/images/bg.jpg) repeat-x;
	width: 100%;
}

#slider {
	margin: 0 0 0 -20px;
}

#divider {
	height: 1px;
	background-color: #e0e0df;
	margin: 0 auto;
	width: 840px;
	display: block;
}

#content {
	margin: 0 auto;
	width: 900px;
}

#content a {
	text-decoration: underline;
	color: #5da6bb;
	background-color: transparent;
}

#content a:hover {text-decoration: none;}

.homecol h2 {
	background: url(/wp-content/themes/mipp/images/homecol-h2-bg.jpg) repeat-x;
	color: #fff;
	font: 18px 'Neuton', Georgia, Times, serif;
	padding: 4px 0 0 8px;
	height: 28px;
}

.homecol {
	float: left;
	width: 243px;
	margin: 15px 83px 20px 0;
	font: 13px/18px Helvetica, Arial, sans-serif;
	color: #5b5b5b;
}

.homecol.last {
	margin-right: 0;
}

.homecol p {padding: 0 8px;}

#footer_wrap {
	width: 100%;
	background-color: #363531;
	color: #8e8e8b;
	padding: 20px 0 10px;
}

#footer {
	width: 900px;
	margin: 0 auto;
	font: 13px Helvetica, Arial, sans-serif;
}

#footer a, #footer a:visited {color: #557f8a;}
#footer a:hover {text-decoration: none;}

#footer #copyright {
	float: left;
	padding-top: 5px;
}

#footer .share {
	float: right;
	margin-top: 10px;
}

#footer .fb {
	float: right;
}

#footer .twitter {
	float: right;
	margin: 0px 0 0 15px;
	width: 160px;

}

.share .buttonwrap {
	display: block;
	float: right;
	margin: -10px 0 10px;
}


/* Subpage stuff */

#content.subpage {
	padding: 30px 0;
}

#subpage {
	float: right;
	width: 710px;
	font: 14px Helvetica, Arial, sans-serif;
	color: #666;
	margin-bottom: 20px;
}

#subpage.nosubnav {
	width: 900px;
	float: left;
}

#subpage ol {
	margin: 0;
	padding: 0;
}

#subnav {
	float: left;
	background-color: #5e93a2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 3px 3px 10px #999;
	-webkit-box-shadow: 5px 5px 10px #999;
	box-shadow: 5px 5px 10px #999;
	padding: 10px 12px 40px;
	margin: 0 0 40px 0;
	width: 120px;
}

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

#subnav ul li {
	border-top: 1px solid #6e9eab;
	margin: 0;
	padding: 7px 0;
}

#subnav li:first-child {border-top: none;}

#subnav li a, #subnav li a:visited {
	color: #ccd5d5;
	text-decoration: none;
	font: 12px Helvetica, Arial, sans-serif;
}

#subnav li a:hover, #subnav li.current_page_item a {
	text-decoration: none;
	color: #fff;
	background-color: transparent;
}


/* standard stuff, mostly applies to subpages though */

h1 {
	font: normal 36px 'Neuton', Georgia, Times, serif;
	color: #69b1c6;
	margin-top: 0;
}

h2 {
	font: bold 16px Verdana, Helvetica, Arial, sans-serif;
	color: #5b5b5b;
	margin-top: 20px;
}

h3 {
	font: bold 14px Verdana, Helvetica, Arial, sans-serif;
	color: #5b5b5b;
	margin-top: 17px;
}

h4 {
	font: 14px Verdana, Helvetica, Arial, sans-serif;
	color: #5b5b5b;
	margin-top: 17px;
}

.qa-faq-answer p{
	font: 13.2px Verdana, Helvetica, Arial, sans-serif;
	color: #5b5b5b;
	margin-left: 10px;
}

img.alignleft {
	float: left;
	margin: 4px 24px 4px 0;
}

img.aligncenter {
	display: block;
	margin: 24px;
	margin: auto;
	clear: both;
}

img.alignright {
	float: right;
	margin: 4px 0 4px 24px;
}

#subpage ul {
	margin: 0;
	padding: 0 0 0 12px;
}

#subpage li {
	padding: 7px 0;
}

#subpage p {
	line-height: 20px;
}

/* Blog pages stuff */

#container {
	width: 900px;
	margin: 0 auto;
}

#content.blog {
	width: 600px;
	float: left;
	margin: 0 0 20px 0;
}

#content.blog {
	font: 13px Arial;
	color: #5b5b5b;
}

#content.blog h2 a{
	font: 24px 'Neuton', Georgia, Times, serif;
	color: #69b1c6;
	text-decoration: none;
}

#content a {
	text-decoration: underline;
}

#content a:hover {text-decoration: none;}

#content.blog h2 a:hover {
	text-decoration: underline;
}

#content.blog a, #content.blog a:visited {
	color: #5da6bb;
}

#content.blog .readpost {
	float: right;
}

#content.blog .thedate {
	font-size: 14px;
	margin: -10px 0 22px;
}

#content.blog .storycontent {
	margin: 0 0 24px 0;
}

.feedback {
	margin: 10px 0 0 0;
}

#commentform label {display: block;}

#commentform .required {display: none;}

#blogsidebar{
	float: right;
	width: 210px;
	margin: 10px 0 0 0;
}

ul.xoxo {
	list-style: none;
	padding: 0;
	font: 13px Arial, sans-serif;
	color: #5b5b5b;
}

ul.xoxo li {margin: 8px 0;}

ul.xoxo a, ul.xoxo a:visited {
	color: #5da6bb;
	text-decoration: none;
}

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

ul.xoxo li ul {
	list-style: none;
	padding: 0;
	margin: 10px 0 25px;
}

ul.xoxo li ul li {
	margin: 10px 0;
}

#loginbuttons {
	margin-top: -0.4px;
}

a.enter {
	/*display: none;*/
}