/*            
  ___ ___ ___ 
 / __/ __/ __|
| (__\__ \__ \
 \___|___/___/
             
================================================================
Global Default CSS file for www.divine-creations.com
Created by:	Lorraine Humm lorraine@divine-creations.com
 © Divine-Creations.Com Limited 2008			
================================================================
  */

.avalidator img {border :0; }

.sticky {font-weight:bold;}
.hilite { background-color: #ff0;  padding-left:2px; padding-right:2px}
.bold {        font-weight: bold;}

body {
	font: 12px/1.6em 'Lucida Grande', arial, verdana, helvetica, sans-serif;
	margin: 0px;
	}

/*--------HEADING CLASSES--------*/
        	
h1 {
	font-family:'Lucida Grande', arial, verdana, helvetica, sans-serif;
	font-size: 16px; 
   	letter-spacing: 0.7px;
        font-weight: normal;
	color: #414247;
	padding: 0;
	}
h2 {
	font-family:'Lucida Grande', arial, verdana, helvetica, sans-serif;
	font-size: 14px; 
   	letter-spacing: 0.5px;
        font-weight: bold;
	color: #000;
	padding: 0;
margin-top: 0;
	}

h2 a, h2 a:link, h2 a:visited {
	font-family:'Lucida Grande', arial, verdana, helvetica, sans-serif;
	font-size: 14px; 
   	letter-spacing: 0.5px;
        font-weight: bold;
	color: #000;
	padding: 0;
        margin-top: 0;
        text-decoration: none;
	}

h2 a:hover {
	color: #525252;
	text-decoration: underline;
	}
h4 {
	font-family:'Lucida Grande', arial, verdana, helvetica, sans-serif;
	font-size: 16px; 
   	letter-spacing: 0.7px;
        font-weight: normal;
	color: #fff;
	padding: 0;
        margin-top: 0;
	}
/*-------- MAIN STRUCTURAL --------*/

#container {
	width: 900px;
	margin: auto;
	padding: 0;
	background: #FFFFFF;
	}
	
.mast {
	width: 100%;
	background: #FFFFFF;
	height: 107px;
	}
	
.mastInner {
	width: 900px;
	margin: auto;
	}
	
.logo {
	width: 200px;
	float: left;
	padding-top: 10px;
	}

.logo img {
border:0;
}

.contact {
	width: 375px;
	height: 87px;
	float: right;
	text-align: left;
	font-size: 13px;
	padding: 20px 0 0 0;
	}
	
.contact p {
	padding-left: 40px;
        margin-top: 10px;
	}
	
/*-- COLUMN WRAPPER --*/

.content {
	width: 900px;
	float: left;
	padding: 0;
	margin: 10px 0 10px 0;
	}

.leftPos {
	width: 545px; /* can be 555 but too squised */
	float: left;
	margin: 0;
	padding: 0;
	}
.rightPos {
	width: 335px; /*345*/
	float: right;
	margin: 0;
	padding: 0;
	}

/*-- FOOTER --*/

.touchBar {
	width: 100%;
	height: 24px;
	background: url("/images/divine/structure/touchbar.gif") repeat-x top left;
	}
.touchInner {
	width: 900px;
	margin: auto;
	padding-top: 4px;
	}
.touchLeft {
	width: 564px;
	float:left;
	}
.touchRight {
	width: 200px;
	float:left;
	}
.touchBar a, .touchBar a:link, .touchBar a:active, .touchBar a:visited {
	color: #000;
        text-decoration: none;
	}

#footer {
	width: 100%;
	height: 257px;
	padding: 0;
	background: url("/images/divine/structure/footer.gif") repeat-x top left;
	float: left;
        color: #fff;
	}

#footer p {margin-top: 0px;}

#footer a, #footer a:link, #footer a:visited {color: #fff; text-decoration: none}
#footer a:hover {text-decoration: underline;}
	
.footerInner {
	width: 900px;
	margin: auto;
	padding: 10px 0 10px 0;
	}
	
.clear {clear: both;}

/*------- TARGETED STRUCTURAL STYLES--------*/

.blogItem {
        float: left;
        border-bottom: 1px dashed #767a80;
        padding: 0 0 5px 0;
        width: 100%;
        margin-bottom: 10px;
        
        }

