/***************************************************************************************
CONTENT BOXES
***************************************************************************************/

/***************************************************************************************
CONTENT BOX TITLE: titlebox

<div class="titlebox">
	<div class="titlebox-l"></div>
	<div class="titlebox-m">
		<h2> -------- TITLE TEXT TITLE TEXT -------- </h2>
	</div>
	<div class="titlebox-r"></div>
</div>

Used for: .
***************************************************************************************/

.titlebox{						/*	wrapper */
	position:relative;			/* 	so that absolutely positioned elements
									are positioned wrt cbox h */
	height:49px;				/*	height of box design */
}

.titlebox .titlebox-l, .titlebox .titlebox-r{
	position:absolute; top:0px;
	width:31px; height:49px; 
}

.titlebox .titlebox-l{						/*	left border */
	left:0px;
	background:url('../images/cbox/titlebox-l.png') no-repeat left top;
}

.titlebox .titlebox-r{						/* right border */
	right:0px;
	background:url('../images/cbox/titlebox-r.png') no-repeat left top;
}

.titlebox .titlebox-m{
	background:url('../images/cbox/titlebox-m.png') repeat left top;
	margin:0 31px;				/*	width of l & r borders */
	height:49px;
	position:relative; overflow:hidden;
}

.titlebox .titlebox-m h2{
	line-height:49px;
}


/***************************************************************************************
CONTENT BOX TITLE WITH BIRD DECORATIONS: titlebox-bird 

<div class="titlebox-bird">
	<div class="titlebox-l"></div>
	<div class="titlebox-m text-center">
		<h2> -------- TITLE TEXT TITLE TEXT -------- </h2>
	</div>
	<div class="titlebox-r"></div>
</div>			

Used for: .
***************************************************************************************/

.titlebox-bird{						/*	wrapper */
	position:relative;			/* 	so that absolutely positioned elements
									are positioned wrt cbox h */
	height:49px;				/*	height of box design */
	width:100%;
}

.titlebox-bird .titlebox-l, .titlebox-bird .titlebox-r{
	position:absolute; top:0px;
	width:100px; height:49px; 
}

.titlebox-bird .titlebox-l{						/*	left border */
	left:0px;
	background:url('../images/cbox/titlebox-lbird.png') no-repeat left top;
}

.titlebox-bird .titlebox-r{						/* right border */
	right:0px;
	background:url('../images/cbox/titlebox-rbird.png') no-repeat left top;
}

.titlebox-bird .titlebox-m{
	background:url('../images/cbox/titlebox-m.png') repeat left top;
	margin:0 100px;				/*	width of l & r borders */
	height:49px;
	position:relative; overflow:hidden;
}

.titlebox-bird .titlebox-m h2{ 
	line-height:49px;
}

.titlebox-m a:visited, .titlebox-m a:link, .titlebox-m a:hover, .titlebox-m a:active{
    color:black;
}

/***************************************************************************************
CONTENT BOX: cbox

<div class="cbox">
	<div class="cbox-t"></div>
	<div class="cbox-tl"></div>
	<div class="cbox-tr"></div>
	
	<div class="cbox-m">
		<div class="cbox-l"></div>
		
		<div class="cbox-content">
			<div class="cbox-title">
				<h2> ------- TITLE ------- </h2>
				<h3> ------- SUB-TITLE ------- </h3>
			</div>
			<div class="cbox-body">
				<p>------- CONTENT GOES HERE -------<p>
			</div>
			<div class="cbox-footer">
			</div>
		</div>
		
		<div class="cbox-r"></div>
	</div>
	
	<div class="cbox-b"></div>
	<div class="cbox-bl"></div>
	<div class="cbox-br"></div>
</div>			

Used for: .
***************************************************************************************/	

.cbox{
	position:relative;
	margin-bottom:25px;
}

.cbox-t, .cbox-b{
	height:48px;
	margin:0 40px;
}

.cbox-t{
	background:url('../images/cbox/cbox-t.png') repeat-x left top;
}

.cbox-b{
	background:url('../images/cbox/cbox-b.png') repeat-x left bottom;
}

.cbox-tl, .cbox-tr, .cbox-bl, .cbox-br{
	position:absolute;
	width:40px; height:48px;
}

.cbox-tl{
	top:0px; left:0px;
	background:url('../images/cbox/cbox-tl.png') no-repeat left top; 
}

.cbox-tr{
	top:0px; right:0px;
	background:url('../images/cbox/cbox-tr.png') no-repeat right top; 
}

.cbox-bl{
	bottom:0px; left:0px;
	background:url('../images/cbox/cbox-bl.png') no-repeat left bottom;
}

.cbox-br{
	bottom:0px; right:0px;
	background:url('../images/cbox/cbox-br.png') no-repeat right bottom; 
}

.cbox-m{
	position:relative; z-index:10;
    overflow:visible;
	background:white;
	height:100%;
	margin:-20px 0 -20px 0;
    *margin:-20px 0 0 0;
    zoom:1;
}

.cbox-l, .cbox-r{
	position:absolute; top:0px;
	width:40px; height:100%;
    position;relative;
}

.cbox-l{
	left:0px;
	background:url('../images/cbox/cbox-l.png') repeat-y left top;
}

.cbox-r{
	right:0px;
	background: url('../images/cbox/cbox-r.png') repeat-y right top;
}

