/*
Rob Brink Stylesheet

URL: 		http://robbrink.com
Created by: 	Foxxyz/Ivo KH Janssen
For:		Rob Brink
		The Code Dealers
		The Plant System
Site Design by:	The Code Dealers

http://codedealers.com

*/

/******************\
| GENERAL STYLES   |
\******************/

@font-face {
		font-family: "american typewriter";  
		src: url(fonts/americantypewritermediumbt-webfont.eot); /* IE */  
		src: local("american typewriter"), url(fonts/americantypewritermediumbt-webfont.ttf) format("truetype"); /* non-IE */  
		}



	* {
		margin: 0;
		padding: 0;
	}
	
	a {
		text-decoration: none;
	}
		a:focus {
			outline-style: none;
		}
	
		a:link {
			color: #303561;
		}
	
		a:visited {
			color: #303561;
		}
	

	body {
		background: #414141;
		font-family: "american typewriter", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
		color: #000;
		font-size: 100%;
		margin: 15px 0 35px 0;
		background-attachment:fixed;
	}
	
	blockquote {
		margin: 0 20px;
		padding: 0 20px;
		border-left: 4px solid #E8E7D0;
		font-size: 0.9em;
	}
	
	code {
		font-family: monospace;
		color: #666;
		background-color: inherit;
	}
	
	fieldset {
		border: none;
	}
	
	form, img {
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	h3, h4, h5, h6 {
		margin: 1.2em 0;
		font-family: "american typewriter", Tahoma, Arial, sans-serif;
		color: #303561;
	}
	
	h2 {
		font-size: 11px;
		background-color: #303561;
		color: inherit;
		margin-top: -7px;
		padding: 0 10px 5px;
		font-weight: normal;
		border-bottom: groove 2px #C0C0C0;
	}
	
		h2 a {
			color: #2763a5 !important;
			background-color: inherit;
		}
	
	h4 {
		font-size: 2em;
	}
	
		h1 a {
			display: block;
			height: 250px;
			padding: 0;
			color: inherit;
			background: url(/app/css/images/bw-header-top.jpg) no-repeat left top;
			border-bottom: 0px solid #303561;
			text-indent: -9999px;
			margin: 0;
		}
	
	h3 {
		font-size: 1.3em;
	}
	
	hr {
		display: none;
	}
	
	input, textarea, select {
		border: 1px solid #C1C0B5;
		background-color: #f5f5f5;
		color: #000;
		font-size: 1em;
		font-family: "american typewriter", "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
		padding: 2px 10px;
	}
	
	label {
		display: block;
		margin-top: .5em;
	}
	
	legend {
		display: none;
	}
	
	ol, ul {
		font-size: 1em;
		line-height: 1.5em;
		margin: 1.2em 0 1.2em 2em;
		padding: 0;
	}
	
	p {
		font-size: 1em;
		line-height: 1.5em;
		margin: 1.2em 0;
	}
	
	textarea {
		padding: 5px 10px;
	}

/******************\
| ID SPECIFICS     |
\******************/

	#archives h4 {
		font-size: 1em;
		margin: 0;
		padding: 0 10px;
		font-weight: normal;
	}

		#archives h4 a {
			color: #2763a5;
			background-color: inherit;
		}

			#archives h4 a:hover {
				color: #111 !important;
				background-color: inherit;
			}

			#archives h4 a:focus {
				outline: none;
			}

	#archives li {
		margin: 0;
		padding: 0 !important;
	}

		#archives li li {
			padding: 0 10px !important;
		}

		#archives li ul {
			margin: 0 !important;
		}

			#archives li ul li {
				padding-left: 20px !important;
			}

			#archives .active h4 a {
				color: #2763a5;
				background-color: inherit;
			}

			#archives .active li.active a {
				color: #111;
				background-color: inherit;
			}

		#archives .inactive ul {
			display: none;
		}

	#comments h3 {
		font-weight: 500;
	}
	
	#comments li {
		border-top: 1px solid #E8E7D0;
		padding: 1px 20px;
		background-color: #FFF;
		color: inherit;
	}

	#comments ol {
		margin: 1.2em 0;
		padding: 0;
		border-bottom: 1px solid #E8E7D0;
		list-style-type: none;
	}

	#comments .name {
		margin-bottom: 0;
		font-size: 1.1em;
	}

	#comments .meta {
		margin-top: 0;
		font-size: 0.9em;
		color: #999;
		background-color: inherit;
	}

	#content {
		float: left;
		padding: 0 20px 15px 20px;
		background:#fff;
		voice-family: "\"}\"";
		voice-family: inherit;
		width: 710px;					
	}

		html>body #content {
		}

		* html #content {
			overflow: hidden;
			/* So IE won't break things */
		}
		
		#content a {
			color: #2763a5 !important;
		}
		
		#content a:hover {
			color: #444 !important;
			background: transparent !important;
		}
		
		#content ul li {color: #000 !important;}

	#footer {
		clear: both;
		padding: 0px 20px;
		font-size: 10px;
		background-color: #505050;
		color: #fff;
