* {
	margin:0;
	padding:0;
}

html {
	height: 100%;
}


body {
	background-color: #666;
	font-size:75%;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
}

#page-width, div#page-width {
	min-width: 760px;
	max-width: 950px;
	width: auto !important; /* IE6 Hack */
	width: 950px; /* IE6 Hack -- Usability Sake */
	margin: 0 auto; /* Center container on page */
	text-align: center;
}

a:link, a:active, a:visited {
	color: #333;
}

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



/* FLUID CORNERS CONTENT BOX *
------------------------------------------------------------------------------*/
div.container {
	clear:both;
    max-width:950px;
    margin:5px auto;
    width:100%;
}

div.container div.top {
	background:url(../../global/images/layout/v14/box_top-left.jpg) no-repeat left bottom;
	padding:0px;
	width:100%;
}

div.container div.top div.right {
	background:url(../../global/images/layout/v14/box_top-right.jpg) no-repeat right bottom;
	height:20px;
	margin-left:20px;
}

div.container div.middle {
    background:url(../../global/images/layout/v14/box_left.jpg) repeat-y left;
    clear:both;
    width:100%;
}

div.container div.middle div.right {
    background:url(../../global/images/layout/v14/box_right.jpg) repeat-y right;
    margin-left:20px;
}

div.container div.middle div.right div.content {
    background:#fff;
    color:#000;
    margin-right:20px;
    padding:5px;
    text-align:justify;
}

div.container div.bottom {
	background:url(../../global/images/layout/v14/box_bottom-left.jpg) no-repeat left top;
	clear:both;
	padding:0px;
	width:100%;
}

div.container div.bottom div.right {
	background:url(../../global/images/layout/v14/box_bottom-right.jpg) no-repeat right top;
	height:20px;
	margin-left:20px;
}


/* CONTENT LAYOUT *
------------------------------------------------------------------------------*/
#contentwrap {
        background: #fff;
		padding: 0px;
        }

#content {
	padding: 0px;
}

.column, 
div.sidebar-width, 
div.content-width, 
div.sidebar-left-col-width, 
div.sidebar-right-col-width {float:left; margin-right: 0px;}

/* IE6 Hack - Prevent Double Margin & Padding In IE6 When Using CSS Float */
* html .column, 
* html div.sidebar-width, 
* html div.content-width, 
* html div.sidebar-left-col-width, 
* html div.sidebar-right-col-width {display:inline;}

.sidebar-width {width:320px;}

.sidebar-left-col-width {
	width:123px; 
	background:#eee; 
	border: #999 1px solid; 
	padding: 5px;
	margin-left: 15px;
}

.sidebar-right-col-width {
	width:150px;
	background:#fff;
	/*margin-left:5px;*/
	text-align: center;
	margin: 0 auto;
}


.content-width {
	width:570px;
	background: #fff;
}

.box {width:290px; margin-bottom:1.5em; background:#ccc; border: #999 1px solid; padding: 5px;}

.box2 {width:290px; margin-bottom:1.5em; background:#fff; border: #999 1px solid; padding: 5px;}

.box3 {width:290px; margin-bottom:1.5em; background:#fff; border:0; padding: 5px;}

.last, div.last {margin-right:0;}

/* BREADCRUMBS STYLES *
------------------------------------------------------------------------------*/

#breadcrumbs {
	background: url(../../templates/danielck/images/icon_home.png) no-repeat;
	margin-bottom: 25px;
}

.breadcrumbs {
	padding-left: 15px;
}

.pathway {
	font-size: 95%;
	color: #F30;
	font-weight: bold;
}

#breadcrumbs .pathway a,
#breadcrumbs .pathway a:linked,
#breadcrumbs .pathway a:visited,
#breadcrumbs .pathway a:hover {
	color: #666;
	text-decoration: none;
}

/* CLEAR FLOAT STYLES *
------------------------------------------------------------------------------*/
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both; margin-top:2.5em;}

/* HEADER & MASTHEAD STYLES
------------------------------------------------------------------------------*/
#header {width: 99%; height: 40px; background:#333;}

#masthead {
	text-align: left;
	padding: 5px;
	width: 100%;
	font-weight: bold;
	letter-spacing: 5px;
	height: 200px;
}

#masthead h1 {
	/*width:260px; 
	height:96px; */
	width:373px; 
	height:151px; 
	background:transparent url(../../global/images/layout/v14/danielck.net_logo.png) no-repeat left top;
	margin:0;
	padding:0;
	margin-top: 15px;
}

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


/* SEARCH FORM STYLES 
--------------------------------------------------------- */
#search {
	margin: 10px 12px 5px 0;
	padding: 0;
	float:right;
	width: 200px;
	height: 20px;
	background: url(../../global/images/layout/v14/search-field.png) no-repeat 0px 0px;
}

* html #search {
	background: url(../../global/images/layout/v14/search-field.png) no-repeat 0px -20px;
}