/***************************************************************************************
CONTENT BOX CONTENT: cbox-content or cbox-content-alt
	Use cbox-content w/ cbox.
	Use cbox-content-alt - for use outside cbox - eg. to follow titlebox.	

<div class="cbox-content"> or <div class="cbox-content-alt">
	<div class="cbox-title">
		--	OPTIONAL <div class="cbox-dateicon"></div> OPTIONAL --
		<h2> ------- TITLE ------- </h2>
		<h3> ------- SUB-TITLE ------- </h3>
	</div>
	<div class="cbox-body">
		<p>------- CONTENT GOES HERE -------<p>
	</div>
	<div class="cbox-footer">
	</div>
</div>
		
Used for: .
***************************************************************************************/

.cbox-content{
	background:white;		/*	To provide white bg on cbox */
	margin: 0 40px;			/*	To center in cbox with nice margins */
    position:relative; z-index:10;

}

.cbox-content-alt{						/* Apply this class when used outside cbox */
	margin:1em 15px 2em 15px;			/* Nice margins */
}

.cbox-title{
	margin-bottom:0.7em;
    position:relative; z-index:1;
}

.cbox-title .date-icon{
    background:url('../images/dateicon_45.png') no-repeat right bottom;
    height:45px; width:45px;
    margin:0 0 -40px -10px;
    position:relative; z-index:1;
}

.cbox-title .date-icon p{
    text-align:center; font-weight:600; font-variant:small-caps; font-size:0.8em;
    line-height:85%;
    padding:27% 0;
}


.cbox-title h2{
	border-bottom:solid #eeeeed 1px;
	padding:0.2em;
}

.cbox-content-alt .cbox-title h2{		/*	White bg and border on all sides of H2
											when class is cbox-content-alt */
	background:#f6f6f6;	
	border:solid #eeeeed 1px;
    padding-left:50px;
    zoom:1;
    margin-left:10px;
}

.cbox-title>h2>a:link, .cbox-title>h2>a:visited, .cbox-title>h2>a:hover, .cbox-title>h2>a:focus{
    color:black;<?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>
}

.cbox-title h3{
	border-bottom:solid #eeeeed 1px;
	padding:0.1em;
}

.cbox-content-alt .cbox-body{
   	/*background:url('../images/white65.png') repeat left top;*/
    background:white;
    border-right:solid #eeeeed 1px; border-left:solid #eeeeed 1px;
    margin:-13px 0 0 10px;
    padding: 20px 25px 5px 40px;
    overflow:hidden;
}

.cbox-content .cbox-body{
    position:relative; z-index:1;
    *margin:-25px 0px; /* IE bug */
    zoom:1;
}

.cbox-body p{
	padding:0.5em 0;
	margin:0;
    /*overflow: hidden;*/
}

/* List styling for lists within cbox, mostly used to list child categories or pages*/

.cbox-body p{
	padding:0.5em 0;
	margin:0;
    /*overflow: hidden;*/
}

/* List styling for lists within cbox, mostly used to list child categories or pages*/

.cbox-content .cbox-body ul{
    padding:0px;
    margin:0px -15px;
    border-top:solid #c0c3c0 1px; border-bottom:solid #c0c3c0 1px;
    zoom:1;
}

.cbox-content .cbox-body ul li{
    list-style-type:none; 
    font-size:1.3em;
    font-weight:600;
	margin:2px;
}

.cbox-content .cbox-body ul ul{
    padding:0 10px; margin:0 0;
    border:none;
    list-style:none;
}

.cbox-content .cbox-body ul ul li{
	font-size:11pt; font-weight:normal;
    margin:2px;
    border-top:solid #c0c3c0 1px;
}

.black-link a:link, .black-link a:visited{
    color:black;
}

/* cbox-footer */

.cbox-footer{
	border: solid #eeeeed 1px;
    margin-left:10px;

}

.cbox-footer p{ 
    text-align:right;
    padding:0.4em 25px;
    margin:0;
}

/* Page of posts: eg. team, post/page arrangement without dates */

.posts_no_dateicon .cbox-content-alt{
    /*width:46.5%;
    float:left;*/
    border-bottom: solid #eeeeed 1px;
    margin: 10px 10px;
}


.posts_no_dateicon .cbox-content-alt .cbox-title h2{
    padding-left:25px;
    margin-left:0px;
}

.posts_no_dateicon .cbox-content-alt .cbox-body{
   padding:10px 25px 5px 25px;
   margin:-13px 0 0 0;
}

.posts_no_dateicon .date-icon, .posts_no_dateicon .cbox-footer{
    display:none;
}

/* Projects */

.projects .cbox .cbox-body{
    overflow:hidden;
}

.projects .cbox{
    margin-top:15px;
    margin-bottom:10px;
}

.projects .cbox h2{
    /*border-bottom:solid #c0c3c0 1px;*/
    background:#eeeeed;    
}

.projects .cbox h2 a:link, .projects .cbox h2 a:visited, .projects .cbox h2 a:focus, .projects .cbox h2 a:hover{
    color:black;
}

.projects .attachment-post-thumbnail{
    float:left; clear:left;
    margin:0 1em 0 0;
}

.post2col p{
    padding-left:1em;
}

/*Page*/

.page_content p{
    background:white;
}
.page_content{
clear:both;
overflow:hidden;
margin:10px;
}