/************* GENERAL STYLES ***/
* { margin: 0; padding: 0; }

html, body {
	text-align: center;
	font-size: 11px;
	font-family: verdana, arial, sans-serif;
	color: #444;
	background: url(http://www.robbclarke.com/new-images/bg.jpg) top left repeat-x #fff; }

	@font-face {
	font-family: Trajan;
	src: url(../fonts/TrajanPro-Regular.otf); }

	/*** FONT STYLES ***/	
	h1 { 
		font-size: 30px; 
		font-weight: bold;
		font-style: italic;
		color: #ff8a00;
		margin: 10px 0 10px 0; }
		

	h2 { 
		font-size: 17px; 
		font-weight: normal;
		margin: 0;
		color: #ff8a00; }
		
		#content h2 { margin: 0 0 10px 0; }
		
	h3 { 
		font-size: 15px; 
		font-weight: normal;
		color: #ff8a00;
		text-align: left; }
		
		#content h3 {
			color: #1d1d1d;
			margin: 0 0 5px 0; }
		
	h4 { 
		font-size: 15px; 
		font-weight: normal;
		color: #ff8a00;
		text-align: left; }
		
		h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
			text-decoration: none; }

	h5 { 
		font-size: 20px; 
		font-weight: normal;
		color: #ff8a00;
		width: 100%;
		border-bottom: 1px dashed #ff8a00;
		margin: 10px 0;
		padding: 0 0 10px 0; }
		
		#content h5 {
			font-size: 13px;
			font-weight: bold;
			color: #1d1d1d;
			border-bottom: none;
			margin: 0;
			padding: 0;
			text-shadow: none; }
			
	h6 {
		font-family: Trajan, "Times New Roman";
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		font-size: 16px;
		font-style: italic;
		margin: 20px 0 0 0;
		font-weight: normal; }

	a:link, a:visited {
		color: #ff8a00;
		text-decoration: none; }
		
	a:hover { text-decoration: underline; }

	a img { border: none; }
	
	p { 
		margin-bottom: 16px;
		line-height: 18px; }
	
	a:focus, a:hover, a:active { outline:none; }

	em { font-weight: bold; }


