/* 
VIAVIA CSS
* Filename:        viavia.css
* Version:         0.0.1 (2008-10-20) YYYY-MM-DD
* Website:         http://blog.viavia.nl

This CSS is build upon Blueprint CSS
* http://code.google.com/p/blueprintcss/

== STRUCTURE: ========================
* Page width:            980 px
* Number of columns:     25
* Column width:          20 px
* Margin width:          20 px
====================================== 

== COLORS: ===========================
* Links: 				#5f9acb
* Text:					#333333
* Purple border:		#9625ab
* Dark Green: 			#7ea729
* Gray border:			#d3d6d6
* Background Thumb:		#eaeded

======================================
*/



/* 	+-----------------------------------------------------------------------+ */
/* 	|	Styled HTML elements												| */
/* 	+-----------------------------------------------------------------------+ */
/* == Basics & resets: ====================================================== */
body { 
	background: url('bg.png') repeat-x left top;
	margin: 0 0; 
}
a { color: #5f9acb; }
p {}
h1 { font-size: 2em; margin: 0 0 25px 0;}
h2 { font-size: 1.6em; }
h3 { 
	font-size: 1.4em; 
	padding: 0 0 3px 0; 
	margin: 0;
	border-bottom: 1px solid #d3d6d6; 
}
h4 { font-size: 1.15em; }
h5 { font-size: 1.0em; }
fieldset { border: 0; margin: 0; padding: 0; }
body, p, h1, h2, h3, h4, h5, h6, div, span { color: #333; } /* standard font color */
textarea, input.text, select {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: 0;
}
hr {
	height: 1px;
	margin: 0 auto;
}
div.left {
	float: left;
}
div.left-column {
	clear: both;
	float: left;
}

/* 	+-----------------------------------------------------------------------+ */
/* 	|	Layout																| */
/* 	+-----------------------------------------------------------------------+ */

/* == Standard margin classes and fixes: ==================================== */
.top40 {
	margin-top: 40px;
}
.span-9.no-right-margin, .no-right-margin {
	margin-right: 0 !important;
}
span.text_next_button {
	margin: auto auto auto 10px;
}

/* == Site description ==================================================== */
h1.site-header {
	padding: 6px 0 25px 0;
	margin: 0 0 25px 0;
}
	h1.site-header span.description {
		color: #999;
		font-style: italic;
	}
	h1.site-header span.rss {
		float: right;
	}
	
/* == Entries dates ========================================================= */
h1.date-header {
	padding: 6px 0 25px 0;
	margin: 0;
}

/* == Logo: ================================================================= */ 
div#logo {
	width: 400px;
	float: left;
}
div#logo img.logo {
	margin: 0;
	float: left;
}

/* == Top Navigation: ======================================================= */ 
div#top-navigation {
	width: 560px;
	float: right;
}
#top-navigation ul {
	float: right;
	padding: 0;
	margin: 0;
	list-style-type: none;
}
	#top-navigation ul li {
		display: inline;
		padding: 0;
		margin: 0;
	}
		#top-navigation ul li .item-corner-left, #top-navigation ul li .item-corner-right,
		#top-navigation ul li .item-content {
			display: block;
			float: left;
			height: 31px;
			padding: 0;
			margin: 0;
		}
		#top-navigation ul li .item-content a {
			display: block;
			padding: 3px 12px 5px;
			background: url('top-menu-seperator.png') repeat-y right top;
			font-size: 1.2em;
			color: #fff;
			text-decoration: none;
		}
			#top-navigation ul li .item-content a.first {
				margin-left: -11px;
			}
			#top-navigation ul li .item-content a.last {
				background: none;
				margin-right: -11px;
			}
		#top-navigation ul li .item-corner-left {
			width: 13px;
			background: url('top-menu-left.png') no-repeat left top;
		}
		#top-navigation ul li .item-corner-right {
			width: 13px;
			background: url('top-menu-right.png') no-repeat right top;
		}
		#top-navigation ul li .item-content {
			background: url('top-menu-bg.png') repeat-x left top;
		}
			#top-navigation ul li .item-seperator {
				width: 1px;
			}
			#top-navigation ul li .item-seperator img {
				width: 1px;
				height:30px;
			}

/* == Sidebar header ======================================================== */
h3.header_categories {}
h3.header_archives {}
h3.header_comments {}
h3.header_subscribe { margin: 20px 0 0 0; }