height:45px;
		border: solid 0px #8E977F;
		border-top: ridge 0px #c0c0c0;
	}
	
		#footer a {
			color: #fff;
			background-color: inherit;
			text-decoration: underline;
		}

		#footer p {padding:17px 0 0 3px !important; color:#fcfcfc;}
		
		#footer a:link, #footer a:visited {color:#fcfcfc;}
		
		#footer a:hover {color: #fff !important; background: transparent !important; text-decoration:none !important;}
		

	#login_remember {
		padding: 0;
	}
	
	#login_remember_container {
		margin-top: 10px;
	}
	
		#login_remember_container label {
			display: inline;
		}
	
	#misc {
		margin-top: 1em;
	}
	
		#search fieldset {
			float: left;
			padding-right: 5px;
		}
	
		#search input {
			margin-top: 10px;
			height: 16px;
			padding: 0 3px;
		}
	
		#search label {
			display: none;
		}
	
		#search .submit {
			height: 18px;
		}
	

	#wrapper {
		margin: 0 auto;
		width: 750px;
		background-color: #444;
		color: inherit;
		overflow: hidden;
		border-radius:10px;
		-moz-box-shadow: 0 7px 7px #000;
		-webkit-box-shadow: 7px 7px 7px #000;
		box-shadow: 0 7px 7px #000;
	
	}
	
/******************\
| CLASS SPECIFICS  |
\******************/

	div.error p, p.error {
		color: #f00;
		font-size: 14px;
		text-decoration: underline;
	}

	div.error input {
		border-color: #f00;
	}

	p.status {
		color: #fff;
		background-color: #60A454;
		padding: 5px 10px;
		border: solid 1px #c0c0c0;
		font-size: 14px;
	}

	.paginate {
		margin: 0em 0;
		font-size: 14px;
	}
	
		.paginate .pages {
			width: 300px;
			margin: 0 auto;
			display: block;
			text-align: center;
			padding-top: 15px;
		}
	
			.paginate .pages .active {
				font-size: 16px;
				background-color: inherit;
				border-bottom: solid 1px;
			}
	
		.paginate .previous {
			float: left;
			margin: 0;
			padding-top: 15px;
		}
	
		.paginate .newer {
			float: right;
			margin: 0;
		}
	
	div.post {
		padding-bottom: .5em;
	}

        div.post h3 {
            font-weight:500;
        }

	div.post h4, div.post h2 {
		margin-bottom: 0;
		font-size: 1.9em;
		font-family: "american typewriter", Tahoma, Arial, sans-serif;

		background-color: #fff;
		font-weight: 500 !important;
		margin-top: 1.1em;
		padding: 0;
		color: #2763a5 !important;
		border-bottom: 1.5px dotted #ececec;
		}

		div.post h4 a, div.post h2 a {
			color:  #2763a5 !important;
			background-color: inherit;
		}
			div.post h4 a:link, div.post h4 a:visited, div.post h2 a:link, div.post h2 a:visited {
				background-color: inherit;
				color: #2763a5;
}
			div.post h4 a:hover, div.post h4 a:active, div.post h2 a:hover, div.post h2 a:active {
				color: #151294 !important;		
			}

	div.post .date {
		margin: 0; 
	}

	div.post .meta {
		margin-top: 0;
		padding-top: 3px;
		font-size: 0.85em;
		color: #000 !important;
	}
	
		.meta a {
			color: #2763a5 !important;
			font-size:.95em;
		}

	.rss {
		background: url(/app/css/images/rss-icon.gif) no-repeat left center;
		padding-left: 18px;
	}

	.submit {
		margin-top: 1em;
	}
	

/*********************\
|  NAVIGATION STYLES  |
\*********************/

#menu{
	padding:0;
	margin:0;
	height: 32px;
    display:inline;
	font-size:13.5px;
}