#search:hover {
	background: url(../../global/images/layout/v14/search-field.png) no-repeat 0px -20px;
}

#search .search input.inputbox {
	width: 200px;
	height: 20px;
	padding: 0 0 0 18px;
	margin: 0;
	background: none;
	border: none;
	color: #666;
}

#search .search label {display:none;}

/* MAIN NAVIGATION LINK STYLES 
--------------------------------------------------------- */
#mainnav {
margin: 0;
padding: 0;
font: bold 120% "Trebuchet MS";
width: 75%;
float:left;
overflow: hidden;

}

#mainnav  li{
display: inline;
}

#mainnav  li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
}

#mainnav  li a:visited{
color: white;
}

#mainnav  li a:hover, #mainnav ul li.active a {
color: yellow;
}


/* SIDEBAR STYLES *
------------------------------------------------------------------------------*/
/* Menu Styles for Delicious *START* */
.sidebar-right-col-width ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        }


.sidebar-right-col-width ul li {
        padding: 2px 0px 5px 15px;
        margin: 0px;
        background: url(../../global/images/layout/v14/icon_bullet.gif) no-repeat top left;
        }

.sidebar-right-col-width ul li ul li {
        background: #FFFFFF url(../../global/images/layout/v14/icon_bullet.gif) no-repeat top left;
        padding: 2px 0px 2px 15px;
        margin: 2px 0;
        }

.sidebar-right-col-width h2 {
line-height:1.5em;
color: #333333;
border-bottom: 1px dotted #333333;
margin-bottom: 0.5em;
font: normal bold 125% 'Trebuchet MS',Verdana,Arial,Sans-serif;
}

.sidebar-right-col-width h2 a {
text-decoration: none;
}

/* Menu Styles for Delicious *END* */

/* SPOTLIGHT STYLES
--------------------------------------------------------- 
Refer to templates/danielck/css/danielck.css for module styles
*/
#spotlight {
	width: 100%;
	height: 300px; /* Required by Firefox to show the background */
	background: #000 url(../../global/images/layout/v14/bkg_spotlight.jpg) repeat-x top;
	color: #eee;
	clear: both;
	text-align: center;
}

#spotlight .spotlight-box .gutter {
	margin: 10px;
}

#spotlight .spotlight-box {
	float: left;
	width: 33.3%;
	text-align:left;
}

#spotlight .spotlight-box .gutter .moduletable h3 {
	font: bold 180% "Trebuchet MS";
	color: #ccc;
}

#spotlight .spotlight-box .gutter a,
#spotlight .spotlight-box .gutter a:active,
#spotlight .spotlight-box .gutter a:visited {
	color: #fff;
}

#spotlight .spotlight-box .gutter a:hover {
	color: #FF0;
}

#spotlight .spotlight-box .gutter .moduletable ul.mostread,
#spotlight .spotlight-box .gutter .moduletable ul.latestnews,
#spotlight .spotlight-box .gutter .moduletable ul.featuredarticles {
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#spotlight .spotlight-box .gutter .moduletable ul.mostread li.mostread a.mostread,
#spotlight .spotlight-box .gutter .moduletable ul.latestnews li.latestnews a.latestnews,
#spotlight .spotlight-box .gutter .moduletable ul.featuredarticles li.featuredarticles a.featuredarticles {
	line-height: 20px;
	/*_height: 20px;*/
	display: block;
	text-decoration: none;
	border-bottom: 1px dotted #d3d4cb;
	background: url(../../templates/danielck/images/icon_article.gif) no-repeat 0px 5px;
	padding: 5px 0 5px 20px;
	color: #fff;
}

#spotlight .spotlight-box .gutter .moduletable ul.mostread li.mostread a.mostread:hover,
#spotlight .spotlight-box .gutter .moduletable ul.latestnews li.latestnews a.latestnews:hover,
#spotlight .spotlight-box .gutter .moduletable ul.featuredarticles li.featuredarticles a.featuredarticles:hover {
	background: url(../../templates/danielck/images/icon_article.gif) no-repeat 0px 5px;
	color: #FF9900;
	font-weight: bold;
}

#spotlight .spotlight-box .moduletable p {
margin: 10px;
text-align: justify;
}

.moduletable-categories,
.moduletable-menu {
	width: 150px;
	text-align: left;
	padding: 5px;
	margin: 0 0 20px 10px;
}

.moduletable-categories h3,
.moduletable-menu h3 {
	text-align: left;
	color:#333;
	border-bottom: 1px dotted #999;
}

.moduletable-categories ul.menu,
.moduletable-menu ul.menu, {
	margin-left: 0;
	padding-left: 0;
}

.moduletable-categories ul.menu li {
	list-style: none;
	padding-left: 20px;
	background: url(../../templates/danielck/images/icon_category.gif) no-repeat 0 0;
	border-bottom: 1px dotted #d3d4cb;	
	line-height: 20px;
}