.blogItem.one {
        background: #eff3f4; 
        }

.blogItem.two {
        background: #ffffff; 
        }

/*-- IMAGE DEFINITIONS --*/
	
.thumb {
	border: 10px solid #dadee1;
	padding: 1px;
	margin-top: 5px;
	}
.thumbPreview {
	border: 10px solid #dadee1;
	padding: 1px;
	margin: 0 10px 10px 0;
        float:left;
	}
.thumbSnippet {
	border: 10px solid #dadee1;
	padding: 1px;
	margin: 0 10px 10px 0;
        float:left;
	}
a:hover img.thumb, a:hover img.thumbPreview, a:hover img.thumbSnippet  {
	border: 10px solid #eef0f2;
       }

a:hover.thumbSnippet  {
        border: 10px solid #edeeef;
}

/* GENERAL STAR ICONS */

.star {
	padding: 0;
	margin: 10px 0 0 0;
	}
	
.star ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.star li  {
	display: block;
	height: 17px;
	background:  url("../images/icons/star.gif") no-repeat 0px 0px;
	padding-left: 20px;
	margin: 0 0 10px 0;
	color: #000;
	}

/*-- GLOBAL LINKS --*/

a, a:link, a:visited, a:active {color:#981a49; text-decoration: none;}
a:hover {color: #ec86b8;}

.newwindow {
	background:  url("../images/icons/newwindow.gif") no-repeat 1px 2px;
	padding-left: 18px;}
/*
.webPage {
	background:  url("../images/icons/web-page-purple.gif") no-repeat 1px 2px;
	padding-left: 18px;}
.permalink {
	background:  url("../images/icons/right-purple.gif") no-repeat 2px 2px;
	padding-left: 18px;}
.view{
	background:  url("../images/icons/search-purple.gif") no-repeat 2px 2px;
	padding-left: 18px;}

.postedBy {
        background:  url("../images/icons/edit-purple.gif") no-repeat 2px 2px;
	padding-left: 18px;}
*/
.newwindowinvert {
	background:  url("../images/icons/newwindowInvert.gif") no-repeat 1px 2px;
	padding-left: 15px;}

/* DISPLAY TABLE FOR MOUSEOVER THUMBS */

#thumbs {
	width: 430px;
	padding: 0;
	margin: 0;
	}
#thumbs td {
	padding: 0;
	margin: 0;
	}
#bigimg {
	padding: 0!important;
	}
	
/* data display table */

.data {
	width: 100%;
	}
.data th {
	text-align: left;
	font-weight: bold;
	padding: 2px;
	background: #CCCCCC;
	}
.data td {
	padding: 2px;
	}

/*-- ALL NAVIGATION STYLES --*/

#navwrap {
	width: 100%;
	float: left;
	height: 30px;
	background: #981a49;

	}
	
#nav {
	width: 900px!important;
	height: 30px;
	margin: auto;
	}

#nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;

	}
	
#nav li {
	float: left;
	margin-right: 3px;
	text-align: center;
	height: 30px;

	}

#nav li a {
	display: block;
	height: 24px; /*24*/
	width: 130px;
	margin-top: 6px;
	padding-top: 3px;
	background: url(../images/new/tab_off.gif) top left repeat-x;
	color: #fff;
	font-size: 1em;
	text-decoration: none;
	float: left;
	}
	
#nav li a:hover {
	background: url(../images/new/tab_over.gif) top left repeat-x;
	color: #fff;
		}
body.dcHome #tabHome a {
	background: url(../images/new/tab_on.gif) top left repeat-x!important;
	color: #263248!important;
		}
body.dcWebsites #tabWebsites a {
	background: url(../images/new/tab_on.gif) top left repeat-x!important;
	color: #263248!important;
		}
body.dcEcommerce #tabEcommerce a {
	background: url(../images/new/tab_on.gif) top left repeat-x!important;
	color: #263248!important;
		}
body.dcMultimedia #tabMultimedia a {
	background: url(../images/new/tab_on.gif) top left repeat-x!important;
	color: #263248!important;
		}
body.dcProjects #tabProjects a {
	background: url(../images/new/tab_on.gif) top left repeat-x!important;
	color: #263248!important;
		}