/************* STRUCTURE STYLES ***/
#wrapper {
	width: 950px;
	margin: 0 auto; }

	/*** NAVIGATION ***/
	ul#nav { 
		width: 950px;
		height: 177px;
		float: left;
		list-style: none; }
		
		ul#nav li { 
			float: left; 
			height: 177px; }
			
			ul#nav li h1 { text-indent: -99999px; }
			
			ul#nav li a.home {
				width: 102px;
				height: 177px;
				display: block;
				text-indent: -99999px;
				background: url(http://www.robbclarke.com/new-images/nav_02_home.jpg) top left no-repeat; }
				
			ul#nav li a.about {
				width: 99px;
				height: 177px;
				display: block;
				text-indent: -99999px;
				background: url(http://www.robbclarke.com/new-images/nav_03_about.jpg) top left no-repeat; }
				
			ul#nav li a.services {
				width: 116px;
				height: 177px;
				display: block;
				text-indent: -99999px;
				background: url(http://www.robbclarke.com/new-images/nav_04_services.jpg) top left no-repeat; }
				
			ul#nav li a.news {
				width: 89px;
				height: 177px;
				display: block;
				text-indent: -99999px;
				background: url(http://www.robbclarke.com/new-images/nav_05_news.jpg) top left no-repeat; }
				
			ul#nav li a.contact {
				width: 146px;
				height: 177px;
				display: block;
				text-indent: -99999px;
				background: url(http://www.robbclarke.com/new-images/nav_06_contact.jpg) top left no-repeat; }
				
				ul#nav li a:hover { background-position: bottom left; }	

	/*** CONTENT WRAPPER ***/
	#contentWrapper {
		width: 930px;
		padding: 0 10px;
		float: left;
		background: #fff;
		text-align: left; }
		
		#blogcontent {
			width: 600px;
			float: left;
			text-align: left; }
			
			/*** BLOG POST TITLES INDEX.PHP ***/
			#title {
				width: 610px;
				margin: 0;
				float: left; }
				
			h2.title, h2.page { 
				font-size: 24px;
				font-family: "Trajan Pro", trajan, "Times New Roman";
				font-weight: bold;
				font-style: italic;
				color: #ff8a00;
				margin: 10px 0 10px 0; }
				
				h2.title a, h2.page a  {
					color: #ff8a00; }

			h2.coding { 
				color: #fff;
				font-style: italic;
				background: #ff8a00;
				padding: 5px 10px;
				width: 580px;
				font-size: 22px;
				float: left;
				text-shadow: 1px 1px 1px #003d54; }
				
				h2.coding a  {
					color: #fff; }
					
					#experience { float: left; }
					
					/*** BLOG POST DATE INDEX.PHP ***/
					p.date {
						font-size: 13px; 
						font-weight: bold;
						float: left;
						padding: 0 0 0 10px;
						width: 500px;
						height: 16px; }

			/*** MORE AFTER THE JUMP ***/
			p.jump { 
				margin: 10px 0 0 0;
				padding: 0 10px 0 0;
				width: 140px;
				background: url(http://www.robbclarke.com/siteicons/arrow.jpg) top right no-repeat;  }
			
			div.post {
				padding: 10px 0 10px 0; }
				
			div.postInner { padding: 10px 0 10px 0; }
				
			div.shim { margin: 10px 0 0 0; }
				
			div.navigation { margin: 20px 0 0 0; }
				
			#content li { margin: 0 0 5px 20px; }

		/*** POST STYLING ***/
		#content ul { margin: 0 0 20px 30px; }
				
			blockquote {
				background: url(images/blockquote.jpg) top left no-repeat;
				padding: 10px 30px 0 25px;
				width: 470px;
				margin: 10px 0 10px 30px;
				min-height: 30px; }
				
			#tag {
				width: 600px;
				float: left;
				padding: 15px 0; }
				
				#tag h3 {
					border-bottom: none;
					border-top: none;
					float: none;
					margin: 0;
					padding: 0; }
					
			ul#share {
				padding: 15px 0 0 0;
				border-top: 1px solid #ccc;
				float: left;
				width: 600px;
				margin: 10px 0 0 0;
				list-style: none; }
				
				ul#share li {
					margin: 0 10px 5px 0;
					height: 16px;
					line-height: 16px;
					float: left; }
				
				ul#share h2 {
					border-bottom: 1px solid #ccc;
					margin: 0 0 10px 0;
					padding: 0 0 10px 0; }
			
			/*** ABOUT AUTHOR ***/		
			#aboutAuthor {
				float: left;
				width: 600px; }
				
				#aboutAuthor h2 {
					border-bottom: 1px solid #ccc;
					border-top: 1px solid #ccc;
					margin: 10px 0 10px 0;
					padding: 10px 0 10px 0; }
				
			pre { margin: -10px 0 10px 0; }	

		/*** SIDEBAR ***/
		#sidebar {
			width: 290px;
			padding: 10px 20px 0 10px;
			float: left; }
			
			#findOnline {
				width: 290px;
				padding: 0 0 10px 0; }
				
				#findOnline img { margin: 0 5px 0 0; }
			
			#sidebar a { color: #1d1d1d; }
			
			#sidebar ul {
				list-style: none;
				margin: 0 0 10px 0;
				padding: 0 0 10px 0; }
				
				#sidebar ul li {
					margin: 0 0 5px 0; }
	
			h2.widgettitle { 
				font-size: 24px;
				font-family: "Trajan Pro", trajan, "Times New Roman";
				font-weight: bold;
				font-style: italic;
				color: #ff8a00;
				margin: 10px 0 10px 0; }
				
				/*** ICONS FOR SIDEBAR ***/
				li#recent-posts-3 ul li {
					background: url(http://www.robbclarke.com/icons/note.jpg) top left no-repeat;
					padding: 0 0 0 20px; }
					
					li#recent-posts-3 ul li:first-child {
					background: url(http://www.robbclarke.com/icons/new.jpg) top left no-repeat;
					padding: 0 0 0 20px; }
					
				li#meta-3 ul li {
					background: url(http://www.robbclarke.com/icons/user.jpg) top left no-repeat;
					padding: 0 0 0 20px; }
					
				li#archives-3 ul li {
					background: url(http://www.robbclarke.com/icons/folder.jpg) top left no-repeat;
					padding: 0 0 0 20px; }
					
				li#categories-3 ul li {
					background: url(http://www.robbclarke.com/icons/package.jpg) top left no-repeat;
					padding: 0 0 0 20px; }
	
