/*

Theme Name: Asphalte Theme
Theme URI: http://www.asphalte.ch/
Description: The Asphalte News theme
Version: 1.0
Author: J-A Dayer

*/	


body 
{
font-size: .75em;
margin: 0px;
background: #E5E5E5;
color: #E5E5E5;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


#wrap
{
position:absolute;
top:5px;
left:5px;
width: 1280px;
margin: auto;	
padding-bottom: 5px;
}

	
	
	
	#colOne
	{
	position: absolute;
	top: 5px;
    left: 5px;
	width: 800px;
	}
	
		#twitter
		{
		position: relative;
		padding: 14px 0 0 60px;
		height: 33px;
		background: url(img/twitter.gif) top left no-repeat;
		color: #979797;	
		font-size: .95em;
		text-align: left;
		}
		
		#twitter a
		{
		display: none;
		}
		
		#headline
		{
		position: relative;
		height: 100px;
		background: url(img/Title_v3.gif) top left no-repeat;
		padding: 7px 0 0 20px;
		text-align: left;
		font-family: 'Impact', Tahoma, Arial, Helvetica, sans-serif;
		}
			#title
			{
			position: relative;
			font-size: 4em;
/*			font-weight: bold; */
			font-style: italic;
			padding-top: 1px;
			color: #000;
			letter-spacing: -.005em;
			padding-bottom: 0px;
			}
			
			#title a
			{
			color: #000;
			}
			
			#intro
			{
			position: relative;
			font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
			padding-left: 2px;
			display: block;
			font-size: 1.5em;
			color: #979797;
			margin-top: -6px;
			}
		
		#nav
		{
		position: relative;
		padding-left: 10px;
		height: 55px;
		text-align: left;
		}
		
			#nav li
			{
			position: relative;
			float: left;
			width: 132px;
			padding-top: 9px;
			}
			
			#nav li a
			{
			position: relative;
			padding-left: 5px;
			font-size: 1.6em;
			color: #000;
			display: block;
			}
			
			#nav li a:hover
			{
			color: #7A949F;
			}
			
			#nav li a span
			{
			position: relative;
			display: block;
			color: #979797;
			font-size: .55em;
			margin-top: -4px;
			}
			
			#nav li a:hover span
			{
			text-decoration: underline;
			}
			
			
		
		/* post area */
		#content
		{
		position: relative;
		margin-top: 12px;
		padding-right: 12px;
		text-align: left;
		}
		
			.title2
			{
			color: #FF5F00;
			}

			.pagetitle
			{
			position: relative;
			padding: 10px 0 0 7px;
			font-size: 1.8em;
			color: #000;
			}
		
			.post
			{
			position: relative;
			padding-top: 1px;
			width: 800px;
			min-height: 270px;
  			height:auto !important;
  			height: 270px;
			padding-bottom: 35px;
			background: url(img/intermediate_v8.gif);
			margin-bottom: 20px;
			}
			
			.postfade
			{
			position: absolute;
			bottom: 0px;
			left: 0px;
			height: 266px;
			width: 800px;
			background: url(img/bottom_v8.gif) bottom left no-repeat;
			}
			
			.post h2
			{
			position: relative;
			font-size: 2.5em;
			color: #242424;
			background: url(img/head_v8.gif) top left no-repeat;
			margin-top: -2px;
			padding: 16px 20px 0 20px;
			font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
			}
			
			.navigation
			{
			font-size: 1.5em;
			color: #000;
			}

			.alignright
			{
			position: relative;
			float: right;
			margin-left: 10px;
			border: 4px solid #E5E5E5;
			}
			
			.alignleft
			{
			position: relative;
			float: left;
			margin-right: 10px;
			border: 4px solid #E5E5E5;
			}
			
			.post h2 a
			{
			color: #242424;
			text-decoration: none;
			}
			
			.post a
			{
			color: #008EEF;
			text-decoration: underline;
			}
			
			.post a:hover
			{
			color: #FF5F00;
			}
			
			#content .postcontent ul
			{
			position: relative;
			margin-left: 5px;
			padding: 0px 5px 0px 5px;	
			list-style: inside disc;
			border-left: 1px solid #698600
			}
			
				#content .postcontent ul li
				{
				position: relative;
				padding: 2px 0 2px 0;
				}
			
			
			.postinfo
			{
			position: relative;
			padding: 5px 20px 0px 20px;
			font-size: 1.1em;
			color: #000;
			}
			
			.postcontent
			{
			position: relative;
			padding: 5px 20px 5px 20px;
			font-size: 1.15em;
			color: #212121;
			}
			
			.postcontent p
			{
			position: relative;
			line-height: 1.5em;
			padding: .75em 0 .75em 0;
			}
			
			a.pinfo
			{
			position: relative;
			float: left;
			margin-right: 15px;
			margin-left: 2px;
			padding: 3px 7px 3px 7px;
			color: #fff;
			background: #FF5F00;
			font-size: .9em;
			text-decoration: none;
			border: 1px solid #fff;
			}
			
			a.pinfo:hover
			{
			background: #fff;
			border: 1px solid #FF5F00;
			}

			.postfoot
			{
			position: relative;
			margin: 0px 20px -15px 20px;
			height: 29px;
			padding: 5px 5px 5px 10px;
			border: 1px solid #FF5F00;
			background: url(img/PostFooterBackground.gif);
			font-size: 1.2em;
			}
			
			.comcount
			{
			position: relative;
			float: left;
			}
			
			.comcount a
			{
			position: relative;
			float: left;
			padding: 5px 15px 6px 32px;
			background: url(img/count.gif) top left no-repeat;
			color: #242424;
			}
			
			.leavecomment
			{
			position: relative;
			float: left;
			}
			
			.leavecomment a
			{
			position: relative;
			float: left;
			padding: 5px 15px 6px 36px;
			background: url(img/comment.gif) top left no-repeat;
			color: #242424;
			}
			
			.moreincat
			{
			position: relative;
			float: left;
			color: #000;
			padding: 5px 15px 6px 36px;
			background: url(img/Folder_1.gif) top left no-repeat;
			}
			
			.moreincat a
			{
			position: relative;
			color: #000;
			}
			
			blockquote
			{
			position: relative;
			padding: .75em 0 .75em 25px;
			font-size: .9em;
			font-weight: bold;
			}
			
			.post blockquote p
			{
			padding: 10px 12px 10px 12px;
			border: 1px solid #B2AE9A;
			background: #EFEFEB;
			}
			
			
			#comwrap
			{
			position: relative;
			margin: 0px 20px 10px 20px;
			padding: 5px 10px 5px 10px;
			border: 1px solid #B2AE9A;
			background: #EFEFEB;
			font-size: 1.1em;
			}
			
				#comwrap h3
				{
				position: relative;
				font-size: 1.6em;
				color: #212121;
				font-weight: bold;
				}
			
				.commentlist li
				{
				position: relative;
				margin-bottom: 15px;
				padding: 10px;
				background: #fff;
				border: 1px solid #B2AE9A;
				}
				
				.commentlist li .avatar
				{
				position: relative;
				float: right;
				}
				
				#comment
				{
				width: 450px;
				padding: 5px;
				background: #fff;
				border: 1px solid #B2AE9A;
				}
				
				#comwrap input
				{
				position: relative;
				padding: 5px;
				background: #fff;
				border: 1px solid #B2AE9A;
				}
				
				#commentform p
				{
				padding: 5px 0 5px 0;
				}
	
	
	
	
	#colTwo
	{
	position: absolute;
	width: 250px;
	top: 5px;
    left:815px;
	}

						
		#bitnav
		{
		position: relative;
		padding: 60px 0 15px 9px;
		height: 31px;
		text-align: left;
		}
		
			#bitnav li
			{
			position: relative;
			float: left;
			height: 31px;
			width: 162px;
			overflow: hidden;
			}
			
			#bitnav li a
			{
			position: relative;
			padding: 0 0 0 36px;
			height: 31px;
			font-size: 1.5em;
			color: #fff;
			display: block;
			margin-top: -2px;
			}
			
			#bitnav li a span
			{
			position: relative;
			display: block;
			color: #7A949F;
			font-size: .6em;
			margin-top: -4px;
			}
			
			#bitnav a:hover
			{
			text-decoration: none;
			color: #7A949F
			}
			
			#bitnav a:hover span
			{
			text-decoration: underline;
			}
			
			.mail
			{
			position: relative;
			background: url(img/mail.gif) bottom left no-repeat;
			}
			
			.register
			{
			position: relative;
			background: url(img/info.gif) bottom left no-repeat;
			}
				
				
			
		
		#thesidebar
		{
		position: relative;
		width: 250px;
		padding-left: 20px;
		font-size: 1.1em;
		text-align: left;
		}
		
		#thesidebar a:hover
		{
		text-decoration: underline;
		}
		
		
		.recentposts
		{
		position: relative;
		padding: 20px 5px 45px 5px;
		text-align: left;
		font-size: 1em;
		}				
		
			.recentposts h3
			{
			position: relative;
			font-size: 1.45em;
			font-weight: bold;
			color: #000;
			}
			
			.recentposts h4
			{
			position: relative;
			font-size: 1.05em;
			padding-left: 18px;
			color: #fff;
			background: url(img/paper.gif) left center no-repeat;
			}
			
			.recentposts li
			{
			position: relative;
			padding: 12px 0 12px 0;
			border-bottom: 1px solid #00354E;
			}
			
			.recentposts li span
			{
			position: relative;
			display: block;
			font-size: .85em;
			color: #121212;
			padding-top: 2px;
			}
			
			.recentposts a
			{
			color: #fff;
			}
		
		
		.widgettitle
		{
		position: relative;
		padding: 10px 0 0 15px;
		font-size: 1.3em;
		color: #000;
		font-weight: bold;
		height: 36px;
		background: url(img/widget_top_v5.gif) top left no-repeat;
		}
		
		.sidebarbox
		{
		position: relative;
		margin-bottom: 25px;
		color: #002D3F;
		font-size: 1.05em;
		min-height: 187px;
		padding: 0px 20px 20px 20px;	
		background: url(img/widget_bottom_v4.gif) bottom left no-repeat;
		text-align: center;
		}
			.sidebarbox ul, .sidebarbox div
			{
			text-align: left;
			}
		
			.sidebarbox li
			{
			position: relative;
			padding: 3px 7px 3px 7px;
			color: #fff;
			background: #fff;
			font-size: .9em;
			text-decoration: none;
			border: 1px solid #fff;

			background-position: 0px 9px;
			border-bottom: 1px solid #FF5F00;
			}	
			
			.sidebarbox li:hover
			{
			background: #FF5F00;
			color: #fff;	
			background-position: 0px 9px;
			}
			
			.sidebarbox li a
			{
			display: block;
			margin-top: -1px;
			color: #000;
			font-size: 1em;
			}
			
			.sidebarbox li span
			{
			position: relative;
			margin-left: -16px;
			display: block;
			font-size: .8em;
			}
			
			.sidebarbox li span a
			{
			position: relative;
			display: inline;
			color: #002D3F;
			font-weight: normal;
			text-decoration: underline;
			}
				
				
	#colThree
	{
	position: absolute;
	width: 220px;
	top: 5px;
    left:1093px;
    text-align:center;
    font-family: "Trebuchet MS";
    font-size: 1em;
    color:#000;
	}
				
				
	#foot
	{
	position: absolute;
	margin: auto;
	Top: 800px;
	width: 800px;
	height: 84px;
	background: url(img/footbg.gif) top left no-repeat;
	font-family: 'Trebuchet MS', Tahoma, Arial, Helvetica, sans-serif;
	}			
	
		#footvert
		{
		position: absolute;
		top: 15px;
		right: 14px;
		width: 468px;
		height: 60px;
		border: 1px solid #fff;
		color: #004460;	
		}
			#footvert span
			{
			position: relative;
			display: block;
			text-align: center;
			font-size: 1.5em;
			padding-top: 15px;
			}
		
		#footvert img
		{
		display: block;
		}
		
		#foottitle
		{
		position: absolute;
		top: 9px;
		left: 14px;
		font-size: 2.1em;
		color: #fff;
		font-weight: bold;
		}
		
		#footdesc
		{
		position: absolute;
		top: 36px;
		left: 14px;
		font-size: 1.2em;
		font-weight: bold;
		color: #7996A2;
		}
		
		#copylink
		{
		position: absolute;
		top: 61px;
		left: 14px;
		font-size: 1em;
		color: #7996A2;
		}
		
			#copylink a
			{
			color: #7996A2;
			}


/* Asphalte stuff */

  .styleButtons 
  {	
    text-align: center;
  }

  #copyright
  {
    height:30px;
  }
  #bottomAdds
  {
    
  }
  #footer
  {
  	text-align:center;
	position: relative;
	margin-top: 30px;
    width:800px;
  }
  .styleCopyrightText 
  {
    font-family: "Trebuchet MS";
    font-size: 1em;
    color:#000;
  }
  .styleCounter 
  {
  	text-align:center;
  }
  .styleGoogleAd
  {
	padding: 5px 0px 5px 0px;
    border: 2px solid #FF5F00;
  }
  .styleAsphalteSearch
    {
    font-family: "Trebuchet MS";
    font-size: 1em;
    text-align: Left;
    color:#000;
    border: 2px solid #FF5F00;
	padding: 5px 5px 0 5px;
  }
  .styleAsphalteBingSearch
    {
	font-family: "Trebuchet MS";
	font-size: .82em;
	text-align: Left;
	color:#000;
	border: 2px solid #FF5F00;
	padding: 0px 3px 2px 3px;
  }
  .styleAsphalteArchive
    {
    font-family: "Trebuchet MS";
    font-size: 1em;
    text-align: center;
    color:#000;
    border: 2px solid #FF5F00;
    padding: 5px 5px 5px 0px;
  }
  .styleAsphaltePartners 
  {
    font-family: "Trebuchet MS";
    font-size: 1em;
    text-align: center;
    color:#000;
    padding: 5px 5px 5px 0px;
    border: 2px solid #FF5F00;
  }
  .styleSocialMediaLinks
  {
	position: relative;
	height: 80px;
  }