/*

	Default stylesheet for dy6

	Table of Contents:

	1.) Default element styles
	2.) Containers, columns and rows
	3.) Header- and sidebar-related rules
	4.) Content-related rules
	5.) Footer-related rules
	6.) Homepage-specific rules
	7.) Utility classes

*/


/*
	1.) Default element styles
*/

body {
	background: url('../graphics/page-bg.png') repeat-x 0 100% #fff;
	margin: 0 0 42px 0;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #4d4d4d;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #1a428d;
}

a:hover {
	background: url(../graphics/dotline.png) 0 100% repeat-x;
}

h3 a:hover,
a.img:hover,
.label:hover,
.oneColumn a:hover,
#footer a:hover {
	background: none;
}

input#livesearch,
input#name,
input#email,
input#web,
textarea {
	background: #f6f8fa;
	border: 1px solid #808080;
}

fieldset {
	padding: 0;
	border: 0;
}

fieldset br {
	display: none;
}

fieldset input {
	float: none;
	display: block;
}

p {
	margin: 0 0 .75em 0;
	line-height: 150%;
	text-align: justify;
}

strong {
	font-size: 1.2em;
	letter-spacing: .05ex;
	font-weight: normal;
	color: #1A428D;
}







/*
	2.) Containers, columns and rows
*/

#head-container {
	background: url('../graphics/head-bg.jpg') no-repeat 50% 0 #32aada;
	height: 146px;
}

#content-container {
	background:  url('../graphics/content-bg.png') repeat-x 0 0;
}

.content-row {
	width: 960px;
	clear: both;
	text-align: left;
	background: #fff;
	margin: 0 auto;
	padding: 20px 0 0 0;
	position: relative;
}

.oneColumn,
.twoColumn,
.fourColumn,
.fiveColumn,
.sixColumn,
.eightColumn {
	margin: 0 30px;
	float: right;
/*	z-index: 2;*/
}

.oneColumn {
	width: 100px;
}

.twoColumn {
	width: 180px;
}

.fourColumn {
	width: 340px;
}

.fiveColumn {
	width: 420px;
}

.sixColumn {
	width: 500px;
}

.eightColumn {
	width: 660px;
}

.home-links {
	float: left;
}

#foot-container {
	background: url('../graphics/footer-bg.jpg') no-repeat 50% 100%;
	height: 113px;
}







/*
	3.) Header-related rules
*/

h1#logo {
	width: 940px;
	margin: 0 auto;
	padding: 20px 0 0 10px;
	text-align: left;
}

h1#logo a {
	display: block;
	width: 360px;
	height: 75px;
	text-indent: -10000px;
	overflow: hidden;
	background: url('../graphics/head-bg.jpg') -38px -20px no-repeat;
}









/*
	4.) Sidebar
*/

ul.category-list,
ul.sidebar-links {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 180px;
}

ul.category-list li {
	width: 88px;
	float: left;
	background: url('../graphics/dotline.png') repeat-x 0 100%;
	padding-bottom: 1px;
}

ul.sidebar-links li,
.LSRow {
	background: url('../graphics/dotline.png') repeat-x 0 100%;
	padding-bottom: 1px;
}

ul.category-list li a,
ul.sidebar-links li a,
ul.category-list li.dsgn,
ul.category-list li.jrnl,
.LSRow {
	padding: 10px 0 7px 0;
	display: block;
}

ul.category-list li a:hover,
ul.category-list li a:hover span,
ul.sidebar-links li a:hover,
ul.sidebar-links li a:hover span,
#LSHighlight, #LSHighlight a, .LSRow a:hover, .LSRow:hover, .LSRow:hover a,
.LSRow:hover a span, .LSRow a:hover span, #LSHighlight a span {
	background: #1B5292;
	color: #fff;
}

ul.category-list li a:hover,
ul.sidebar-links li a:hover {
	padding-left: 5px;
}

ul.category-list li.dsgn,
ul.category-list li.jrnl {
	width: 180px;
}

ul.category-list li.dsgn,
ul.category-list li.jrnl {
	font-size: 20px !important;
	line-height: 18px !important;
}

ul.category-list li.dsgn span,
ul.category-list li.jrnl span {
	margin: -3px 0 0 0;
}

ul.category-list li.gallery,
ul.category-list li.design,
ul.category-list li.tv-and-film,
ul.category-list li.music {
	padding-right: 2px;
}

ul.category-list li.portfolio,
ul.category-list li.software,
ul.category-list li.videogames,
ul.category-list li.food,
.LSRow {
	padding-left: 2px;
}

#LSResult {
/*	position: absolute;
	z-index: 1;
	background-color: #fff;
	width: 430px;
	border: 1px solid #1a428d;
	padding: 5px;
*/
}


#LSHeader {
	text-transform: capitalize;
	/* More rules immediately below */
}




/*
	5.) Content-related rules
*/

label,
.label,
h2,
.dual-line span,
.dateline span,
.category-list a span,
ul.category-list li.dsgn span,
ul.category-list li.jrnl span,
.sidebar-links a span,
.oneColumn a span,
.oneColumn span,
.oneColumn,
.homeOneColumn ul li a span,
.copyright,
.LSRow span,
#LSHeader {
	display: block;
	font-size: 10px;
	color: #4d4d4d;
	font-weight: normal;
	margin: 0;
}

.homeOneColumn {
	margin: 0 30px;
}

.label2,
#LSHeader {
	border-bottom: 1px solid #4d4d4d;
	clear: both;
	padding: 10px 0 0 0;
}

.twoColumn .label2,
.homeOneColumn .label2 {
	padding: 30px 0 0 0;
}

