/*
Theme Name: IPC
Description: The theme for the IPC website.
Author: Outer Spice Web Company
Author URI: http://www.outerspiceweb.com
*/


/*
*******************************************************************************
standard tags
*******************************************************************************
*/
body {
margin:0px;
padding:0px;
background-color:#000;
font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;
}
a:link, a:visited, a:hover, a:active { color:#CCC;text-decoration:none; }
a:hover { color:#FFF; }
img {border:none;}
h1, h2, h3, h4, h5, h6 {letter-spacing:-1px; color:#FFF; margin:0px; padding:20px 0px 0px 0px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal;}
h1 {
font-size:3.2em;
letter-spacing:-2px;
color:#B1B1B1;
}
h2 {
font-size:2.2em;
color:#CCC;
font-weight:bold;
}
h3 {
font-size:2.2em;
color:#FFF;
}
h4 {
font-size:1.9em;
font-weight:bold;
}
h5 {
font-size:1.9em;
}
h6 {
font-size:1.6em;
font-weight:normal;
}

/*
*******************************************************************************
global utility tags
*******************************************************************************
*/
.clearer {
clear:both;
font-size:0px;
line-height:0px;
}
.clearer5 {
clear:both;
font-size:5px;
line-height:5px;
height:5px;
}
.clearer10 {
clear:both;
font-size:10px;
line-height:10px;
height:10px;
}
.clearer15 {
clear:both;
font-size:15px;
line-height:15px;
height:15px;
}
.clearer20 {
clear:both;
font-size:20px;
line-height:20px;
height:20px;
}
.floatleft {
float:left;
}
.floatright {
float:right;
}
.center {
text-align:center;
}
.spacer5 {width:5px;float:left;}
.spacer10 {width:10px;float:left;}
.spacer15 {width:15px;float:left;}
.spacer20 {width:20px;float:left;}

.box {
display:block;
padding:8px 25px 12px 25px;
}
.nopad {
padding:0px !important;
}


/*
*******************************************************************************
layout
*******************************************************************************
*/
#outerWrapper {
background-color:#FFF;
}
/* header */
#headerWrapper {
height:166px;
border-bottom:8px solid #000;
background:#000 url('images/header_background.jpg') no-repeat center bottom;
}
#header {
width:960px;
margin:0 auto;
}
#header .content {
}
#logo {
float:left;
margin:36px 0px 0px 0px;
}
#menu {
float:right;
margin-top:120px;
margin-right:0px;
}
#menu ul {
list-style-type:none;
margin:0px;
padding:0px;
}
#menu ul li {
float:left;
}
#menu ul li a {
display:block;
padding:8px 8px 24px 8px;
}
.strapline {
	text-align:center;
}

/* special */
#specialWrapper {
height:385px;
background:#222 url('images/specialgradient.jpg') repeat-x center top;
border-bottom:8px solid #000;
}
#special {
width:960px;
margin:0 auto;
}
#special .content {
padding-top:10px;
}
#special .marketing {
padding-bottom:15px;
}
#special .leftpanelWrapper {
	width:550px;
	float:left;
	padding:15px 20px;
	height:280px;
	overflow:hidden;
}
#special .rightpanelWrapper {
	width:330px;
	float:left;
	padding:15px 20px;
	height:280px;
	overflow:hidden;
}
#special .leftpanel {
	background:#000;
}
#special .rightpanel {
	
}

/* subHeader */
#subHeaderWrapper {
height:93px;
background:#222 url('images/subheadergradient.jpg') repeat-x center top;
border-bottom:8px solid #000;
}
#subHeader {
width:960px;
margin:0 auto;
}
#subHeader .content {
padding:10px 0px 0px 0px;
text-align:center;
}

/* main content */
#mainWrapper {
background:#1F2227 url('images/maingradient.jpg') repeat-x center top;

}

#main {
width:960px;
overflow:hidden;
margin:0 auto;
}
#main .content {
margin:40px 0px;
}

