/*

- TheHoffice Website
- http://www.thehoffice.com
- designed by Switch Creative Group
- http://www.groupswitch.com

*/

/*
	
	#4B3900 = brown
	#F8971D = orange
	#E5E4D9 = off white
	#99D7DB = blue
	
*/




/* ! ---- Body ---- */
/* ------------------------------------------------------------- */
	
	body {
		background: #E5E4D9 url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/background.jpg); 
		color: #4B3900;
		font-family: Helvetica, sans-serif;
		}
	
	/* Inline Links   */
	a { 
		color: #F8971D;
		}
	
	a:hover {
		color: #4B3900;
		text-decoration: none;
		}
	

/* ! ---- Header ---- */
/* ------------------------------------------------------------- */	

	#header {
		background: #4B3900;
		height: 95px;
		margin: 0 auto;
		width: 100%;
		} 

	h1 {
		background: #4B3900 url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/h1.gif) no-repeat 0 30px;
		color: #fff;
		display: block;
		height: 95px;
		margin: 0 auto;
		text-indent: -9999px;
		width: 900px;
		}


/* ! ---- Navigation ---- */
/* ------------------------------------------------------------- */
	
	#navigation {
		height: 32px;
		margin: 0 auto 50px;
		width: 900px;
		}
	
	#navigation ul {
		}
	
	#navigation ul li {
		float: left;
		}
	
	#navigation ul li a {
		display: block;
		height: 32px;
		margin-right: 15px;
		text-indent: -9999px;
		}
	
	#home a {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/bu_home.gif) no-repeat 0 0;
		width: 91px;
		}
	
	#home a:hover {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/bu_home.gif) no-repeat -91px 0;
		}
	
	#archive a {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/bu_archive.gif) no-repeat 0 0;
		width: 118px;
		}
	
	#archive a:hover {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/bu_archive.gif) no-repeat -118px 0;
		}
	
	#rss a {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/bu_rss.gif) no-repeat 0 0;
		width: 75px;
		}
	
	#rss a:hover {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/bu_rss.gif) no-repeat -75px 0;
		}
	
	#switch a {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/bu_switch.gif) no-repeat 0 0;
		width: 109px;
		}
	
	#switch a:hover {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/bu_switch.gif) no-repeat -109px 0;
		}
	
	#narrow a {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/bu_narrow.gif) no-repeat 0 0;
		width: 181px;
		}
	
	#narrow a:hover {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/bu_narrow.gif) no-repeat -181px 0;
		}
	

/* ! ---- Container ---- */
/* ------------------------------------------------------------- */

	#container {
		margin: 0 auto;
		position: relative;
		width:900px;
		}


