/*  
Theme Name: The Unstandard
Theme URI: http://5thirtyone.com/
Description: Farewell to the standard blog format
Version: 0.1
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/
*/

* { margin: 0; padding: 0; }

body { background: #F5F7FA; color: #000; font-size:62.5%; font-family: "Trebuchet MS", sans-serif; }
#main-wrapper { display: block; margin: 0 auto; padding: 0 7px; width: 960px;  }

/* ----------------------------------- basics */
h1, h2, h3 { font-weight: normal; }
h1 { font-size: 2.2em; line-height: 2.4em; }
h2 { font-size: 1.6em; line-height: 1.8em; }
h3 { font-size: 1.3em; line-height: 1.4em; }
a { color: #2c2c2c; }
  a:hover { color: #f47a0e; }
a img { border: none; }
ul, ol { list-style: none; }

/* ----------------------------------- masthead */
#leaderboard { background: url("images/orange.gif") no-repeat top left; padding: 3em 0 7em 0; position: relative; }
  #leaderboard h1 a { color: #333; text-decoration: none; } 
  #leaderboard h1 a:hover { color: #f47a0e; }
#main-nav { font-size: 1.1em; margin: 10px 0 0 0; text-transform: uppercase; font-weight: bold; }
  #main-nav li { float: left;  margin-left: 7px; }
  #main-nav li a { background: #ddd; color: #6c6c6c; display: block; padding: 1.1em 0; text-decoration: none; text-align: center; width: 8em; } 
  #main-nav li a:hover,
  #main-nav li.current a { background: #333; color: #eee; }
  #main-nav li.rss-now a:hover,
  #main-nav li.rss-now a { background: #f47a0e; color: #eee; }
.adsense-center { margin: -40px auto 0; display: block; width: 728px; }
  
/* ----------------------------------- home posts */
.home .left {  width: 607px; }
.home .main-post-bg { background: #444; display: block; height: 225px; position: relative; margin: 0 0 7px 0; width: 593px; overflow: hidden; }
  .main-post-bg .post-comments,
  .secondary-post-bg .post-comments { position: absolute; top: 0; right: 7px; z-index: 102; background: #f47a0e; border: 1px solid #ce6100; }    
  
  #content-posts .main-post-bg { margin-left: 12px; width:581px; margin-bottom: 0;}
    .post-comments a,
    .secondary-post-bg .post-comments a { font-size: 11px; color: #eee !important; display: block; height: 1.8em; line-height: 1.8em; width: 10em; text-decoration: none; text-align: center; text-transform: lowercase; } 
    .post-comments a:hover,
    .secondary-post-bg .post-comments a:hover { background: #ce6100;}
  .home .main-post-bg .title-insert,
  .home .recent-leads .title-insert { background: #000; bottom: 0; display: block; left: 0; position: absolute; width: 100%; z-index: 101; padding: 8px 0; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=85); -moz-opacity: .85; opacity:.85; }
.title-insert h2 { margin: 4px 10px 7px; line-height: 20px; width:520px;}
  .title-insert h2 a { color: #f79b42; text-decoration: none; }
  .title-insert h2 a:hover { color: #fff; }
  
  	div.post-date {
		width: 54px;
		height: 42px;
		padding-top: 15px;
		text-align: center;
		line-height: 20px;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	
		.post-date-d {
			font-size: 3em;
			letter-spacing: -4px;
			color: #F47A0E;
		}
		
		.post-date-m-y {
			font-size: 1.2em;
			letter-spacing: -1px;
			color: #00B9EB;
		}
  
.home .recent-leads { width: 607px; }
  .home .recent-leads .secondary-post-bg { background: #444; display: block; width: 293px; overflow: hidden; height: 150px; margin: 0 7px 7px 0; position: relative; }
  .home .recent-leads .title-insert h3 { margin: 8px 7px; line-height: 1.3em; width: 233px}
  .home .recent-leads .title-insert h3 a { font-size: 14px; display: block; color: #f79b42; text-decoration: none; }
  .home .recent-leads .title-insert h3 a:hover { color: #fff; }
.home .right { width: 340px; text-align: left; }
.home .right h3 { font-weight: normal; font-size: 1.6em; color: #fff; padding-left: 2px; margin-bottom: 10px;}
  
/* ----------------------------------- lists */
.sidebar-wrapper { background: #fff; }
.sidebar-news { background: #f9f9de; border: 1px solid #e9e9b4; display: block; padding: 7px; color: #555; font-size: 12px; }
  .sidebar-news a:hover { text-decoration: none; }
.sidebar-wrapper h3 { overflow: hidden; }
ul.sidebar-ul,
.related-posts ul { font-size: 1em; line-height: 1.2em; margin: 10px 0 0 0; width: 310px; }
  .sidebar-ul li,
  .related-posts li { color:#fff; border-top: 1px solid #ccc; width: 310px; }
  .sidebar-ul li a,
  .related-posts li a { background: url("images/li-grey.gif") no-repeat 1px 3px; line-height: 1.2em; font-size: 1.2em; display: block; font-weight: normal; color: #f47a0e; text-decoration: none; padding: 3px 0 3px 20px; }
  .sidebar-ul li a:hover,
  .related-posts li a:hover { background: url("images/li.gif") no-repeat 1px 3px; color: #00B9EB; }
  .sidebar-ul li a:hover em { color: #999; }
.related-posts h3 { display: none; }
.serve-random { font-size: 12px; color: #888; margin-top: 7px; }
  .serve-random a { color: #f47a0e; }
  .serve-random a:hover { text-decoration: none;  }
.sidebar-nextprev { margin-top: 10px; }
  .sidebar-nextprev li { float: left; }
  .sidebar-nextprev li.previous { margin-left: 5px; }
  .sidebar-nextprev li.next { float: right; margin-right: 5px; }
  .sidebar-nextprev li a { outline: none; display: block; height: 40px; width: 145px; background: #ddd; text-indent: -9999em; }  
  .sidebar-nextprev li.previous a { background: url("images/nextprev.gif") no-repeat top left; }
    .sidebar-nextprev li.previous a:hover { background-position: bottom left; }
  .sidebar-nextprev li.next a { background: url("images/nextprev.gif") no-repeat top right; }
    .sidebar-nextprev li.next a:hover { background-position: bottom right; }

.sidebar {
	font-size: 12px;
	float: left;
	width: 340px;
	margin-left: 4px;
	padding: 0px 6px 0 0;
	line-height: 14px;
	color:#777;
	}
	
	div.bloque-middle {
		width: 340px;
		background: url(images/content/bloque-middle.jpg) left repeat-y;
	}
	
		div.bloque-top {
			width: 340px;
			background: url(images/content/bloque-top.jpg) top left no-repeat;
		}
		
		div.bloque-bottom {
			width: 340px;
			background: url(images/content/bloque-bottom.jpg) bottom left no-repeat;
		}
		
		div.bloque-entry {
			padding: 12px;
			padding-top: 0px;
			min-height: 60px;
		}
		
		.bloc-rss { padding-left: 50px; padding-top:5px; background: url(images/content/rss_feed.png) top left no-repeat; }
		.bloc-rss a{ line-height: 1.2em; font-size: 1.2em; display: block; font-weight: normal; color: #f47a0e; text-decoration: none; }
		.bloc-rss a:hover{ color: #00B9EB; }
		
		div.syndic {
			margin-left: 2px;
			width: 350px;
		}
		
.bloque {
	margin-bottom: 10px;
	
	width: 340px;
	color: #FFF;
	}

.bloque-entry h3 {
	color: #fff;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 2px;
	margin-bottom: 10px
	}
	
	.bloque-entry h3.bg-transparent {
	color: #fff;
	font-size: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	margin-top: 2px;
	margin-bottom: 10px
	}
	
	.bloque-h3-transparent {
		margin-left: -12px;
		width: 340px;
		background: url(images/content/bloque-top.gif) top left no-repeat;
		padding-left: 12px;
		margin-top: 15px;
	}

/* ----------------------------------- categories */
/*#categories { border: 1px solid #bbb; border-width: 1px 0; padding: 14px 0; margin: 35px 0 0px; }*/

h2.list{
	color: #f47a0e;
	font-size: 2em;
	border-bottom: 1px #FFF dotted;
	font-weight: bold;
	width: 180px;
}

ul.list, div.list {
	width: 140px;
	color: #FFF;
}

div.list h2 {
	clear: both;
	display:block;
	font-weight: bold;
	padding-top: 10px;
	width: 285px;
	border-bottom: 1px #FFF dotted;
	font-size: 1.5em;
}

ul.list li {
	list-style: none;
	display: block;
}
ul.list li a, div.list a { display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: 1px #FFF dotted;
	color: #FFF;
}
ul.list li a:hover, div.list a:hover { background: url(images/li-hover.png) top repeat-x; }

ul.list li a:first-letter, div.list a:first-letter {
	background: url(images/puce.gif) center left no-repeat;
	padding-left: 12px;
}

ul.columns, div.columns {
	width: 300px;
	color: #FFF;
}

ul.columns li {
	list-style: none;
	display: block;
	float: left;
}

div.columns a {
	display: block;
	float: left;
}
		
ul.columns li a, div.columns a {
	float: left;
	margin-right: 10px;
	width: 137px;
}
				
ul.list li a, div.list a { color: #FFF; text-decoration: none; }
ul.list li a:hover, div.list a:hover { color: #FFF; text-decoration: none; }

div#footer {
	width: 100%;
	min-height: 400px;
	background: #000 url(images/footer/back.jpg) top repeat-x;
	color: #FFF;
}

div#footer-triangles {
	border-top: 1px solid #bbb;
	padding: 14px 5px;
	width: 950px;
	height: 126px;
	margin-top: 25px;
	margin-bottom: -28px;
	background: url(images/footer/triangles.jpg) top repeat-x;
}
div#footer-triangles ul { color: #999; font-size: 1.2em; line-height: 1.6em; }
div#footer-triangles li { float: left;  text-align: right;  display: block; width: 150px; margin-right: 40px; }
div#footer-triangles li a { color: #f47a0e; font-weight: bold; float: left; text-decoration: none; }
div#footer-triangles li a:hover { text-decoration: underline; }

div#footer-content {
	width: 996px;
}

	div.footer-box {
		width: 290px !important;
		width: 280px;
		min-height: 230px;
		float: left;
		margin-left: 15px;
		margin-right: 5px;
		margin-bottom: 10px;
		padding-right: 10px;
		padding-top: 20px;
	}
	
		div.footer-sepa {
			background: url(images/footer/sepa.png) top right no-repeat !important;
			background: none;
		}
	
		div.footer-box h2.list {
			width: 285px;
		}
		
		.st-tag-cloud {
			font-family: "Times New Roman", serif;
			color: #FFF;
			text-align: center;
			margin-top: 8px;
			text-decoration: none;
		}
		
			.st-tag-cloud a { color: #FFF; text-decoration: none; }
			.st-tag-cloud a:hover { border-bottom: 2px dotted #00B9EB; }
		
		div#flickr {
			width: 290px !important;
			width: 280px;
			margin-top: 20px;
			font-size: 1em;
			text-align: justify;
			line-height: 1.2em;
		}
		div#titres-about{
			 margin-top: 8px;
			 font-weight: bold;
			 font-size: 1.5em;
		}
			
			div#flickr a {
				display: block;
				float: left;
				margin-right: 5px;
				margin-top: 1px;
			}
			
			div#flickr a img {
				border: 1px solid #A6A6A6;
				padding: 4px;
				background: #FFF;
			}


/* ----------------------------------- search */
.search { background: #f47a0e url("images/search-bg.gif") no-repeat top left; display: block; width: 340px; height: 32px; }
  .search #searchForm { margin: 0 0 0 7px; }
  #searchForm input { vertical-align: middle; margin: 6px 0 0 0; }
  .search #searchForm #s { color: #666; font-size: 12px; border: 1px solid #f47a0e; padding: 1px; width: 265px; margin-right: 4px; }
  
  
  * search */
.buscar {
	padding: 0px 15px 15px;
	}
.bus1 {
	width: 250px;
	font-size: 16px;
	border: 1px solid #aaa;
	}
.bus2 {
	vertical-align: top;
	}
.sidebar p {
	padding: 0 10px 15px 16px;
	}
  
/* ----------------------------------- footer */
  #copyright { float: left; margin: 5px; color: #fff; font-size: 1.2em; line-height: 1.4em; width: 950px; }
  #copyright .left { width: 950px; text-align: center }
  #copyright a { font-weight: bold; color: #fff; text-decoration: none;}
  #copyright a:hover { color: #f47a0e; text-decoration: none; }
.hiddenpic { display: none; }

/* ----------------------------------- floats */
.right { float: right; }
.left { float: left; }
.clear { clear: both; }
.fix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fix { display: inline-block; }
* html .fix { height: 1%; }
.fix { display: block; }



/* ----------------------------------- single post */
/* Contenu */

#content {
	width: 607px;
	color: #7b8488;
}

	div#content-shadow-left {
		width: 607px;
		background: url(images/content/shadow-left.jpg) top left no-repeat;
	}
	
	div#content-shadow-right {
		width: 607px;
		background: url(images/content/shadow-right.jpg) top right no-repeat;
	}

div.post {
	width: 600px;
	min-height: 610px;
	background: url(images/post/shadow-top.jpg) top left no-repeat;
	margin-bottom: 60px;
}

	div.firstpost { background: none; }
	
	div.post-shadow {
		width: 600px;
		min-height: 610px;
		background: url(images/post/shadow-bottom.jpg) bottom right no-repeat;
	}
	
	div.post-content {padding: 0px 15px 40px 20px; font-size: 1.2em; }
	div.firstpost div.post-content { padding-top: 0px; }
	
	div.post a { color: #00B9EB; text-decoration: none; }
	div.post a:hover { color: #F47A0E; text-decoration: none; }
	
	div.post a.blank { color: #00B9EB; text-decoration: none; }
	div.post a.blank:hover { color: #F47A0E; text-decoration: none; }
	
	div.post a { color: #F47A0E; text-decoration: none; }
	div.post a:hover { color: #00B9EB; text-decoration: none; }
	

		
	div.post-title-cat-com {
		float: left;
		padding-top: 5px;
		padding-bottom: 4px;
		border-bottom: 1px dotted #959595;
	}
		
		h1.post-title, h2.post-title {
			font-family: "Times New Roman", serif;
			font-size: 1.7em;
			color: #404040;
			font-weight: normal;
		}
		
			h1.post-title a, h2.post-title a { color: #404040; text-decoration: none; }
			h1.post-title a:hover, h2.post-title a:hover { color: #00B9EB; text-decoration: none; }
		
		p.post-cat-com {
			font-size: 1em;
		}
		
			p.post-cat-com a { color: #F47A0E; text-decoration: none; }
			p.post-cat-com a:hover { color: #00B9EB; text-decoration: none; }
		
			div.post-entry:first-letter, div.post-entry span.firstletter {
				font-family: "Times New Roman", serif;
				font-size: 5.1em;
				float: left;
				color: #BBCBD1;
				margin: 20px 4px 0px 0px;
			}
			
			div.post-entry { padding-top: 15px }
			div.post-entry p { margin-bottom: 15px; line-height: 1.3em;}
			div.post-entry h1 { font-size: 1.8em; border-bottom: 1px dotted rgb(0, 0, 0); color: #00B9EB; line-height: 1.5em; margin-bottom: 5px;}
			div.post-entry h2 { font-size: 1.5em; color: #555; font-family: "Times New Roman", serif;}
			div.post-entry blockquote { background: url(images/post/quote.jpg) top left no-repeat; padding: 20px 20px 10px 20px; min-height: 65px; font-family: "Times New Roman", serif; font-size: 1.4em; color: #4f5557; }
			div.post-entry a img { position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }
			div.post-entry a img.galerie { border: 0 }
			/*div.post-entry ul { margin-left: 15px;}*/
			div.post-entry li { background: transparent url(images/bg/arrow2.png) no-repeat left 2px; padding-left: 25px;}
			 
			
		p.post-more {
			float: right;
			height: 19px;
			padding-left: 45px;
			padding-top: 4px;
			margin-top: 15px;
			background: url(images/post/more.jpg) top left no-repeat;
		}
			p.post-more a { color: #00AAFA; text-decoration: underline; }	
		
		div.post-tags-postcom {
			margin-top: 30px;
			border-bottom: 1px dotted #959595;
			padding-bottom: 4px;
			margin-bottom: 4px;
		}
			
			p.post-tags {
				width: 370px;
				background: url(images/post/tags.png) center left no-repeat;
				padding-left: 20px;
				float: left;
				min-height: 16px;
			}
				
			p.post-postcom {
				float: right;
				vertical-align: bottom;
				padding-right: 20px;
				background: url(images/comment/comment-bubble.gif) center right no-repeat;
				min-height: 16px;
			}
			
				p.post-postcom a { color: #F47A0E; text-decoration: none; }
				p.post-postcom a:hover { color: #00B9EB; text-decoration: none; }
		
		ul.post-social-bookmark {
			float: right;
		}
		
			ul.post-social-bookmark li {
				list-style: none;
				display: inline;
				margin-right: 5px;
			}

		div.post-relation-middle {
			height: 99px;
			margin-top: 40px;
			margin-bottom: 40px;
			background: url(images/post/relation-middle.jpg) top repeat-x;
		}
		
			div.post-relation-left {
				height: 99px;
				background: url(images/post/relation-left.jpg) top left no-repeat;
			}
			
			div.post-relation-right {
				height: 99px;
				background: url(images/post/relation-right.jpg) top right no-repeat;
			}
			
			div.post-relation {
				color: #616769;
				padding: 4px 10px 5px 40px;
			}
			
				div.post-relation p { font-size: 1em; }
				div.post-relation ul { margin-top: 5px; }
				div.post-relation ul li {
					list-style: none;
					background: url(images/post/relation-puce.jpg) top left no-repeat;
					padding-left: 14px;
					font-size: 0.9em;
					margin-bottom: 2px;
				}
				
				div.post-relation ul li a { color: #616769; text-decoration: underline; }
				div.post-relation ul li a:hover { color: #616769; text-decoration: none; }

div#respond {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	width: 527px;
	padding-bottom: 20px;
	background: url(images/comment/shadow.jpg) bottom center no-repeat;
}

	div#respond p { margin-bottom: 10px; }
	div#respond td { padding-bottom: 10px; padding-right: 30px; }
	div#respond table, div#respond tr, div#respond td { border: none; border-collapse: collapse; }
	div#respond form textarea { width: 527px; }
	div#respond form input, div#respond form textarea { 
		border: 2px solid #D4F6FD;
		padding: 2px;
		font-size: 1.2em;
		color: #8C979B;
		font-family: "Times New Roman", serif;
	}
	div#respond form input { background: #FFF url(images/comment/input.jpg) bottom repeat-x; }
	div#respond form textarea { background: #FFF url(images/comment/textarea.jpg) bottom repeat-x; }
	

div#comments {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	width: 527px;
}

	div.comment {
		width: 527px;
		padding-bottom: 20px;
		margin-bottom: 20px;
		background: url(images/comment/shadow.jpg) bottom center no-repeat;
		color: #FFF;
	}
	
	div.comment a { color: #FFF; text-decoration: none; }
	div.comment a:hover { color: #FFF; text-decoration: underline; }
	
	div.comment-entry-middle {
		width: 535px;
		background: url(images/comment/blue-entry-middle.jpg) left repeat-y;
	}
	
		div.comment-entry-top {
			width: 535px;
			background: url(images/comment/blue-entry-top.jpg) top left no-repeat;
		}
		
		div.comment-entry-bottom {
			width: 535px;
			background: url(images/comment/blue-entry-bottom.jpg) bottom left no-repeat;
		}
		
		div.comment-entry {
			padding: 12px;
			min-height: 60px;
		}
		
		div.comment-entry p {
			margin-bottom: 10px;
		}
		
		div.comment-entry a { color: #F47A0E; text-decoration: none; }
		div.comment-entry a:hover { color: #00B9EB; text-decoration: none; }

			.comment-info { margin-bottom: 10px; }
			.comment-author { float: left; }
			.comment-date { float: right; }
			
		div.comment-alt div.comment-entry-middle { background: url(images/comment/black-entry-middle.jpg) left repeat-y; }
		div.comment-alt div.comment-entry-top { background: url(images/comment/black-entry-top.jpg) top left no-repeat; }
		div.comment-alt div.comment-entry-bottom { background: url(images/comment/black-entry-bottom.jpg) bottom left no-repeat; }
		
	div.comment-image-middle {
		width: 535px;
		height: 54px;
		background: url(images/comment/blue-image-middle.jpg) top repeat-x;
	}
	
		div.comment-image-left {
			width: 535px;
			height: 54px;
			background: url(images/comment/blue-image-left.jpg) top left no-repeat;
		}
		
		div.comment-image-right {
			width: 535px;
			height: 54px;
			background: url(images/comment/blue-image-right.jpg) top right no-repeat;
		}
		
		div.comment-image {
			padding-left: 40px;
			padding-top: 4px;
		}
		
			div.comment-image p {
				width: 50px;
				height: 50px;
				overflow: hidden;
			}
		
		div.comment-alt div.comment-image-middle { background: url(images/comment/black-image-middle.jpg) top repeat-x; }
		div.comment-alt div.comment-image-left { background: url(images/comment/black-image-left.jpg) top left no-repeat; }
		div.comment-alt div.comment-image-right { background: url(images/comment/black-image-right.jpg) top right no-repeat; }

div#content-navigation {
	width: 590px;
	margin-top: 30px;
}

div.error404 {
	color: #FFF;
	width: 515px;
	height: 280px;
	background: url(images/content/404.png) top left no-repeat;
	margin: 10px auto 0px auto;
}

	div.error404-entry { padding: 180px 10px 0px 20px; }
	
	div.error404 a { color: #FFF; text-decoration: none; }
	div.error404 a:hover { color: #FFF; text-decoration: underline; }
	
	p.error404-bigtext {
		font-size: 1.5em;
		height: 37px;
		margin: 30px auto 0px auto;
		text-align: center;
	}	
		p.error404-bigtext span { padding: 15px 0px 15px 60px; background: url(images/content/404home.jpg) top left no-repeat; }

		.align-left { float: left; }
.align-right { float: right; }
.align-right a { text-align: right; float:right; }
		
.wp-pagenavi {
	height: 22px;
	width: 163px;
	color: #333;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: url(images/content/button-numbers.jpg) top left no-repeat;
	padding-top: 2px;
}

	.wp-pagenavi a { margin-left: 3px; margin-right: 3px; color: #F47A0E; text-decoration: none; }
	.wp-pagenavi a:hover { color: #00B9EB; text-decoration: none; }
	
	.wp-pagenavi .current { margin-left: 3px; margin-right: 3px; color: #333; text-decoration: none; }
	
	
	
	/* Header styles
-------------------------------------------------------------- */
#header { padding: 1.5em 0 0 0; height: 93px; background: url("images/orange.gif") no-repeat top left; background: url(images/bg/home_banner.png) no-repeat; height:250px; }
#header #logo { height: 90px; width: 410px;}
#header #logo .title { padding: 0.5em 0 0 0; font: 700 3em arial, sans-serif; letter-spacing: -.11em; line-height: 1.2em; color: #000; }
#header #logo .title .desc { text-align: left; margin: 0.4em 0 0 0; font: 500 0.3em arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.1em; padding: 0.6em 0 0 0; border-top: 1px solid #ccc; width: 410px; }
#header #logo .title a { text-decoration: none; color: #F47A0E; }
#header #logo .title a:hover { color: #00B9EB; }
#header #logo a.sitelogo { display: block; width: 400px; height: 90px; background: url(images/bg/sitelogo.png) no-repeat; }

/* Search and navigation
-------------------------------------------------------------- */

#header #search_menu { height: 90px; float: left;}
#header #search_menu #search { padding: 0 0 0 5px; float: left; }
#menu { width: 380px; float: right; margin: 10px 0 0 2px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }
#menu li { float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 1em; }
#menu li a { padding: 0; text-decoration: none; color: #F47A0E; }
#menu li a:hover { padding: 0; text-decoration: underline; color: #00B9EB;}
#menu li span { display: block; float: left; padding: 0 0px 0 22px; }
#menu li span.home { background: url(images/bg/home.gif) no-repeat; }
#menu li span.about { background: url(images/bg/info.gif) no-repeat; }
#menu li span.archives { background: url(images/bg/hourglass.gif) no-repeat; }
#menu li span.subscribe { background: url(images/bg/favourite.gif) no-repeat; }
#menu li span.contact { background: url(images/bg/mail.gif) no-repeat; }

/* Top banner with rotating images
-------------------------------------------------------------- */

#topbanner { height: 145px; background: url(images/bg/home_banner.png) no-repeat; margin-bottom: 15px;}
#topbanner_arch { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/archive_banner.png) no-repeat; }
#topbanner_single { height: 70px; border-bottom: 1px solid #999; background: url(images/bg/single_banner.png) no-repeat; }
#topbanner .pagetitle, #topbanner_arch .pagetitle, #topbanner_single .pagetitle { float: left; background: #fff; color: #F47A0E; font: 700 2em arial, sans-serif; text-transform: lowercase; letter-spacing: -0.036em; padding: 1px 5px 1px 0; margin: 20px 0 0 0; }


/* Form styles
-------------------------------------------------------------- */

input.search_input { width: 292px; border: 0; background: #fff url(images/bg/input.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }
input.submit_input { background: /*#E0691A*/ url(images/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; }

.column{float:left;margin:0 27px;padding:0;}
.span-14{width:965px;margin:0;}
.first{margin-left:0;}
.span-6{width:380px;}
.push-0{margin:0 0 0 1.5em;float:right;}
.last{margin-right:0;}
h3.mast4 { text-transform: uppercase; font-size: 1em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; }
.border_left { padding-left: 26px; margin-left: 0; border-left: 1px solid #ddd; }
.none { display: none; }

  .wordtube{
  	text-align:center;
	padding-bottom: 15px;
  }