/*
Theme Name: Callan Consulting Theme
Theme URI: http://callan-consulting.com/
Description: Theme for Callan Consulting webpage.
Version: 0.1
Author: Leszek Leszczynski

	Callan Consulting Theme v0.1
	 http://callan-consulting.com/theme/

	The CSS, XHTML and design is copyrighted.

*/


html
{
   
    font-family: verdana, geneva, sans-serif;
    font-size: 11px;
    line-height: 1.4em;
    color: #666;
}

body
{
    background-color: #fff;
    
	background-image: url(images/background2.png);
    background-repeat: repeat-y;
    width: 100%;
	 margin: 0;
    padding: 0;
}	

body#home 
{
    background-color: #ebebeb;
    background-image: url(images/background.png);
    background-repeat: repeat-y;
    width: 100%;
}

#header_splash {
	background-image: url(images/home_bg.gif);
}
#header {
	background-image: url(images/ccBg.gif);
}

#masthead {
	width: 100%;
	margin: 0;
	padding: 0;
	
}

#mastheadImage
{
    /*position: absolute;
    top: 0px;
    left: 0px;
    border: 0;*/
	margin: 0;
	border: 0;
}



#navContainer
{
    /*position: absolute;
    top: 117px;
    left: 0px;*/
    width: 775px;
    height: 24px;
    background-color: #c33;
    background-image: url(images/red.gif);
    background-repeat: repeat-x;
    font-size: 1px;
}

#pageHeader
{
	/*position: absolute;
	top: 141px;
	left: 0px;*/
	background-color: #ebebeb;
	background-image: url(images/gray.gif);
	background-repeat: repeat-x;
}

#navContainer_splash
{
    /*position: absolute;
    top: 297px;
    left: 0px;*/
	
    width: 773px;
    height: 24px;
    background-color: #c33;
    background-image: url(images/red.gif);
    background-repeat: repeat-x;
    font-size: 1px;
}

#navContainer_splash a, #navContainer a {
	display: block;
	float: left;
	color: white;
	font-size:11px;
	margin-left: 1px;
	width: 111px;
	padding: 4px 0 0 15px;
	height: 20px;
	text-decoration: none;
	background-image: url(images/buttonback2.gif);
	
}

#navContainer_splash a.first, #navContainer a.first  {
	display: block;
	float: left;
	color: white;
	font-size:11px;
	
	width: 109px;
	padding: 4px 0 0 20px;
	
	height: 20px;
	text-decoration: none;
	background-image: url(images/buttonback.gif);
	
}

#navContainer a.first_selected {
	display: block;
	float: left;
	color: #933;
	font-size:11px;
	
	width: 109px;
	padding: 4px 0 0 20px;
	
	height: 20px;
	text-decoration: none;
	background-image: url(images/buttonback_on.gif);
}

#navContainer a.selected {
	color: #933;
	background-image: url(images/buttonback2_on.gif);
}


#sideBar
{
	/*position: absolute;
	top: 205px;
	left: 0px;*/
	float: left;
	padding: 20px 5px 0 15px;
	width: 130px;
	/*height: 100%;*/
	font-size: 11px;
}


#sideBar_splash
{
	/*position: absolute;
	top: 321px;
	left: 0px;*/
	float: left;
	padding: 19px 5px 0 19px;
	width: 214px;
	/*height: 100%;*/
	font-size: 11px;
	/*background-color: #ebebeb;*/
}


#content_splash
{
	/*position: absolute;
	top: 321px;
	left: 237px;*/
	margin-left: 237px;
	padding: 22px 5px 0 8px;
	width: 550px;
	height: 100%;
	/*background-color: #ebebeb;
	border-left: solid 1px;
	border-color: #ccc;*/
}
	
#rightCol
{
	width: 48%;
	font-size: 11px;
	float: right;
	line-height: 16px; 
	display: inline;
}


#rightBar
{
	width: 160px;
	font-size: 11px;
	float: left;
	margin-left: 20px;
	line-height: 16px; 
	color: #999;
	display: inline;
}



