/*
 ========================================================================
 
    COPYRIGHT			: Copyright(C) 2010   
    VERSION				: 15.0.0 
    CREATED				: 08 AUG 2010
    MODIFIED			: 23 AUG 2010
    DESIGNER			: Daniel C. K. Tan
    DESIGNER URI		: http://www.danielck.net 
    
    FILE: /global/styles/layout_v15.css
	TYPE: CSS File
	DESCRIPTION: For styling the website layout.
	   
   ======================================================================== 
*/

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* BASE */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

body {
	background-color: #666;
	
	scrollbar-3dlight-color:#333;
    scrollbar-arrow-color:#fff;
    scrollbar-track-color:#666;
    scrollbar-darkshadow-color:#333;
    scrollbar-face-color:#333;
    scrollbar-highlight-color:#333;
    scrollbar-shadow-color:#333;
	
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* LAYOUT */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Global Layout Padding
----------------------------------------------------------------------- */
div.top,
div.wrapper,
div.spotlight,
div.footer {
	padding: 5px;
}

/* Top Navigation
----------------------------------------------------------------------- */
div.top {
	background-color: #333;
}


/* Header - Banner & Logo
----------------------------------------------------------------------- */
div.header {
	height: 200px;
}

#logo h1 {
	width:373px; 
	height:150px; 
	background:transparent url(http://www.danielck.net/global/images/layout/v15/danielck.net_logo.png) no-repeat left top;
	margin:0;
	padding:0;
	margin-top: 25px;
}

#logo h1 a {
	display: block;
	height: 150px;
	text-indent: -2000em;
	overflow: hidden;
}

#logo h3 {
	margin-left:220px;
	margin-top: -20px;
	padding:0;
	font: 150% Geneva, Arial, Helvetica, sans-serif;
	color:#fff;
}

#header-image {
	height: 200px;
}


/* Content Area
----------------------------------------------------------------------- */
div.wrapper {
	background: #fff url(http://www.danielck.net/global/images/layout/v15/bkg-content.jpg) repeat-x bottom;
}

div.breadcrumbs {
	background: #999;
	margin: 2px 0 10px 0;
	padding: 3px;
	font-weight: bold;
	color: #FFF;
}

span.pathway {
	background: url(http://www.danielck.net/global/images/layout/v15/icon-home.png) no-repeat;
	padding-left: 20px;
}

div.breadcrumbs a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}


div.content {
	
}


/* Sidebar
----------------------------------------------------------------------- */
div.sidebar, 
div.sidebarLeft,
div.sidebarRight {
	margin: 0 0 10px 0;
}

div.sidebarLeft {
	background: #ddd;
	padding:5px;
}


/* Spotlight
----------------------------------------------------------------------- */
div.spotlight {
	overflow: hidden; /* hide the overflow created by the padding value */
	color: #666;
	background: #000 url(../../global/images/layout/v15/bkg-spotlight.jpg) repeat-x;
}

div.spotlight-module {

}

div.latest, div.featured, div.profile {
	margin-bottom: -2000px; /* force the background of the shorter columns beyond the height of the longest column of content */
	padding-bottom: 2000px; /* rick the browser into thinking the columns are still only as high as the content they contain */
}


/* Footer
----------------------------------------------------------------------- */
#footerlogo {
	border-right: 1px dotted #ccc;
}

#footerlogo h6 {
	width:150px; 
	height:55px; 
	background:transparent url(http://www.danielck.net/global/images/layout/v15/danielck.net_logo_footer.png) top left no-repeat; 
	margin:0;
	padding:0;
}

#footerlogo h6 a {
	display: block;
	height: 55px;
	text-indent: -2000em;
	overflow: hidden;
}

.copyright {
	font-size: 85%;
	color: #ccc;
}
.copyright a {
	color: #ccc;
	text-decoration: underline;
}

#backtotop {
	text-align: right;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* NAVIGATION */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Top Navigation Links
----------------------------------------------------------------------- */
.topnav {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.topnav ul.menu li a,
.topnav ul.menu li a:link,
.topnav ul.menu li a:visited,
.topnav ul.menu li a:active {
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}

.topnav ul.menu li a:hover {
	color: #FFFF00;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
}

.topnav ul.menu li.active a {
	color: #FF9900; 
	font-size: 115%;
	font-weight: bold;
	text-decoration: none;
}


/* Top Navigation Setup
----------------------------------------------------------------------- */
.menu {
	list-style: none;
	padding: 0;
	margin: 0 0 0 10px;
}

.menu li {
	display: inline;
	padding: 0;
	margin: 0;
}

.menu li:before { content: " | "; }
.menu li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html .menu li {
	border-left: 1px solid white;
	padding: 0 0.8em 0 0.8em;
	margin: 0 0.8em 0 -0.8em;
}

/*Win IE browsers - hide from Mac IE\*/
* html .menu { height: 1%; }

* html .menu li {
	display: block;
	float: left;
}
/*End hide*/
/*Mac IE 5*/

* html .menu li:first-child { border-left: 0; }


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* SEARCH FORM */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

#search {
background: url(../../global/images/layout/v15/search-field.png) no-repeat top;
/*background:#FF0000;*/
width: 180px;
height: 20px;
}

#search:hover, #search:focus {
background: url(../../global/images/layout/v15/search-field.png) no-repeat bottom;
cursor: pointer;
}

#search form.search label {
	visibility: hidden;
}

#search form.search input.inputbox {
	display:block;
	width: 155px;
	height: 15px;
	font: 85%;
	margin-top:-16px;
	margin-left: 20px;
	background:none;
	border:none;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* CSS3 */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Box Shadow
----------------------------------------------------------------------- */
.shadow {
	-moz-box-shadow: 3px 3px 4px #000;
	-webkit-box-shadow: 3px 3px 4px #000;
	box-shadow: 3px 3px 4px #000;
	
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}


/* Round Corners
----------------------------------------------------------------------- */
.roundedCorners {
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	border-radius: 5px;
}

.roundedCorners-bottom {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* BROWSER HACKS */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

* html .spotlight { /* Solve IE6 Peekaboo Bug */
	content: "."; 
	display: block; 
}


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
/* MISC */
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* Layout Spacer
----------------------------------------------------------------------- */
.spacer {
	line-height: 15px;
	height: 15px;
}