#menu li{
	position: relative;
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
	border: 1px solid #4b4b4b;
	border-left: 0;
}

	#menu li#searchBox {
	    padding:7px 0px 0 10px;
	    height:25px;
		border-right:0;
		background: rgba(55, 55, 55, 0.6);`	
	}

	#menu li a{
		padding: 0 10px;
		height: 32px;
		display: block;
		text-decoration:none;
		text-align: left;
		line-height: 32px;
		background: rgba(55, 55, 55, 0.6);
		color: white;
	} 
	
		#menu li a:hover{
			background: rgba(130, 150, 199, .4);
			color: #101c51;
		} 
		
		#menu li a.drop:hover {
			cursor: default;
		}

#menu ul{
	padding:0;
	margin:0;
	height: 32px;
	display: inline;

}

	#menu ul:first-of-type li:first-of-type {
		border-left: 1px solid #4b4b4b;
}
	
	#menu ul li:hover ul{
		visibility:visible;
	} 
	
		#menu ul li:hover ul li a{
			background: #414141;
		}
		
			#menu ul li:hover ul li:hover a{
				background: #5b6377;
				color: #101c51;
			}

	#menu ul ul{
		position: absolute;
		top: 32px;
                left:-1px;
		visibility: hidden;
	} 
	
		#menu ul ul li {
			width: 130px;
		}

		#menu ul li ul li:last-of-type {
			border: 1px solid #4b4b4b;
			border-top: 0;
			border-bottom-left-radius:2px;
			border-bottom-right-radius:2px;
		}

#rss-icon {
	float: left;
	display: block;
	width:12px;
	height:12px;
	margin:10px 1px 0 3px !important;
	background: url(/app/css/images/rss-icon.png) 0 0px no-repeat;
	text-indent: -9999px;	
}

	#rss-icon:hover {
		background: transparent url(/app/css/images/rss-icon.png) 0px 12px;
	}

#search-icon {
	float: left;
	display: block;
	margin: 2px 1px 0 0px;
	padding: 0;
	width: 16px;
	height: 14px;
	background: url(/app/css/images/search.png) 0 -14px no-repeat;
	text-indent: -9999px;	
}

	#search-icon:hover {
		background: transparent url(/app/css/images/search.png) 0px 0px;
		cursor: pointer;
	}

	#search-icon[type=submit] {
		border: 0;
	}

#textField {
	border: 1px solid #BFBFBF;
	width: 84px;
	float: left;
	height: 12px;
	padding: 0px 0 0px 0px;
	margin: 2px 0 2px 0;
	background: #fff;
	border-right:0;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}

#topNav{
	font-size: 13.5px;
	height: 50px;
	width: 750px;
	background: url(/app/css/images/robertBrink-writer2.jpg) 0 0 no-repeat;
	padding: 0;
	margin:-2px 0 0 0;
}
			
#twitter-icon {
	float: left;
	display: block;
	width:18px;
	height:12px;
	margin:10px 1px 0 4px !important;
	background: url(/app/css/images/twitter-bird.png) 0 0px no-repeat;
	text-indent: -9999px;	
}

	#twitter-icon:hover {
		background: transparent url(/app/css/images/twitter-bird.png) 0px -13px;
	}


#youtube-icon {
	float: left;
	display: block;
	width:12px;
	height:12px;
	background: url(/app/css/images/youtube-12x24.png) 0 -12px no-repeat;
	text-indent: -9999px;	
}

	#youtube-icon:hover {
		background: transparent url(http://robbrink.com/app/css/images/youtube-12x24.png) 0px 0px;
		width:12px;
		height:12px;
	}

#socialLinks {
	height:32px;
	border: 1px solid #4b4b4b;
	border-left:0;
	float:left;
	background: rgba(55, 55, 55, 0.6);
	padding:0 5px 0 0;
}

	#socialLinks a { 
		margin:10px 2px 0 2px;
	}


#header h1 a {
	display: block;
	height: 250px;
	padding: 0;
	margin: 0;
	color: inherit;
	background: url(/app/css/images/bw-header-top.jpg) no-repeat left top;
	border-bottom: 0px solid #303561;
	text-indent: -9999px;
}

#robbrink {
	color:#fff;
	border:0;
	background:transparent;
	font-size:25px;
	height:10px;
	margin:0; 
	padding: 2px 0 0 13px
}

#robbrink, #writer {
	float:left;
	display:inline;
	font-weight:400;
}

#writer {
	padding:10px 0 0 15px;
	margin:0; 
	border:0; 
	color:#fff; 
	background:transparent; 
	font-size:16px; 
}

#menuHolder {
	float:right;
	padding: 8px 0 0 0;
}

#robertBrink { float:left;}

#subnavigation, #archives, #search {
	display: none;
}