#rightBar ul
{
font-size: 11px;
padding: 0;
margin: 0;
list-style: none;
}

#rightBar li
{
font-size: 11px;
line-height: 13px;
padding: 0 0 8px 0;
list-style: none;
margin: 0;
}	

#content
{
	/*position: absolute;
	top: 197px;
	left: 159px;*/
	margin-left: 159px;
	padding: 5px 5px 0 8px;
	width: 550px;
	
}
	
#narrow
{
	float: left;
	width: 350px;
	display: inline;
}


#col
{
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 48%;
	margin-right: 20px;
	display: inline;
}

td
{
text-align: left;
}

img
{
border: none;
margin: 0 auto;
}

p {
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #666;
	list-style-type: disc;
	padding-bottom: 14px;
	margin: 0;
}

.ruled
{
margin: 5px 0 0 0;
padding: 5px 0 0 0;
border-top: 1px solid #ccc;
}

a:link    {
		color: #333;
		text-decoration: underline;
}

a:visited   {
		color: #333;
		text-decoration: underline;
}

a:hover   {
		color: #900;
		text-decoration: underline;
}

a:active  {
		color: #900;
		text-decoration: underline;
}

a.textlink   {
		color: #333;
		text-decoration: underline;
}


a:visited.textlink   {
		color: #333;
		text-decoration: underline;
}


a:hover.textlink   {
		color: #900;
		text-decoration: underline;
}


a:active.textlink   {
		color: #900;
		text-decoration: underline;
}


hr {
	border: none 0; 
	border-top: 1px solid #ccc;
	width: 100%;
	height: 8px;
	margin: 10px auto 0px 0;
	text-align: left;
}


h1 {
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #900;
	margin: 0;
	padding: 0;
}

h2 {
	font-size: 16px;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color: #900;
	margin: 0 0 14px 0;
	padding: 0;	
}

h3 {
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #666;
	margin: 9px 0 0 0;
	padding: 0;	
}

h4 {
	font-size: 11px;
	color: #666;
	margin: 8px 0 0 0;
	padding: 0;	
}

h5 {
	font-size: 11px;
	color: #900;
	margin: -3px 0 5px 0;
	padding: 0;	
	text-decoration: none;
}

h6 {
	font-size: 16px;
	font-style: normal;
	line-height: 21px;
	font-weight: normal;
	color: #900;
	margin: 11px 0 20px 0;
	padding: 0;	
}

.intro {
	font-family: Verdana, Geneva, Helvetica;
	font-size: 16px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #900;
}


.intro-grey {
	font-family: Verdana, Geneva, Helvetica;
	font-size: 13px;
	font-style: normal;
	line-height: 16px;
	color: #666;
	padding: 0 12px 0 18px;
}

.intro-credit {
	padding: 8px 12px 0 18px;
	font-size: 11px;
}

.intro-title  {
    padding: 0 12px 0 18px;
    font-style: italic;
}    
    
.quote {
	font-family: Verdana, Geneva, Helvetica;
	font-size: 12px;
	line-height: 18px;
	color: #900;
}
.sidequote {
	font-family: Verdana, Geneva, Helvetica;
	font-size: 11px;
	color: #333;
	line-height: 15px;
}


.textnormal {
	font-family: Verdana, Geneva, Helvetica;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #666;
	list-style-type: disc;
}


.header {  
	font-family: Verdana, Geneva, Helvetica; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 16px; 
	font-weight: normal; 
	color: #900}

ul
{
	padding: 0;
	margin: -10px 0 13px 15px;
}


li   {
	margin: 5px 0 0 0;
}



li.current   {
	color: #bbb;
}

#sideBar  a:link {
	color: #666;
	text-decoration: none;
}

#sideBar  a:visited {
	color: #666;
	text-decoration: none;
}

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

#sideBar  a:active   {
	color: #666;
	text-decoration: none;
}

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

#sideBar li
{
line-height: 13px;
padding: 0 0 6px 0;
list-style: none;
margin: 0;
}

