/*  
Theme Name: Rubicore
Theme URI: http://rubicore.com
Description: A theme for my sites
Version: 1.0
Author:Jason Sypher
Author URI: http://rubicore.com

*/

/* tag based style*/
* {
	margin: 0;
	padding: 0; }

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	background: #EEEEEE;
	color: #333333; 
	text-align: center; }

a {
	color: #4F6A7F;
	text-decoration: none; }
	
	a:hover {
		text-decoration: underline; }

h { }

	h1 {
		font-size: 20px; }
	
	h2 {
		font-size: 11px;
		margin: 20px 0 0 0; }
	
	h3 {
		font-size: 11px; }

p {
	margin: 1em 0;
	line-height: 15px; }

ul {
	list-style: none;
	margin: 0 0 0 -12px;
	line-height: 16px; }
	
	ul li {
		padding-left: 12px; }

blockquote{
	padding: 0px 0px 0px 30px;
}

/* id based style */
#container {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	width: 756px;
	overflow:auto;
	border-top:none;
	padding: 0px 10px;
	text-align: left;
	margin: 0 auto; }
	
	#header {
		position: relative;
		height: 40px;
		background: #333333;
		border-top: 7px solid #4F6A7F; }

		#header div {
			border-top: 1px solid #FFFFFF; }

		#logo { }
	
			#logo-r{
				color:#ffffff;
				font-weight:bold;
				position: absolute;
				display:inline;
				top: -5px;
				left:-13px;
				font-size:50px; }

			#logo-suffix {
				color:#ffffff;
				font-weight:bold;
				position: absolute;
				display:inline;
				top: -1px;
				left:19px;
				font-size:49px;
				letter-spacing: -0.09em
			}


			#subtitle {
				color:#FFFFFF;
				position: absolute;
				font-weight:bold;
				top:2px;
				left:90px; }

		#nav {
			position: absolute;
			top:-1px;
			right: 0px;
			width:255px;
			height:17px;
			color:#FFFFFF;
			background:#4F6A7F;
			border-bottom: 1px solid #FFFFFF;
			border-left:1px solid #FFFFFF;
			border-top: 1px solid #4F6A7F;
			text-align:center; }
	
			#nav a{
				padding-left:10px;
				padding-right:10px;
				color:#FFFFFF; }
		
		#content {
			width: 483px;
			float: left;
			margin: 20px 0;
			padding-left: 10px; }
			
			.me{
				margin-top:2px;
				margin-right:5px;
				height:60px;
				width:60px;
				
			}
			
			.post {
				 } 
				
			.post h1 {
				display:inline; }
			
			.comment-box {
				background:#f5f5f5;
				border:1px dotted #CCCCCC; }
			
			.graybox{
				list-style:none;
				background:#f5f5f5;
				border:1px dotted #CCCCCC;
				padding:10px 10px 10px 10px;
				margin-bottom:2px; }
			
			.graybox .frm-tbl{
				border:1px dotted #CCCCCC;}
			
			.graybox a:link{
				text-decoration:underline;}
			
			.red{
				color:red;}
			
			.button{
				color:#FFFFFF;
				background-color: #4F7B9F;}
			
			
			.project { }
			
				.project td {
					vertical-align:top; }

					.project td img {
						border:0; }
			
			 	#screenshots {
					text-align:center;}
			
			.errorExplanation{
				color:#C00C00; 
				list-style:none;
				background:#f5f5f5;
				border:1px dotted #CCCCCC;
				padding:10px 10px 10px 10px;
				margin-bottom:2px;}
				
				
		#sidebar {
				width: 250px;
				margin: 20px 0 15px 503px; }
			
			#sidebar .sidebar-node {
				margin-top: 20px;
				border-top: 1px dotted #CCCCCC;
				padding: 10px 5px 0 5px; }
			
			#sidebar .sidebar-node h2 {
				margin: 0 0 15px 0;
				line-height: 1em; }


			#sidebar #syndication img {
					padding-right:5px;
					border:0px; 
					vertical-align:middle;}
					
			#gads {
				text-align: center;
			}
					
			/* for styling flickr pics*/
			#flickr {
				padding-top:5px;}

			#flickr h3{
				padding-bottom:5px;}

			#flickr div a img{
				border:1px solid #CCCCCC;
				width:58px;
				height:58px;}

			#flickr div.flickr_badge_image{
				display:inline;}
			
	#footer {
		color: #777777;
		margin: 5px; }
	
		#footer p{
			margin:0 0; }