.moduletable-categories ul.menu li a {
	
	text-decoration: none;
	color: #333;
}

.moduletable-categories ul.menu li a:hover {
	color: #F30;
	font-weight: bold;
}

.moduletable-menu ul.menu li a {
	line-height: 20px;
	/*_height: 20px;*/
	display: block;
	text-decoration: none;
	border-bottom: 1px dotted #d3d4cb;
	background: url(../../templates/danielck/images/icon_bullet.gif) no-repeat 0px 5px;
	padding: 5px 0 5px 20px;
	color: #333;
}

.moduletable-menu ul.menu li a:hover {
	background: url(../../templates/danielck/images/icon_bullet.gif) no-repeat 0px 5px;
	color: #F30;
	font-weight: bold;
}



/* PROFILE STYLES *
------------------------------------------------------------------------------*/
.profile-img {
float: left;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
border: 4px solid #ffffff;
}

.profile-datablock {
margin-top:0;
margin-right:15px;
margin-bottom:.5em;
margin-left:0;
padding-top:8px;
}

.profile-link {
background:url("http://www.designae.com/blogger/images/profile.png") no-repeat left .1em;
padding-left:15px;
font-weight:bold;
}

.profile-textblock {
clear: both;
margin: 0;
}


/* FOOTER STYLES *
------------------------------------------------------------------------------*/
#footerwrap{
	clear: both;
	width: 95%;
	height: 100%;
	margin: 0 10px;
	padding: 20px 0 0 0;
	font-size: 95%;
}

#footerwrap a,
#footerwrap a:link,
#footerwrap a:active,
#footerwrap a:visited {
	color: #CCC;
}

#footerwrap a:hover {
	text-decoration: underline;
}


#footer {
	position: relative;
}

#footer .footlogo {
	float: left;
	padding-left: 5px;
	border-right: 1px dotted #ccc;
	padding-right: 3px;
	height: 120px;
}

#footer .footlogo h6, #footer .footlogo h6 a {
	font: normal 45px/45px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -3px;
}

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

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

#footer .copyright {
	display: block;
	padding-left: 180px;
	color: #ccc;
	text-align: left;
	margin-bottom: 20px;
	margin-top: 20px;
}

#footer .backtotop {
	float:right;
	/*position: absolute;
	right: 20px;
	top: 8px;*/
}

#footer .backtotop a {
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
	text-decoration: none;
}

#footer .backtotop a img {
	border: none;
}

#footer .feeds {
	text-align: left;
	margin: 0 0 15px 180px;
	color: #666;
}

#footer .feeds a {
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
	text-decoration: none;
}

#footer .feeds a img {
	border: none;
}

#footnav {
	padding-left: 180px;
	text-align: left;
}

#footnav ul {
	margin: 0 0 5px;
	padding: 0;
}

#footnav  li {
	margin: 0;
	padding: 0;
	display: inline;
	background: none;
}

#footnav  li a {
	padding: 0 15px 0 0;
	display: inline;
	color: #ccc;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

#footnav  li a:hover, #footnav  li a:active, #footnav li a:visited {
	color: #ccc;
	text-decoration: underline;
}


/* CORNER BADGE STYLES *
------------------------------------------------------------------------------*/
.badgecorner { position: inherit; right: 0; top: 0; margin: 0; padding: 0; border: none; float: left; } 

.badge-new	{
	background: url(../../global/images/layout/v14/icon-badge.png) no-repeat -46px 0px;
	height: 46px;
	width: 45px;
}




/************************/
/*    Twitter Updates   */
/************************/
#twitter_badge_container{width: 300px; margin-bottom:6px; background: #C1EAFF}

#twitter_badge_tl{background: transparent url(http://www.designae.com/blogger/images/twitter_top_left.png) top left no-repeat;}

#twitter_badge_tr{background: transparent url(http://www.designae.com/blogger/images/twitter_top_right.png) top right no-repeat;}

#twitter_badge_bl{background: transparent url(http://www.designae.com/blogger/images/twitter_bottom_left.png) bottom left no-repeat;}

#twitter_badge_br{background: transparent url(http://www.designae.com/blogger/images/twitter_bottom_right.png) bottom right no-repeat; }

#twitter_badge_inner{padding: 65px 10px 10px 10px;}
#twitter_badge_via {font-size: 10px }
#twitter_badge_via a {color #666}

#my_twitter_status{margin:0; padding:0;}
#my_twitter_status_time{color: #666; font-size: 10px;}
#twitter-link {color: #666; font-size: 11px;}

ul#twitter_update_list {text-align:left; margin:0; padding:0;}

ul#twitter_update_list li {
        padding: 2px 0 2px 20px;
        margin: 0;
	list-style: none;
        background: transparent url(http://www.designae.com/blogger/images/bullet_twitter.png) top left no-repeat;
        }