/* ! ---- Main ---- */
/* ------------------------------------------------------------- */
	
	#main {
		background: #fff;
		padding: 5px;
		width: 627px;
		}
		
	
	/* ! ---- Date & Title ---- */
	/* ------------------------------------------------------------- */
		
		.post_header {
			background: #4B3900;
			color: #E5E4D9;
			font-size: 12px;
			width: 100%;
			}
		
		.post_header p {
			padding: 5px 5px 5px 20px;
			}
		
		.post_header span.date {
			text-transform: uppercase;
			}
		
		.post_header span.author {
			}
		
		.post_header .date a {
			color: #F8971D;
			}
		
		.post_header .date a:hover {
			color: #E5E4D9;
			}
		
	
	
	/* ! ---- Posts ---- */
	/* ------------------------------------------------------------- */

		.post {
			border: 1px solid #fff;
			margin-bottom:15px;
			}
		
		.post a {
			color: #F8971D;
			}
		
		.post a:hover {
			color: #4B3900;
			}
	
		.postcont {
			margin-bottom:15px;
			padding: 0 20px;        
			}

 	
 	
	/* ! ---- Text & Chat Post Titles ---- */
	/* ------------------------------------------------------------- */

		.post h2 {
			color: #4B3900;
			font-size: 25px;
			font-weight: bold;
			margin: 0;
			}
		
		.post h2 a {    
			color: #F8971D;       
			text-decoration:  none;
			}
		
		.post h2 a:hover {
			color: #4B3900;
			}
		
		.post ol {
			margin-left: 25px;
			}
		
		.post ol li {
			list-style: decimal;
			line-height: 1.4em;
			margin-bottom: 10px;
			}
		
		.post p {
			line-height: 1.4em;
			margin-bottom: 1.5em;
			}


	
	/* ! ---- Text Post ---- */
	/* ------------------------------------------------------------- */
		.post .regular {
			font-size: 14px;
			}
		
		.post .regular blockquote {
			font-style: italic;
			}



	/* ! ---- Link Post ---- */
	/* ------------------------------------------------------------- */

		.post .link { 
			font-size: 25px;
			}
		
		.post .link a.link {
			color: #F8971D;
			font-weight: bold;
			text-decoration: none;
			}
		
		.post .link a.link:hover {
			color: #4B3900;
			text-decoration: none;
			}
		
		.post .link .description {
			color: #4B3900;
			font-size: 14px;
			letter-spacing: 0;
			line-height: 1.3em;
			}



	/* ! ---- Link Post ---- */
	/* ------------------------------------------------------------- */

		.quote {
			font: italic 20px Georgia,Times, serif;
			line-height: 1.25em;
			}
		
		.quote a {
			color: #F8971D;
			}
		
		.quote .source {
			color: #4B3900;
			font-family: Helvetica, sans-serif;
			font-size: 14px;
			font-style: normal;
			text-align: right;
			}
		
		.quote .source a:hover{
			color: #F8971D;
			}



	/* ! ---- Video & Audio Post ---- */
	/* ------------------------------------------------------------- */

		.post .photo, 
		.post .video {
			padding: 11px 0px 11px 0px; 
			text-align: center;  
			}
		
		.post .photo:hover,
		.post .video:hover {
			}
		
		
		.post .photo img {
			border: 1px solid #fff;
			padding: 5px;
			}
		
		.post .photo img:hover {
			border: 1px solid #F8971D;
			}
		
		.post .photo .caption, 
		.post .video .caption  {
			font-size: 14px;
			margin-top: 20px;
			text-align: left;
			}
		
		.post .photo .caption:hover, 
		.post .video .caption:hover {
			}


		/*  AUDIO */
		.post .audio {
			text-align:center;
			background-color: #F8971D;
			}
		
		.audiocaption {
			margin-top: 20px;
			font-size: 14px;
			}



	/* ! ---- Conversation Post ---- */
	/* ------------------------------------------------------------- */

		.post .conversation ul {
			list-style-type:  none;
			margin: 10px 0px 5px 0px;
			padding: 1px;
			border-left: solid 3px #A79E82;
			border-right: solid 3px #A79E82;  
			}
		
		.post .conversation ul li {
			font-family: Georgia, serif;
			font-style: italic;
			font-size: 14px;
			padding: 4px 0px 4px 8px;
			color: #4B3900;   
			}
		
		.post .conversation ul li span.label {
			font-family: Helvetica, sans-serif;
			font-weight: bold;
			color:#4B3900;
			}
		
		.post .conversation ul li.odd {
			background-color: #F6F5F2;   
			}
		
		.post .conversation ul li.even {
			background-color: #E4E1D9;
			}



/* ! ---- Footer ---- */
/* ------------------------------------------------------------- */

	#footer {
		margin: 20px 0px 0px 0px;				
		text-align: center;
		font-size: 120px;
		}
	
	#footer a {
		text-decoration:  none;
		color:#59a5d1;
		}
	
	#footer a:hover {
		color:#ff4d4d;
		}


/* ! ---- Sidebar ---- */
/* ------------------------------------------------------------- */

	/* The Sidebar */
	#sidebar {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/homeSweet.png) no-repeat;
		position: absolute;
			top: -178px;
			right: 0;
		width: 162px;
		}
	
	#authors {
		margin-top: 250px;
		}
	
	#authors ul li {
		}
	
	#authors ul li a {
		display: block;
		height: 100px;
		margin-bottom: 18px;
		text-indent: -9999px;
		width: 162px;
		}
	
	#adam a {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/author_adam.jpg) no-repeat 0 0;
		}
	
	#adam a:hover {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/author_adam.jpg) no-repeat -162px 0;
		}
	
	#jamie a {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/author_jamie.jpg) no-repeat 0 0;
		}
	
	#jamie a:hover {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/author_jamie.jpg) no-repeat -162px 0;
		}
	
	#justin a {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/author_justin.jpg) no-repeat 0 0;
		}
	
	#justin a:hover {
		background: transparent url(http://www.theoleswitcharoo.com/xx_thehoffice/_img/author_justin.jpg) no-repeat -162px 0;
		}
	
	
	/*
	#sidebar div.following{
		margin-top: 5px;
		margin-bottom: 5px;
	
	}
	#sidebar div.following a img{
		border: 2px solid #eee;
		padding: 1px;
		margin: 1px;
	}
	#sidebar div.following a img:hover{
		border: 2px solid #BFCEB9;
		padding: 1px;
		margin: 1px;
	}
	*/


/* Search Styling */
.searchmatch{
background-color:yellow;
}
.searchresultbox{
}
.searchresultrow {
background:#FFF;
font-family:verdana;
font-size:12px;
padding:5px;
margin-top:10px;
overflow:hidden;
}
.searchresultrow:hover {
cursor:pointer;
background:#FAFAFA;
}
.searchresultrow a {
font-weight:bold;
text-decoration:none;
}
.searchexcerpt {
color:#AAA;
font-size:10px;
}
.searchexcerpt span {
background:yellow;
font-size:10px;
}

/*  End of the Header */

blockquote { 
	margin:.5em 1.5em;
	background-color: #faf8f8;
	border:1px solid #ccc;
	padding: 5px 15px 5px 15px;
	}