.label3 {
	border-bottom: 1px solid #4d4d4d;
	clear: right;
	color: #1a428d;
}

.dual-line,
.dateline,
.category-list a,
ul.category-list li.dsgn,
ul.category-list li.jrnl,
.sidebar-links a,
.next-prev a,
.LSRow a,
.homeOneColumn ul li a {
	font-size: 14px;
	color: #1a428d;
	line-height: 13px;
	font-weight: normal;
}

.category-list a,
.sidebar-links a,
.next-prev a {
	overflow: hidden;
}

.next-prev {
	margin: 0 0 30px 0 !important;
}

.post {
	margin: 0 0 30px 0;
	position: relative;
}

h3,
h3 a {
	color: #1a428d;
	font-weight: normal;
	margin: 0;
	font-size: 22px;
}

.post .body,
.comment-message {
	border-top: 1px solid #4d4d4d;
	padding: 15px 0 0 0;
	clear: both;
	margin: 0;
}

/*
.post .gallery {
	border-top: 0;
	padding: 0;
}
*/

.post p,
.post h3,
.comment-message p,
.commentmessage h3,
p#txpCommentInputForm,
.comments h3 {
	margin-right: 160px;
}

.home-content p,
.home-content h3 {
	margin-right: 100px;
}

.post h3, 
#cpreview h3,
.comments h3 {
	float: left;
	margin: 0;
	width: 500px;
}

.post .body h3 {
	margin: 30px 0 10px 0;
	float: none;
}

.post .dateline,
#cpreview .dateline,
.comments .dateline {
	margin-left: 560px;
}

.home-content .post h3 {
	float: left;
	width: 420px;
}

.home-content .dateline {
	margin-left: 340px;
}

.home-content .latest-article h3 {
	width: 500px;
}

.home-content .latest-article p {
	margin-right: 0;
}

.home-content .latest-article {
	margin: 0 0 20px 0;
}

.post .body .oneColumn {
	margin: 0 0 0 30px;
}

.post .body .oneColumn a,
.homeOneColumn a {
	display: block;
	padding: 10px 0 7px 0;
}

.oneColumn a:hover {
	padding-left: 2px;
}

.oneColumn a:hover,
.oneColumn a:hover span {
	background: #1B5292;
	color: #fff;
}

ul.oneColumn,
.homeOneColumn ul {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	clear: both;
}

ul.oneColumn li,
.homeOneColumn ul li {
	display: block;
	background: url(../graphics/dotline.png) repeat-x 0 100%;
	padding: 0 0 1px 0;
}

.related-notice {
	clear: right;
	padding: 0 0 10px 0;
	background: url(../graphics/dotline.png) repeat-x 0 100%;
	font-size: 10px;
}

.related-articles a {
	font-size: 12px;
}








/*
	6.) Comments
*/

h2#comment {
	background: url(../graphics/comments.jpg) no-repeat;
	width: 652px;
	padding: 34px 0 1px 8px;
	color: #fff;
	margin: 0 0 20px 0;
	clear: both;
}

input.comment_name_input,
label.name {
	width: 238px;
	margin: 0 20px 0 0;
}

input.comment_email_input {
	width: 238px;
}

input.comment_web_input,
textarea.txpCommentInputMessage,
label.message,
label.web {
	width: 498px;
}

input.comment_name_input,
input.comment_email_input,
input.comment_website_input,
textarea.txpCommentInputMessage {
	margin-bottom: 10px;
}

.remember-checkbox,
.preview-submit {
	float: left;
	margin: 15px 0 30px 0;
}

.remember-checkbox label {
	margin: 4px 0 0 0;
	float: left;
}

#remember,
#forget {
	float: left;
}

ol.comments {
	list-style: none;
	margin: 0;
	padding: 0;
}

.gravatar {
	float: left;
	border: 0;
	margin: 2px 10px 0 0;
}








/*
	7.) Gallery-related rules
*/

.eightColumn img.gallery-thumb {
	border: 0;
	margin: 5px 0 0 0;
}

.home-gallery {
	margin: 0 0 30px 0;
}

img.home-feature {
	border: 0;
}

.home-gallery a img {
	border: 0;
	margin: 5px 12px 0 0;
}

.gallery-thumbs {
	margin: 0 0 30px 0;
}

.gallery-display {
	margin: 2px 0 15px 0;
	float: right;
}

.gallery .next-prev a {
	letter-spacing: -.05ex;
}

.gallery .next-prev a span {
	letter-spacing: normal;
}

.gallery .vertical-display {
	margin: 0 0 30px 60px;
}

h2.featured-gallery {
	margin: 30px 0 0 0;
}






/*
	8.) Footer-related rules
*/

#footer {
	clear: both;
	border-top: 1px solid #4d4d4d;
	width: 900px;
	margin: 0 30px;
	padding: 15px 0 0 0;
	font-size: 10px;
}

.copyright,
.about,
.contact {
	float: left;
}

.copyright {
	 width: 180px;
	 margin: 0 60px 0 0;
}

.about,
.contact {
	width: 100px;
	margin: 0 60px 0 0;
}

.rss {
	margin: 0 0 0 560px;
	padding: 0 0 20px 0;
	width: 100px;
	display: block;
}

#footer .dual-line,
#footer .dual-line a {
	color: #1a428d;
	font-size: 12px;
	font-weight: normal;
}







/*
	9.) Utility classes
*/

.floatLeft {
	float: left;
}

.clearBoth {
	clear: both;
}

.noFloat {
	float: none;
}

.nomargin {
	margin: 0;
}