ul.dotless {
list-style: none;
margin-left: 0;
}

#copyrightBlock_splash {
  color: #999; 
  width: 550px;
  margin-left: 247px;
  clear: left;
}

#copyrightBlock{
  color: #999; 
  width: 550px;
  margin-left: 169px;
  clear: both;
}

#downloadBlock{
  color: #999; 
  width: 320px;
  margin-left: 169px;
  clear: both;
}

.document_link {
	background-image: url(images/document.gif);
	background-repeat: no-repeat;
	padding-left: 24px;
	display: block;
	
}

.document_link_inline {
	background-image: url(images/document.gif);
	background-repeat: no-repeat;
	padding: 2px 0 2px 24px;
	
	
}

.errors {
	color: red;	
}

h2.errors {
	font-size: 110%;	
}

.errors ul {
	margin-top: 3px;
}

/*-----[FAQ STYLES]---------------*/


#faqContainer
{
        clear: both;

}






#faqContainerA div.faqAnswer
{
        display: none;
}

#faqContainerB div.faqAnswer
{
        display: none;
}


#faqContainer h1
{
        margin: 0 0 7px 0;
        font-weight: normal;
}



#faqContainerA a:link, a:visited, a:active
{
        color: #900;
        text-decoration: underline;
}

#faqContainerA a:hover
{
        color: #333;
        text-decoration: underline;
}


#faqContainerB a:link, a:visited, a:active
{
        color: #900;
        text-decoration: underline;
}

#faqContainerB a:hover
{
        color: #333;
        text-decoration: underline;
}


#faqAnswer p
{
	text-decoration: none;
}



#toggleContainerA
{
        height: 10px;
        background-color: #c33;
        padding-top: 8px;
}

#toggleContainerB
{
        height: 10px;
        background-color: #c33;
        padding-top: 8px;
}


a#viewAllLink 
{   
		float: left;
		margin-left: 4px;
        font-size: 5px;/*kill default font size on a link*/
        width: 47px;
        height: 5px;
        display: inline;    
        background: url(images/icon_viewall.gif) no-repeat 0 0; 
}

a#viewAllLink:hover {background-position: 0 -10px;}

a#hideAllLink 
{   
		float: left;
		margin-left: 20px;
		font-size: 5px;/*kill default font size on a link*/
        width: 45px;
        height: 5px;
        display: inline;    
        background: url(images/icon_hideall.gif) no-repeat 0 0; 
}

a#hideAllLink:hover {background-position: 0 -10px;}


/* ==== BLOG STYLES ========= */

#sidebar {
	float: left;
	padding: 10px 5px 0 15px;
	width: 130px;
	/*height: 100%;*/
	font-size: 11px;
}

#sidebar h2 {
	font-size: 110%;
}
#sidebar a {
	text-decoration: none;
}

.more-link {
	display:block;
	margin-top: 2px;
}

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	
	}
	
#sidebar h2 {
	font-size: 120%;
}	

#sidebar a:hover {
	text-decoration: underline;
}
/* End Entry Lists */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	float: right;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	float: left;
	}

.navigation {
	height: 20px;
}
	
.alignleft {
	float: left;
}	
.alignright {
	float: right;
}
	
	
	
/* Begin posts */
	
.post h2, h2.pagetitle {
	font-size: 20px;
	margin: 10px 0 4px 0;	
	padding: 0;
	line-height:23px;
}	

h2.pagetitle {
	margin-bottom: 20px;
}
	
.post h2 a , h2.pagetitle a{
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #900;
}	

.post h3 {
	font-size: 18px;
	margin: 10px 0 4px 0;	
	padding: 0;
}	
	
.post h3 a{
	text-decoration: none;
	padding: 0;
	margin: 0;
	color: #900;
}
	
.post .entry {
	margin-top: 8px;
}	
	
	
.post .postmetadata {
  
}

.post a {
	color: #600;
}

.post a:hover {
	color: #900;
}

.post a:visited {
	color: #903;
}

/* End posts */