/*** FOOTER ***/
#footer {
	margin: 20px 0 0 0;
	width: 100%;
	height: 177px;
	float: left;
	text-align: left;
	background: url(http://www.robbclarke.com/new-images/bg.jpg) repeat; }
	
	#footerWrapper {
		width: 950px;
		margin: 0 auto; }
		
		#footerWrapper div.column p {
			color: #fff;
			text-shadow: 1px 1px 1px #000;
			margin: 10px 0 0 0; }
		
		ul#contact {
			list-style: none;
			margin: 0;
			width: 296px; }
			
			ul#contact li {
				width: 148px;
				float: left;
				color: #000;
				margin: 15px 0 0 0; }
				
				ul#contact li a {
					color: #fff;
					text-decoration: none;
					text-shadow: 1px 1px 1px #000; }
					
		ul#sharing {
			list-style: none;
			margin: 0;
			width: 296px; }
			
			ul#sharing li {
				width: 148px;
				float: left;
				color: #000;
				margin: 15px 0 0 0; }
				
				ul#sharing li a {
					color: #fff;
					text-decoration: none;
					text-shadow: 1px 1px 1px #000; }
								
	/*** MY EXPERIENCE STYLES ***/
	#content h3.donow { 
		background: url(http://www.robbclarke.com/siteicons/briefcase.jpg) top left no-repeat;
		padding: 0 0 5px 40px;
		height: 32px;
		line-height: 32px;
		font-size: 24px;
		border-bottom: 2px solid #ebeaea; }
		
	#content h3.programs { 
		background: url(http://www.robbclarke.com/siteicons/monitor.jpg) top left no-repeat;
		padding: 0 0 5px 40px;
		height: 32px;
		line-height: 32px;
		font-size: 24px;
		margin: 40px 0 0 0;
		border-bottom: 2px solid #ebeaea; }
		
	#content h3.languages { 
		background: url(http://www.robbclarke.com/siteicons/gear.jpg) top left no-repeat;
		padding: 0 0 5px 40px;
		height: 32px;
		line-height: 32px;
		font-size: 24px;
		margin: 40px 0 0 0;
		border-bottom: 2px solid #ebeaea; }
		
	#content h3.school { 
		background: url(http://www.robbclarke.com/siteicons/globe.jpg) top left no-repeat;
		padding: 0 0 5px 40px;
		height: 32px;
		line-height: 32px;
		font-size: 24px;
		margin: 40px 0 0 0;
		border-bottom: 2px solid #ebeaea; }
		
	#content h3.written { 
		background: url(http://www.robbclarke.com/siteicons/cv.jpg) top left no-repeat;
		padding: 0 0 5px 40px;
		height: 32px;
		line-height: 32px;
		font-size: 24px;
		margin: 40px 0 0 0;
		border-bottom: 2px solid #ebeaea; }

	/*** MY WORK STYLES ***/
	#contentWork {
		width: 610px;
		float: left;
		text-align: left; }
		
		#carousel, #wrap, div.jcarousel-skin-tango, #mycarousel { float: left; }
		
		#wrap {
			float: left; }
			
		ul#carousel { 
			margin: 0; 
			padding: 0;
			float: left; }
			
		ul#carousel li { margin: 0; padding: 0; }
		
		#contentWork h2 { text-align: left; }
		
		div.workImage {
			width: 500px;
			height: 300px;
			float: left; }
			
		div.workDetail {
			width: 500px;
			text-align: justify;
			height: 300px;
			float: left; }
			
		h2.worktitle {
			padding: 10px 0 0 0; }

	/*** CONTACT PAGE STYLES ***/
	#contactLeft {
		float: left;
		width: 290px; }
		
	#contactRight {
		float: left;
		width: 290px; }
		
	/*** COMMENTS ***/
	#respond { float: left; }
	
	ol.commentlist {
		margin: 0;
		list-style: none;
		padding: 0; }
		
		ol.commentlist li {
			margin: 0;
			padding: 0; }

	#respond h3.comments { 
		float: left;
		border-bottom: 1px solid #ccc;
		border-top: 1px solid #ccc;
		margin: 10px 0 10px 0;
		padding: 10px 0 10px 0;
		width: 610px;
		font-size: 17px; 
		font-weight: normal;
		color: #ff8a00; }
	
	div.comment-body {
		background: url(http://www.robbclarke.com/images/commentbg.jpg) top left no-repeat;
		padding: 20px 20px 10px 40px;
		width: 440px;
		float: left;
		margin: 0 0 10px 0; }

	p.logged { 
		width: 500px;
		float: left; }
		
	div.comment-author {
		color: #fff;
		font-style: italic;
		background: #ff8a00;
		width: 430px;
		height: 32px;
		float: left;
		line-height: 32px;
		font-size: 15px;
		padding: 0 0 0 10px;
		text-shadow: 1px 1px 1px #003d54; }
		
		div.comment-author img { float: right; }
		
		div.vcard a {
			color: #fff;
			text-decoration: none; }
			
		div.navlinks { float: left; }

/*** TWITTER FOLLOW ***/
#twitterFollow {
	width: 111px;
	height: 117px;
	position: fixed;
	top: 0px;
	right: 0px; }

	
	/*** GENERAL FORM STYLES ***/
	form {}
	
		form fieldset { border: none; }
		
			form fieldset ol,
			form fieldset ul { list-style: none; }
			
		form input,
		form select,
		form textarea,
		form button { 
			font-size: 11px;
			padding: 5px 10px;
			border: 1px solid #ccc;
			background: #fff;
			width: 400px;
			font-family: "Century Gothic", verdana, arial, sans-serif; }		

/*** CLEARFIX ***/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } /* SAFARI FIX */

* html .clearfix { height: 1%; } /* IE6 FIX */