/* == Footer: =============================================================== */
#footer {
	clear: both;
	margin: 30px auto 10px;
	padding-top: 8px;
	font-size: 1em;
	font-weight: bold;
	border-top: 1px solid #d3d6d6;
}
	#footer .copyright, #footer .links, #footer .links a {
		padding: 5px 0 0 0;
		color: #999;
		text-decoration: none;
	}
	#footer .copyright { 
		margin-left: 20px; 
	}
	#footer .links {
		float: right;
		margin-right: 0px;
	}
	#footer .git-revision {
		float: right;
		clear: both;
		font-weight: normal;
		text-align: right;
		font-size: 11px;
		color: #aaa;
	}
	#footer ul.footer-list {
		float: right;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		#footer ul.footer-list li {
			display: block;
			float: left;
			border-right: 1px solid #d3d6d6;
			padding: 0 10px 0 0;
			margin: 0 10px 0 0;
		}
		#footer ul.footer-list li.last { 
			border: 0; 
			margin: 0;
			padding: 0;
		}

/* 	+-----------------------------------------------------------------------+ */
/* 	|	Standard elements													| */
/* 	+-----------------------------------------------------------------------+ */

/* == Buttons: ============================================================== */
input.button {
	width: auto;
	height: auto;
	margin: 0;
	padding: 4px 8px 4px 8px;
	border: 1px solid #666;
	font-size: 1.2em;
	color: #fff;
	background: #aaa url('input-button-bg.png') repeat-x left top;
}
	input.button:disabled {
		border: 1px solid #ccc;
		color: #fff;
		background: #aaa url('input-button-faded-bg.png') repeat-x left top;
	}
	input.button:active {
		background: #aaa url('input-button-bg-active.png') repeat-x left top;
	}
input.small-button {
	width: auto;
	height: auto;
	margin: 0 0 0 5px;
	padding: 3px 5px 3px 5px;
	border: 1px solid #666;
	font-size: 1.2em;
	color: #fff;
	background: #aaa url('input-button-small-bg.png') repeat-x left top;
}
	input.small-button:active {
		padding: 0 5px 3px 5px;
		background: #999 url('input-button-small-bg-active.png') repeat-x left top;
	}

/* == Function-bar ========================================================== */
.function-bar {
	clear: both;
	background: #eaeded;
	color: #333;
	padding: 3px 5px;
	margin: 2px 0 5px;
	height: 20px;
	overflow: hidden;
}
	.function-bar .left {
		float: left;
	}
	.function-bar .right {
		float: right;
	}
	.function-bar.bottom {
		padding: 4px 5px 2px 5px;
		margin: 0 0 2px 0;
	}
	
	/* exceptions */
	.function-bar span.seperator { background: #fff; }
	
	.function-bar .entry-author { width: 350px; }
	.function-bar .comment-subscribe { width: 350px; }
	.function-bar .entry-author { width: 150px; }
	.function-bar .entry-categories { width: auto; }
	.function-bar .entry-comments { color: #333; }
	.function-bar .entry-links { color: #fff; }	
	
/* 	+-----------------------------------------------------------------------+ */
/* 	|	Basics - Links														| */
/* 	+-----------------------------------------------------------------------+ */

/* == Small links: ========================================================== */ 
a.link_comment {
	display: block;
	margin: 0 0 8px 0;
	padding: 0 0 0 20px;
	text-decoration: underline;
}
a.link_comment {
	background: url('icons/comment.png') no-repeat left center;
}

/* 	+-----------------------------------------------------------------------+ */
/* 	|	Entries																| */
/* 	+-----------------------------------------------------------------------+ */
.entry { margin: 0 0 25px 0; }
.entry h3 { font-size: 1.5em; padding: 0 0 7px 0; font-weight: bold; }
h3.entry-header a {
}

/* 	+-----------------------------------------------------------------------+ */
/* 	|	Comments															| */
/* 	+-----------------------------------------------------------------------+ */
.comments {
	margin: 30px 0 0 0;
}

ul.comments-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
	ul.comments-list li {
		margin: 0 0 5px 0;
		padding: 0 0 6px 0;
		border-bottom: 1px solid #d3d6d6;	
	}
		ul.comments-list li a { margin: 0; font-weight: bold; }
		ul.comments-list li p { margin: 0; font-style: italic; }

.comments-form-open {
	margin: 30px 0 0;
}		
#comments-open-data label, #comments-open-text label {
	display: block;
	font-weight: bold;
}
/* ph=1 */