/*
Theme Name: CCOps
Theme URI: 
Description: Theme customized for CallCenterOps.com, based on the andreas01 template. 
Version: 1.3
Author: Tzaddi Gordon
Author URI: http://zodomatica.com
Latest update: April 24, 2006
*/

/* HTML Tags */

*{margin:0px; padding:0px;} /*zero off browser defaults for all elements */

body{	
    font-family: "Trebuchet MS",verdana, tahoma, arial, sans-serif;
	font-size: 76.1%;
    color:#303030; 
    background:#FFF;
}

html, body, {
  height:100%;
  width:990px;
}

html>body, html>body  {
  height:auto;
}

p {
    max-width:45em;
    width:expression( 
    document.body.clientWidth > (500/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "30em":
        "auto" ); /*IE max-width fix*/
    padding:5px 5px 0px 0px;
	}
blockquote{margin:8px;padding:5px;}
blockquote p{padding:0px;}
label{background-color:inherit;color:#606060;font-size:0.9em;font-weight:bold;}
table#wp-calendar{margin:0 0 18px;width:140px;}

.clear {
  clear:both;
  margin-bottom: -1px; /* for Gecko-based browsers */
  overflow:hidden;
  padding-bottom: 1px; /* for Gecko-based browsers */
}

.clearfix:after {
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Links */
a{background-color:inherit; color:#286ea0; font-weight:bold; text-decoration:none;}
a:hover{background-color:inherit; color:#6EA03D; font-weight:bold; text-decoration:underline;}
a:visited{background-color:inherit; color:#6E7B93; font-weight:bold; }
a img{border:0;}

/* Titles */
h1,h2,h3,h4,h5,h6{
  font-weight:bold;
  color:#336699;
  font-family:georgia, "new century schoolbook", times, serif;
}


h1 { font-size: 2em;margin:12px 0px 4px 0px;}
h2 { font-size: 1.5em; margin:12px 0px 4px 0px;}
h3 { font-size: 1.1em; margin:12px 0px 4px 0px;}
h4 { font-size: 1.1em; font-style: italic;margin:12px 0px 4px 0px;}
h5 { font-size: 0.9em; font-style: italic;margin:12px 0px 4px 0px;}
h6 { font-size: 0.9em; margin:8px 0px 4px 0px;}

/* Lists */
ul, ol{
    margin-left:15px;padding:8px 0px 0px 15px;
    list-style:square; }
ul li, ol li {padding-bottom:.5em;}




/*** Main Structure ***/
#header{
	margin:5px 0px 1px 0px;
	width:990px;
	height:100px;
	background: url("img/headerBG2.gif") no-repeat;
}
#mainTable{
	margin:0px;
	margin-top:-15px;
	width:990px;
	padding:0px;
}
#leftCol{
	background:#BED3E7;
	vertical-align:top;
	padding:0px 0px 20px 0px;
	border-right:5px solid #FFF;
/*	width:145px;*/
	width:185px;
}
#centerCol{
	vertical-align:top;
	background: url("img/centerColBG.gif") top left no-repeat;
	padding:10px 20px ;
	width:500px;
	border-spacing:0px; 

}
#rightCol{
	background: url("img/rightColBG.jpg") top right no-repeat;
	vertical-align:top;
	width:302px;
	padding:185px 0px 20px 0px;
 	border-spacing:0px;
}
  
/* Header */

#header p{background-color:inherit; color:#808080; float:right; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:6px 0 0; text-align:center; width:400px;}

#headCellLeft{
width:735px;
}
#headCellRight{width:260px;margin-top:-5px;}

#subscribe {position:relative;left:315px;top:-5px; margin:0px;width:354px;background:#336699;height:21px;color:#BED3E7;
}
#subscribe a{color:#BED3E7; text-decoration:underline;}


/* Main menu */
/* Main menu */
#page{
	list-style:none; 
	margin:0 0 0 -15px;}
ul.children{		
	list-style:none; 
	margin:0;
	padding-top:0;}
#page li{
	padding:0px;
	line-height:1.75em;
	}
ul.children li{
	line-height:1.75em;	
	}
#page li a{	
	width:170px;
 	display:block;
	color:#505050; 
	padding:0 0 0 15px; 
	}
#page li a:hover, #page li.current_page_item a, #page li.current-cat a, #page li ul.children li a:hover {
	background-color:#DFEBF3; 
	border-left:5px solid #286ea0;
	color:#505050; 
	padding:0 0 0 10px; 	
	}
#page ul.children li a{	
	width:155px;	
	}
#page li ul.children li a:hover, #page li ul.children li.current-cat a, {
	padding:0 0 0 25px;
	margin-left:-15px;
}	
#page li.current-cat ul.children li a{
	background:none;
	border:none;
	border-left:5px solid #BED3E7;	
	}	

/* Footer */
.footerNav {
	background-color: #5D6982; 
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	height: 30px;
	width: 100%;
	text-align: center;
	line-height: 30px;
    font-size: 11px;
    margin-top:20px;
}

