/* $Id: layout.css,v 1.3 2010/12/10 03:04:34 webchick Exp $ */

/**
 * @file
 * DJs stylesheet method
 *
 */
 



html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }

a { color: #000; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

.disp img {
	display:inline-block;
	vertical-align: bottom;
	float: left;
}

.disp  {
	margin-bottom:20px;
}



body {
	font: 12px/18px Arial, Verdana, sans-serif;
	color: #333;
	-webkit-font-smoothing: antialiased;
}

p { margin-bottom: 18px; }

h1 {
	font-weight: bold;
	font-size: 24px;
	line-height: 36px;
	margin-bottom: 18px;
}

h2 {
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 12px;
}

h3 {
	font-weight: bold;
	font-size: 1em;
	line-height: 18px;
}

h4 {
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	display:inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

p.intro { font-weight: bold; }



ul {
	margin-bottom: 18px;
	list-style: none outside;
}

ol {
	margin-bottom: 18px;
	list-style: decimal;
	margin-left: 2.2em;
}

.more { text-align: right; }

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	font-family: Arial, Helvetica, sans-serif;
}


#content, #sidebar-first, #sidebar-second {
	float: left;
	display: inline;
	position: relative;
}

#content { width: 100%; }

body.sidebar-first #content {
	width: 80%;
	left: 20%; /* LTR */
}

body.sidebar-second #content { width: 80%; }

body.two-sidebars #content {
	width: 60%;
	left: 20%;
}

#sidebar-first {
	width: 20%;
	left: -80%; /* LTR */
}

body.two-sidebars #sidebar-first { left: -60%; /* LTR */ }

#sidebar-second {
	float: right; /* LTR */
	width: 20%;
}

.section { margin: 10px; }

#page-wrapper { width:100%; }

#page {
	background-image:url('http://designjunkies.com.au/images/2010/djs2010bg2.gif');
	background-position:right top;
	background-repeat:no-repeat;
	min-width:400px;
	width:1000px;
	margin:auto;
	padding-top:0px;
}

#page-title { }

#skip-link {
	position:absolute;
	left:-500px;
}

#header { padding-top:60px; }

#header div.section { margin:0px; }

#main-wrapper { padding-top:30px; }

#footer-info {
	font-size:10px;
	line-height:14px;
	width:865px;
	clear: both;
}

#footer-info a { font-size:10px; }

#social-media-marketing {
	width: 220px;
	margin-right: 10px;
	float:left;
}

#design-marketing-services {
	width: 150px;
	margin-right: 20px;
	margin-left: 20px;
	float:left;
}

#we-make-it-easy {
	width: 200px;
	margin-right: 10px;
	margin-left: 10px;
	float:left;
}

#contact-design-junkies {
	width: 200px;
	margin-left: 10px;
	float:left;
}

#footer-baseline {
	border-top:solid 1px #ccc;
	padding-top:7px;
	padding-bottom:7px;
	font-size:10px;
	width:865px;
	clear: both;
}

#footer-baseline a { font-size:10px; }

#w3c-standard-compliance { float:left; }



.node-blog{
margin-bottom:25px;	
}
.submitted {
	font-size:10px;
	font-style:italic;
	
}


#block-system-main.content.node-blog{
	margin-bottom:20px;
	
}

#copyright-info {
	float:left;
	margin-left:150px;
	margin-right:40px;/* margin-left: auto; margin-right: auto; text-align: center;   */
}

#mini-links { float:right; }

.fleft { float:left; }

.breadcrumb {
	float:right;
	margin-right:120px;
}