body.dcBlog #tabBlog a {
	background: url(../images/new/tab_on.gif) top left repeat-x!important;
	color: #263248!important;
		}
/*-- DIVINE INTERVENTION --*/
#nav li a.rescue {
	background: url(../images/new/tab_off_rescue.gif) top left repeat-x!important;
		}
#nav li a:hover.rescue {
	background: url(../images/new/tab_over_rescue.gif) top left repeat-x!important;
		}

body.dcIntervention #tabIntervention a {
	background: url(../images/new/tab_on_rescue.gif) top left repeat-x!important;
	color: #263248!important;
		}
/*-- SUB NAVIGATION --*/

.subSilver {
	float: left;
	width: 100%;
	height: 24px;
	background: url(../images/new/sub_silver.gif) bottom left repeat-x;
	}
	
.subSilver div {
	width: 900px;
	margin: auto;
	height: 21px;
	padding-top: 3px;
	}

.subnav {
	padding: 0;
	margin: 0;
	}
	
.subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.subnav li {
	display: inline;
	padding-right: 20px;
	list-style: none;
	}

.subnav li a {
	text-decoration: none;
	color: #000;}
	
.subnav li a:hover {
	text-decoration: underline;}
	
.subselected {
	text-decoration: underline!important;}
	
/** SIDE NAV **/

.sideNav {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.sideNav li {
	margin: 0;
	padding: 0;
	list-style: none;
        list-style-type: none;
        border-bottom: 1px dashed #ccc;
	}
.sideNav li a {
	text-decoration: none;
	padding: 3px 0 3px 0;
	display: block;
	}

/** FOOTER NAV **/

.footListLeft, .footListRight {
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
        width: 250px;
        float: left;
	}
.footListLeft li, .footListRight li {
	margin: 0;
	padding: 0;
	list-style: none;
        list-style-type: none;
	}
.footListLeft li a, .footListRight li a {
	text-decoration: none;
        color: #fff;
	padding: 5px;
	display: block;
        border-top: 1px dashed #ccc;
	}
.footListLeft a:hover, .footListRight a:hover {
	text-decoration: none!important;
        color: #fff;
	background: #991b4a
	}

ul.footListLeft > li:last-child, ul.footListRight > li:last-child {
	border-bottom: 1px dashed #ccc;
	}

/*-- RANDOM ADDITIONS --*/

acronym {color: #525862; cursor: help; border-bottom: 1px dotted #525862;}
html { height: 100%; margin-bottom: 1px;}
.projectThumb {margin-right: 4px;}
.widget {float: left;}
.spacedList li ul{margin-bottom:12px;}
.bookDisplay {float: left; margin: 5px 5px 0 0;}
.posted {font-weight:bold;font-size:1.1em;}

/** Auto Glossary **/
dl {

        background: #edf1f2;
border: 1px dashed #adbfcb;
        margin:0;
        width: 97%;
        float:left;
        padding: 5px;
        }
dt {
        float: left;
        clear: left;
        width: 15%;
        font-weight: bold;
        color: #525862;
        }
dt:after { content: ":"; }

dd {
        float:left;
        width: 82%;
        margin-left: 2%;
color: #525862;
        }
* html dd {
        float: none;
        margin-left: 15%;
}

/** Projects **/

.projectSnippet {
        border-bottom: 1px dashed #767a80;
        float: left;
        width: 330px;
padding: 0 0 5px 0;
        margin-bottom: 10px;
}

.projectFeature {
        border-bottom: 1px dashed #767a80;
        float: left;
        width: 545px;
padding: 0 0 5px 0;
        margin-bottom: 10px;
}

p.quote {
        color: #767a80;
        font-style:italic;
        font-size: 110%;
margin-bottom: 0;
}
p.quoteSource {
        margin: 2px 0 20px 0;
}


/* Image Wall */
#inline-list {
	border: 1px solid #000;
	margin: 2em;
	width: 100%;
	padding: 5px;
	font-family: Verdana, sans-serif;
	}

#inline-list p {
	display: inline;
	}

#inline-list ul, #inline-list li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #339;
	font-weight: bold;
	}

.bookmarks img {
       text-decoration:none;
       border:0px; 
       margin:2px;
       padding:0;
} 

img, img a {border: none;}