.footerNav a:link, .footerNav a:visited, footerNav a:hover {
	background-color: #5D6982; 
	color: #FFFFFF;
}
.footerNav a:hover {
	text-decoration: underline;
}
.footerCopy {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
    font-size: 76.1%;    
}
#footer {
clear: both;
width:990px;
}


/* Forms */
#searchForm{
    height:40px;
    margin: -65px 0px 0px 315px;
	width:310px;
}
#searchForm p{font-weight:normal;color:#002061;font-size:110%;}
.searchbutton{
	display:block;
	width:60px;
	height:19px;
    border: 0px;
    color: #286ea0;
    font-family: "Trebuchet MS",verdana, tahoma, arial, sans-serif;    
    font-weight:bold;
	float:right;
	margin-top:-20px;
    cursor: pointer;
    background: url(http://www.callcenterops.com/wordpress/wp-content/themes/CCO/img/search.gif) no-repeat;
}
#searchForm p{font-weight:normal;color:#002061;font-size:110%;}
#author,#email,#url,#comment{border:1px solid #cccccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection{margin:25px 0 0;}
#commentsection p{margin:0 0 6px;}

/* Button classes */
input.button {
    padding-left: 5px;
    margin-right: 10px;
    border: 0px;
    background: url(img/button.gif) no-repeat;
    color: #286ea0;
    font-family: "Trebuchet MS",verdana, tahoma, arial, sans-serif;    
    font-weight:bold;
    height: 19px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}
.buttonEnding {
    position: absolute;
    display: inline;
    margin-left: -10px;
    width: 7px;
    height: 19px;
    background: url(img/end.gif) no-repeat;
}
/*ideally would like following to affect IE, or to set other browsers to zero. For some reason the search form button is behaving differently than other buttons, in the forum for instance. For now we live with 2px misalignment in Mozilla.*/
#searchForm .buttonEnding{margin-top:2px;}

/*use for links to look like buttons
IE bug - left edge doesn't appear at beginning of the line; put a non-breaking space before it.
*/
.linkButton{
    padding: 0px 5px 5px 10px;
    margin-right: 10px;
    border: 0px;
    background: url(img/button.gif) no-repeat;
    color: #286ea0;
    height: 19px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

/* Various classes */
.left{border:1px solid #cccccc;float:left;margin:10px 15px 10px 0;}
.right{border:1px solid #cccccc;float:right;margin:10px 0 5px 10px;}
.center{border:1px solid #aaaaaa;margin:5px auto 12px;text-align:center;}
.textright{text-align:right;}
.small{font-size:0.8em;}
.bold{font-weight:bold;}
.hide{display:none;}
.post{margin:0 0 25px;}
.post td {padding-right:10px;}
.postinfo, .moreti {background-color:#f4f4f4;color:#909090;font-size:0.9em;line-height:1.5em;padding:3px 5px;clear:left;margin:8px 0px 15px 0px;}
.postinfo a{font-weight:normal;}
.comment{background-color:#f4f4f4;border-left:4px solid #cccccc;color:#606060;margin:0 0 10px;padding:8px 5px 0 8px;}
.comment p.commenthead{line-height:1.6em;}
.comment p{font-size:0.9em;line-height:1.3em;margin:0 0 6px;padding-bottom:5px;}
.postNav{display:block;margin:10px 0;padding:0 0 15px;text-align:center;}
.postNav p{margin:0;padding:0;}
.prevlink{margin-right:20px;}
.nextlink{margin-left:20px;}
.borderAll{border:1px solid #336699;}
.paddingAll{padding:10px;}
.paddingLeft{padding-left:10px;}
.marginBottom{margin-bottom:10px;}

#freeNewsletters p{
padding:0px 5px 0px 0px;
margin:20px 0px 5px 0px;
}
#freeNewsletters{margin:-10px 0px 30px 0px;padding-left:15px;}
#rss{
    border-top:1px solid #FFF;
    background: url(img/rss.gif) 0px 9px no-repeat;
    padding:6px 0 0 35px;
    margin:20px 10px 0 0;
    height:30px;
}

/*** Headliners box ***/
#headliners, #whitepapers{
border: 1px solid #336699;
padding:35px 10px 10px 15px;
width:275px;
margin:15px 0 0 3px;
}
#headliners{background: url("img/headliners.gif") no-repeat;}
#whitepapers{background: url("img/whitepapers.gif") no-repeat;}.byline{
color:#999;
}
#headliners p{
margin-bottom: -5px;
}


/*moreover styles*/
.morehl {
        color:#336699; 
		font-weight: bold !important;
		font-style: normal !important;
		text-decoration: none !important;
	}	
	
	.moresrc {
		color: #CCC !important;
		font-weight: bold !important;
		font-style: normal !important;
		text-decoration: none !important;
	}

	A:link.moresrc, A:vlink.moresrc, A:alink.moresrc {
        background-color:#f4f4f4;
        color:#909090 !important;
        font-weight:bold;
	}
    
.textAd{
margin: 8px 0;
text-align:center;
padding:8px;
background:#C4E0A8;
font: 11px verdana;
text-decoration:underline;
}