/*
Theme Name: The Investor Partners Fund
Description: The Investor Partners Fund WordPress Theme
*/

/* General */

* { margin: 0; padding: 0; border: 0; outline: 0; }
ul, li { list-style: none; }
body, p { width: 100%; background: #fff; font-family: Calibri, Arial, Tahoma, Verdana, sans-serif; font-size: 14px; line-height: 19px; color: #000; }
:focus { outline: 0; }
.clear:after { content: "."; visibility: hidden; display: block; height: 0px; clear: both; }
* html .clear { height: 1%; }
.wrapper { width: 960px; margin: 0 auto; }
a { text-decoration: none; color: #0054a6; }
a:hover { text-decoration: underline; }
.right { float: right !important; }
.left { float: left !important; }

/* Header */

#header { width: 100%; height: 67px; background: url(images/header.jpg) repeat-x; }

#nav { float: left; margin-left: 190px }
#nav ul li { display:block; float: left; margin: 30px 0 0 0; font-weight: bold; text-align: center;}
#nav ul li a { height: 24px; text-decoration: none; padding: 11px 14px 0 13px; text-align: center; display: block; color: #fff; text-transform: uppercase; }
#nav ul li a:hover, #nav ul li.current_page_item a, #nav ul li.current_page_parent a { background: #b1c932; height: 23px; padding: 8px 12px 0 11px; border: 2px solid #fff; border-bottom: 0; color: #404040; }
#nav li ul { display: none; }

#subnav { width: 100%; clear: both; padding: 7px 0; border-bottom: 1px solid #e0e0e0; }
#subnav ul { width: 100%; text-align: center; }
#subnav li { display: inline; padding: 0 5px 0 0; margin: 0 5px 0 0; font-size: 13px; }
#subnav li a { color: #000; }
#subnav li.current_page_item a { font-weight: bold; color: #444; }


#search { float: right; margin: 34px 10px 0 20px; background: url(images/search.png) no-repeat; width: 102px; height: 18px; padding: 4px 8px 0 22px; text-transform: uppercase; color: #000000; font-size: 10px; }



/* Banner */

#banner { width: 100%; height: 248px; }
.page { height: 122px !important; margin-bottom: -7px; }
.page h1#logo { margin: 22px 0 0 0; }
.banner { position: relative; width: 726px; height: 248px; z-index: 0; left: 235px; }
.page-banner { z-index: 0; position: relative; float: right; }



/* Logo */

h1#logo { width: 256px; height: 78px; background: url(images/logo.png) no-repeat; position: absolute; z-index: 1; float: left; margin: 58px 0 0 0; text-indent: -9999px; }
h1#logo a { width: 256px; height: 78px; display: block; }

/* Boxes */

#boxes { clear: both; width: 974px; height: 156px; position: relative; margin: -35px auto 0 auto; }
#boxes li { display: inline; float: left; }
.box a { display: block; margin: 12px 0 0 12px; width: 145px; height: 132px; }
.box { width: 169px; height: 156px; position: absolute; text-indent: -9999px; }

.fund { background: url(images/boxes/fund.png) 0 0 no-repeat; z-index: 0; left: 0; }
.fund:hover { background: url(images/boxes/fund.png) 0 -156px no-repeat; }
.save { background: url(images/boxes/save.png) 0 0 no-repeat; z-index: 1; left: 161px; }
.save:hover { background: url(images/boxes/save.png) no-repeat 0 -156px; }
.questions { background: url(images/boxes/questions.png) 0 0 no-repeat; z-index: 2; left: 322px; }
.questions:hover { background: url(images/boxes/questions.png) 0 -156px no-repeat; z-index: 2; left: 322px; }
.online { background: url(images/boxes/online.png) no-repeat; z-index: 3; left: 483px; }
.online:hover { background: url(images/boxes/online.png) 0 -156px no-repeat; }
.partner { background: url(images/boxes/partner.png) no-repeat; z-index: 4; left: 644px; }
.partner:hover { background: url(images/boxes/partner.png) 0 -156px no-repeat; }
.login { background: url(images/boxes/login.png) no-repeat; z-index: 5; left: 805px; }
.login:hover { background: url(images/boxes/login.png) 0 -156px no-repeat; }

/* Content */

.divider { width: 100%; clear: both; margin: 6px 0 10px 0; border-top: 1px solid #e0e0e0; }

/* Heading Styles */

p { font-size: 14px; line-height: 19px; margin-top: 0px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; padding: 0px;}
h1 { width: 100%; font-size: 18px; padding: 7px 0; color: #000; font-weight: bold; text-transform: uppercase; }
h1 a { color: #000; text-decoration: none; }
h1 a:hover { color: #000; text-decoration: underline; }
h2 { width: 100%; font-size: 16px; padding: 2px 0; color: #000; font-weight: bold; }
h2 a { color: #000; }
h3 { width: 100%; font-size: 16px; padding: 7px 0; color: #000; font-weight: bold; text-transform: uppercase; border-top: 4px solid #ccc; }
h3.blog { padding: 7px 0; border-top: 4px solid #b7cf34; }
h3.love { padding: 7px 0; float: left; border-top: 4px solid #b7cf34; }
h3.sidebuttons { padding: 7px 0; float: left; border-top: 4px solid #c58f38; }
h3 a.pdflink { color: #000; padding: 5px 20px 5px 0; background: transparent url(http://www.ipfund.ca/wp-content/themes/ipfund/images/icon_pdf.gif) no-repeat center right; width: 16px; height: 16px; }
h4 { padding: 7px 0; border-bottom: 4px solid #ccc; }

#content ul { margin: 0 0 8px 18px; padding: 0;}
#content ul li { line-height: 16px; margin: 0; padding: 0 0 5px 5px; list-style-type: disc; }
#content ol { margin: 0 0 8px 18px; padding: 0; }
#content ol.emphasis { margin: 0 0 0px 18px; padding: 0; }
#content ol li { list-style: decimal; line-height: 16px; padding: 0 0 5px 5px; }
#content ol li.emphasis { list-style: decimal; font-size: 14px; line-height: 19px; font-weight: normal; color: #000; margin: 10px 0px 10px 0px; padding: 5px 5px 5px 10px;
border-top: 1px solid #CCC;
background-color: #E8E8E8;
background-repeat: repeat; }
#content ol li.emphasis2 { list-style: decimal; font-size: 14px; line-height: 16px; font-weight: normal; color: #CB9839; margin: 10px 0px 5px 0px; padding-top: 5px; border-top: 1px solid #CCC; }

#contactform { width: 151px; height: 19px; padding: 0 0 0 7px; background: url(images/newsletter.gif) no-repeat; }
#contactcomments { padding: 0px 0 0 7px; max-width: 411px; width: 411px; max-height: 91px; height: 91px; background: url(images/comment-field.gif) left top no-repeat; resize: none; }
#contactsubmit { width: 68px; height: 26px; background: url(images/submit.png) no-repeat; margin: 10px 0 0 0px; text-indent: -9999px; cursor: pointer; }


/* Unit */

#info { width: 100%; padding: 15px 0; clear: both; }
.unit { width: 300px; float: left; margin: 0 0 15px 0; }
.unit p { padding: 0  !important; line-height: 19px !important; font-size: 14px !important; }
.fax { margin: 0 0 0 10px; }
	
#newsletter { width: 151px; height: 19px; padding: 0 0 0 7px; background: url(images/newsletter.gif) no-repeat; }
#newsletter-join { width: 48px; height: 26px; background: url(images/newsletter-join.gif) no-repeat; margin: 0 0 0 5px; text-indent: -9999px; cursor: pointer; }

#content { width: 630px; float: left; border-top: 4px solid #cc9933; padding: 10px 0 0 0; color: #000; }
.home { font-size: 14px; }
.home p { padding: 10px 0; line-height: 19px; }

.meta { padding: 0 0 20px 0; clear: both; margin: 3px 0 10px 0; background: url(images/meta.png) bottom left no-repeat; }
.meta a { color: #000; }

.post { font-size: 14px; }
.post p { font-size: 14px; line-height: 18px; margin-top: 0px; margin-right: 0px; margin-bottom: 16px; margin-left: 0px; padding: 0px;}
.post h1 { width: 100%; font-size: 18px; padding: 7px 0; color: #000; font-weight: bold; text-transform: uppercase; }
.post h1 a { color: #000; text-decoration: none; }
.post h1 a:hover { color: #000; text-decoration: underline; }
.post h2 { width: 100%; font-size: 16px; padding: 10px 0; color: #000; font-weight: bold; }
.post h2 a { color: #000; }
.post h3 { width: 100%; font-size: 16px; padding: 7px 0; color: #000; font-weight: bold; text-transform: uppercase; border-top: 4px solid #ccc; }

.join { color: #000; width: 242px; height: 40px; background: url(images/join.png) no-repeat; display: block; margin: 10px 0 0 -4px; padding: 13px 0 0 15px; }
.join a { color: #000; }



/* Sidebar */

#sidebar { width: 310px; float: right; }
	
.aktt_tweets li, .headlines li { border-bottom: 1px solid #dbe799; padding: 0 0 5px 0; margin: 0 0 5px 0; }
.aktt_tweets li a, .headlines li a { color: #000; }
.aktt_tweets li.continue, .headlines li.continue { border: none; margin: 0; padding: 0; }
.aktt_tweets li.continue a, .headlines li.continue a { color: #0054a6; }

#twitter a { color: #0054a6; }
	


/* Sidebar (Blog) */
		
#sidebar1 { width: 310px; float: right; }
.list li { display: inline; float: left; border-left: 1px solid #8f8f8f; padding: 0 0 0 8px; margin: 0 8px 0 0; }
.list li a { color: #000; }
.list li:first-child { padding: 0; border: none; }
.list li.continue { clear: both; border: none; margin: 0; padding: 0; }
.list li.continue a { color: #0054a6; }




/* Icons */

#social { width: 100%; }
#social li { display: inline; float: left; margin: 0 6px 0 0; }
#social li a { width: 24px; height: 24px; display: block; }

.icon { width: 24px; height: 24px; display: block; text-indent: -9999px; }
.twitter { background: url(images/icons.gif) no-repeat 0 -24px; }
.twitter:hover { background: url(images/icons.gif) no-repeat 0 0; }
.delicious { background: url(images/icons.gif) no-repeat -24px -24px; }
.delicious:hover { background: url(images/icons.gif) no-repeat -24px 0; }
.digg { background: url(images/icons.gif) no-repeat -48px -24px; }
.digg:hover { background: url(images/icons.gif) no-repeat -48px 0; }
.stumbleupon { background: url(images/icons.gif) no-repeat -72px -24px; }
.stumbleupon:hover { background: url(images/icons.gif) no-repeat -72px 0; }
.google { background: url(images/icons.gif) no-repeat -96px -24px; }
.google:hover { background: url(images/icons.gif) no-repeat -96px 0; }
.rss { float: right !important; background: url(images/icons.gif) no-repeat -120px -24px; }
.rss:hover { background: url(images/icons.gif) no-repeat -120px 0; }
.facebook { float: right !important; background: url(images/icons.gif) no-repeat -144px -24px; margin: 0 !important; }
.facebook:hover { background: url(images/icons.gif) no-repeat -144px 0; }
		


/* Comments */

#comments { margin: 40px 0 0 0; width: 635px; }
#comments ul.commentlist { margin: 0; padding: 0; }
#comments ul li { line-height: 20px; background: url(images/comment.png) left top no-repeat; list-style: none; overflow: hidden; margin: 10px 0 0 0; width: 451px; min-height: 60px; padding: 20px 0 0 35px; }
#comments { clear: both; }
#comments small { font-size: 12px; }
.commentText p { margin: 5px 0; }

#comments textarea#comment { margin: 10px 0; font-family: Calibri, Arial, Tahoma, Verdana, sans-serif; font-size: 12px; padding: 10px 0 0 8px; max-width: 411px; width: 411px; max-height: 91px; height: 91px; background: url(images/comment-field.gif) left top no-repeat; color: #A5A5A9; resize: none; }
#comments input#email, #comments input#url, #comments input#author { margin: 0 15px 0 0; float: left; width: 196px; height: 19px; background: url(images/form-field.gif) left top no-repeat; }

span.comment-text p { padding: 10px 0; }
#comments p a { color: #111111; text-decoration: none; }
#comments input#submit { margin: 75px 0 0 12px; width: 59px; height: 29px; text-indent: -9999px; background: url(images/submit.jpg) no-repeat; cursor: pointer; }
#commentform { height: 100%; overflow: hidden; }
#commentform p.fLeft { float: left; }



/* Footer */

#spacer { width: 630px; float: left; padding: 10px 0 0 0; color: #000; }
#footer { width: 100%; padding: 7px 0 0 0; margin: 60px 0 70px 0; border-top: 1px solid #e0e0e0; clear: both; font-size: 11px; }