#main .panelWrapper {
	margin-right:30px;
	width:300px;
	float:left;	
}
#main .panelWrapper.blue {
	background:url('images/panel_background_blue.jpg') repeat-y center top;
}
#main .panelWrapper.red {
	background:url('images/panel_background_red.jpg') repeat-y center top;
}
#main .panelWrapper .paneltop {
	display:block;
	width:300px;
	height:89px;	
}
#main .panelWrapper .paneltop.leftpanel {
	background:url('images/paneltop_1.jpg') no-repeat center top;
}
#main .panelWrapper .paneltop.middlepanel {
	background:url('images/paneltop_2.jpg') no-repeat center top;
}
#main .panelWrapper .paneltop.rightpanel {
	background:url('images/paneltop_3.jpg') no-repeat center top;
}
#main .panelWrapper .panelbottom_blue {
	display:block;
	width:300px;
	height:13px;
	background:url('images/panelbottom_blue.jpg') no-repeat center top;
}
#main .panelWrapper .panelbottom_red {
	display:block;
	width:300px;
	height:13px;
	background:url('images/panelbottom_red.jpg') no-repeat center top;
}
#main .panelWrapper.rightmost {
	margin-right:0px;
}
#main .panel {
	padding:5px 30px 20px 30px;
}
#main .home_post {
width:960px;
overflow:hidden;
}
#main .post {
width:690px;
margin-right:30px;
overflow:hidden;
float:left;
}

/* sidebar */
#sidebar {
float:left;
width:240px;
}
#sidebar .widget {
	margin:0px 0px 30px 0px;
}
#sidebar .widgetred {
	background:url('images/widgetred_background.jpg') repeat-y top left;
	padding:5px 30px 0px 30px;
	color:#FFF;
	font-weight:bold;
	line-height:1.5em;
	font-size:.9em;
	margin:-10px 0px 0px 0px;
}
#sidebar .widgetred a {
	color:#FFF;
}
#sidebar .widgetred a:hover {
	color:#CCC;
}
#sidebar .widgetred_top {
	height:64px;
	background:url('images/widgetred_top_background.jpg') no-repeat top left;
}
#sidebar .widgetred_bottom {
	height:25px;
	background:url('images/widgetred_bottom_background.jpg') no-repeat top left;
	margin-bottom:30px;
	margin-top:-14px;
}

/* footer */
#footerWrapper {
height:200px;
border-top:8px solid #000;
background:#000 url('images/footergradient.jpg') repeat-x center top;
}
#footer {
width:960px;
margin:0 auto;
text-align:center;
}
#footer .content {
padding-top:30px;
}

/*
*******************************************************************************
typography & colors
*******************************************************************************
*/

#special {
	color:#C5D0D8;
}
#special .rightpanel {
line-height:1.5em;
font-size:.9em;
}
#special .rightpanel a {
	color:#FF724F;
}
#special .rightpanel a:hover {
	color:#FFF;
}
#special a.more, .panel a.more, #subHeader a {
float:right;
font-weight:normal;
display:block;
padding:4px 8px;
}
#special a.more:hover, #subheader a:hover {
background-color:#444 !important;
}

#menu ul li a {
color:#222;
font-weight:bold;
}
#menu ul li a:hover {
background-color:#000;
color:#FFF;
}
#menu ul li.current_page_item a {
	background-color:#000;
	color:#FFF;
}
#main {
	line-height:1.7em;
	font-size:.9em;
	color:#C5D0D8;
}
#main h1.pagetitle {
margin:0px;
padding:0px;
margin-bottom:20px;
color:#FFF;
}
#main .home_post {

}
#main .post p {
margin-bottom:35px;
}
#main .panel {
font-size:1em;
}
#main .panelWrapper.red {
	color:#FFF;
}
#main a {
color:#FF724F;
}
#main a:hover {
color:#FFF;
}
#main .post {

}


#footer {
color:#999;
font-size:.8em;
line-height:2em;
}
#footer a {
color:#CCC;
}
#footer a:hover {
color:#FFF;
}