/*
-----------------------------------------------------------------------------------
DEFAULT SCREEN STYLESHEET FOR: CLARKE ACTION PHOTOGRAPHY - WWW.CLARKEACTION.COM
-----------------------------------------------------------------------------------
CSS Document Author: Terry Evans - BC DESIGN WORKS
XHTML Document Author: Terry Evans - WWW.BCDESIGNWORKS.COM
-----------------------------------------------------------------------------------
Feel free to poke, prod, and ponder the code. But if you intend to use it, please 
ask for permission before doing so. CONTACT: info [AT] bcdesignworks dot com.
-----------------------------------------------------------------------------------
*/

/* Color References
----------------------------------------------------------------------------------- 
#0C546A = dark blue
#598795 = lighter blue
#4D90A5 = bright blue
#717C7F = dark grey
#E5E5E5 = light grey
----------------------------------------------------------------------------------- 
*/

/* Additional Stylesheets
---------------------------------------------------------------------- */
@import url("layout.css");
@import url("navigation.css");
@import url("gallery.css");

/* Globals
---------------------------------------------------------------------- */
* {
	margin:0; 
	padding:0;
}
hr {
	display:none;
}
ul {
	list-style:none;
}
body {
	text-align:center;
	font:11px/1.6em Verdana, Arial, Helvetica, Sans-Serif;
	text-align:left;
	color:#000;
	background:#fff;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times New Roman, Times, Serif;
	color:#717C7F;
	margin:0 40px 20px 26px;
	
}
h1 {
	font-size:26px;
	margin:0 40px 22px 26px;
	color:#4D90A5;
	font-weight:normal;
}
h2 {
	font-size:21px;
	text-align:left;
	margin:8px 40px 15px 26px;
	color:#000;
	font-weight:normal;
}
h2.boxy {
	margin:30px 27px 14px 12px;
	padding:10px 20px 10px 14px;
	background:#E5E5E5;
	color:#717C7F;
	border-bottom: 1px solid #000;
}
h3 {
	font-size:14px;
	text-align:left;
	margin:10px 40px 5px 26px;
	color:#717C7F;
	font-weight:bold;
}
h4, h5, h6 {
	font-size:12px;
	font-weight:bold;
	text-align:left;
	margin:5px 40px 9px 26px;
}
.center {text-align:center;}
.right {text-align:right;}

/* Clear Fix
---------------------------------------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Link Styles
---------------------------------------------------------------------- */
a {color:#0C546A; text-decoration:none;}
a:hover {color:#717C7F;}

#navigation a {color:#fff; text-decoration:none;}
#navigation a:hover {color:#598795;}

#content p a {
	text-decoration:underline;
}
#content p a:hover {
	text-decoration:none;
}
body#gallery #content p a {
	text-decoration:none;
}
#content a img {color:#fff; border:none; text-decoration:none;}
#bcdw a {color:#717C7F; text-decoration:none;}
#bcdw a:hover {color:#0C546A;}

/* Main Content Styles
---------------------------------------------------------------------- */
#content p,
#content address {
	margin:0 40px 15px 26px;
}
#content ul, #content ol {
	margin:30px 40px 15px 40px;
}
#content dl {
	margin:30px 40px 15px 26px;
}
#content dl dt {
	font-weight:bold;
	margin:0 0 10px 0;
}
#content dl dd {
	margin:0 0 6px 0;
}
#content blockquote p {
	padding:0 50px;
	font-weight:bold;
	font-family: Georgia, Times, Serif;
	line-height:1.2em;
	font-size:14px;
}
#content blockquote p cite {
	font-weight:normal;
	display:block;
	float:right;
	margin-top:10px;
}
/* ------| CLIENT LINKS |------ */
#content ul.linklist {
	margin-bottom:20px;
	margin-top:0;
}
#content ul.linklist li {
	margin:0 0 8px 0;
	list-style:square;
}
/* ------| HOT BOX |------ */
#content div.hotbox {
	margin:0 50px 15px 26px;
}
#content div.hotbox h3 {
	font-size:14px;
	margin:12px 0 8px 0;
}
#content div.hotbox p {
	margin:0 0 10px 0;
}
/* ------| NEWS & EVENTS |------ */
#content p.more {
	padding:0 0 5px 0;
	margin:-5px 0 5px 0;
	color:#717C7F;
	border-bottom: 1px solid #E5E5E5;
}
#content p.more span.comments,
#content p.more span.date {
	font-weight:normal;
	font-size:11px;
	text-align:left;
}
#content p.more span.perma {
	text-align:right;
	display:block;
	width:100px;
	float:right;
}
/* Footer Content Styles
---------------------------------------------------------------------- */
#footer ul {
	margin:0 0 8px 0;
}
#footer ul li {
	display:inline;
	padding:0 5px;
}
#bcdw {
	margin:15px 32px 0 5px;
	border-top:1px solid #000;
	padding:5px 0 0 0;
	color:#999;
}