/*
Theme Name: Not For Bots
Theme URI: http://notforbots.com/
Description: Custom theme for Not For Bots
Version: 1.0
Author: Kunal Patel & Carlos Noguera
Author URI: http://notforbots.com/
Tags: notforbots, kunal patel, carlos noguera, workwisehosting
*/

/*
Color Guide
Black: #000;
Sienna: #E6451C;
*/

html,
body {
	background:#FFFFFF url(images/background.png);
	font-family:"Arial", "Helvetica", sans-serif;
	color:#000000;
}
	div.container {
		position:relative;
		margin:0px auto;
		width:974px;
	}
	.inner {
		background:#FFFFFF;
		padding-left:14px;
		padding-right:14px;
		overflow:auto;
	}
	div.top-bevel {
		height:0px;
		line-height:0em;
		font-size:0em;
		border-bottom:7px solid #FFFFFF;
		border-left:7px solid transparent;
		border-right:7px solid transparent;
	}
	div.bottom-bevel {
		height:0px;
		line-height:0em;
		font-size:0em;
		border-top:7px solid #FFFFFF;
		border-left:7px solid transparent;
		border-right:7px solid transparent;
	}
		div#header {
			width:974px;
			height:106px;
			overflow:auto;
		}
			div#header div.inner {
				overflow:hidden;
				padding-top:56px;
				height:43px;
			}
				div#header div.inner a#logo {
					display:block;
					float:left;
					font-size:3.6em;
					text-decoration:none;
					color:#000000;
				}
					div#header div.inner a#logo:hover {
						color:#E6451C;
					}
				div#header div.inner ul#nav {
					margin:0px;
					padding-top:6px;
					float:right;
				}
					div#header div.inner ul#nav li {
						background:#000000;
						margin-left:14px;
						float:left;
					}
						div#header div.inner ul#nav li a {
							display:block;
							width:146px;
							height:28px;
							line-height:28px;
							font-size:1.6em;
							font-weight:bold;
							text-indent:12px;
							text-decoration:none;
							color:#FFFFFF;
						}
							div#header div.inner ul#nav li a:hover {
								background:#E6451C;
							}
		div#main {
			width:974px;
		}
			div#main div.project {
			}
			div#main div.project.what {
				margin-top:1px;
			}
				div#main div.project.what div.inner {
					height:76px;
				}
					div#main div.project.what div.inner h1.site-what {
						margin:0px;
						padding:0px;
						height:76px;
						line-height:76px;
						float:left;
						font-size:2em;
						text-transform:uppercase;
					}
					div#main div.project.what div.inner span.site-caption {
						display:block;
						padding-top:14px;
						padding-left:318px;
						padding-right:0px;
						font-size:1.5em;
					}
			div#main div.project.main {
				position:relative;
				margin-top:7px;
			}
				div#main div.project.main a#project-prev {
					position:absolute;
					top:0px;
					left:0px;
					margin-top:160px;
					margin-left:-38px;
				}
				div#main div.project.main a#project-next {
					position:absolute;
					top:0px;
					right:0px;
					margin-top:160px;
					margin-right:-38px;
				}
				div#main div.project.main ul#projects {
					margin:0px;
					padding:0px;
					height:365px;
					list-style:none;
					overflow:hidden;
				}
					div#main div.project.main ul#projects li {
						
					}
						div#main div.project.main ul#projects li div.inner {
							height:351px;
						}
							div#main div.project.main ul#projects li div.inner div.col {
								position:relative;
								float:left;
							}
							div#main div.project.main ul#projects li div.inner div.col.left {
								padding-right:92px;
								width:228px;
								height:351px;
							}
								div#main div.project.main ul#projects li div.inner div.col.left h1.project-title {
									margin:0px;
									padding-top:16px;
									padding-bottom:6px;
									font-size:2em;
									text-transform:uppercase;
								}
								div#main div.project.main ul#projects li div.inner div.col.left span.project-caption {
									font-size:1.5em;
									font-style:italic;
								}
								div#main div.project.main ul#projects li div.inner div.col.left div.project-what {
									padding-top:18px;
								}
									div#main div.project.main ul#projects li div.inner div.col.left div.project-what p {
										line-height:1.5em;
									}
								div#main div.project.main ul#projects li div.inner div.col.left p.project-package {
									padding-top:16px;
									padding-bottom:50px;
								}
								div#main div.project.main ul#projects li div.inner div.col.left div.buttons {
									position:absolute;
									bottom:0px;
									margin-bottom:24px;
									height:24px;
								}
									div#main div.project.main ul#projects li div.inner div.col.left div.buttons a.button {
										display:block;
										background:#000000;
										margin-right:14px;
										width:106px;
										height:24px;
										line-height:24px;
										float:left;
										font-size:1.167em;
										font-weight:bold;
										text-indent:12px;
										text-decoration:none;
										color:#FFFFFF;
									}
										div#main div.project.main ul#projects li div.inner div.col.left div.buttons a.button:hover {
											background:#E6451C;
										}
							div#main div.project.main ul#projects li div.inner div.col.right {
								margin-top:12px;
								width:624px;
								border:1px solid #000000;
							}
								div#main div.project.main ul#projects li div.inner div.col.right img {
									display:block;
									width:624px;
								}
			div#main div.project.list {
				margin-top:7px;
			}
				div#main div.project.list div.inner {
					height:265px;
				}
					div#main div.project.list div.inner h1.site-what {
						margin:0px;
						padding:0px;
						height:76px;
						line-height:76px;
						float:left;
						font-size:2em;
						text-transform:uppercase;
					}
					div#main div.project.list div.inner span.project-caption {
						display:block;
						padding-top:14px;
						padding-left:318px;
						padding-right:0px;
						font-size:1.5em;
					}
					div#main div.project.list div.inner ul#project-thumbnails {
						margin-top:34px;
						margin-bottom:0px;
						margin-left:0px;
						margin-right:0px;
						padding-left:320px;
						height:168px;
						list-style:none;
					}
						div#main div.project.list div.inner ul#project-thumbnails li {
							margin-left:14px;
							width:146px;
							height:168px;
							float:left;
							overflow:hidden;
						}
						div#main div.project.list div.inner ul#project-thumbnails li:first-child,
						div#main div.project.list div.inner ul#project-thumbnails li.first-child {
							margin-left:0px;
						}
							div#main div.project.list div.inner ul#project-thumbnails li a.project-thumbnail {
								display:block;
								width:146px;
								height:146px;
								overflow:hidden;
							}
								div#main div.project.list div.inner ul#project-thumbnails li a.project-thumbnail img {
									width:144px;
									height:144px;
									border:1px dotted #000000;
								}
								div#main div.project.list div.inner ul#project-thumbnails li a.project-thumbnail:hover img,
								div#main div.project.list div.inner ul#project-thumbnails li a.project-thumbnail img.current {
									border:1px solid #E6451C;
								}
							div#main div.project.list div.inner ul#project-thumbnails li a.project-thumbnail-title {
								display:block;
								margin-top:12px;
								height:9px;
								line-height:9px;
								text-decoration:none;
								text-transform:uppercase;
								font-family:"Arial", sans-serif;
								color:#000000;
							}
		div#footer {
			margin-top:7px;
			width:974px;
		}
			div#footer div.inner {
				height:160px;
			}
			/* Footer Additions */
				div#footer div.inner.heading {
					height:76px;
				}
					/* Footer font size and line height should match .project .what
					No idea why it isn't at the moment. */
					div#footer div.inner.heading h1.footer-title {
						margin:0px;
						height:76px;
						line-height:76px;
						float:left;
						font-size:2em;
						text-transform:uppercase;
					}
					div#footer div.inner.heading span.footer-caption {
						display:block;
						padding-top:14px;
						padding-left:320px;
						font-size:1.5em;
					}

/* Additions */
/* Designed for Project pod but should be reusable for other page-types */
		div#main div.project.what div.inner a#project-prev {
			position:absolute;
			top:0px;
			left:0px;
			margin-top:138px;
			margin-left:-38px;
		}
		div#main div.project.what div.inner a#project-next {
			position:absolute;
			top:0px;
			right:0px;
			margin-top:138px;
			margin-right:-38px;
		}
			div#main div.project.what div.inner span#project-link {
				display:block;
				padding-top:14px;
				padding-left:320px;
				font-size:1em;
				text-transform:uppercase;
			}
			div#main div.section {
				margin-top:2px;
			}
				div#main div.section div.inner.heading {
					height:76px;
					cursor:pointer;
				}
					/* My attempt at adding arrows back in */
					/*div#main div.section div.inner.heading span.ui-icon {
						height:26px;
						width:26px;
					}
						div#main div.section div.inner.heading span.ui-icon.ui-icon-triangle-1-s {
							background: url('images/arrow-down-small.png') 0 0 no-repeat;
						}
						div#main div.section div.inner.heading span.ui-icon.ui-icon-triangle-1-e {
							background: url('images/arrow-right-small.png') 0 0 no-repeat;
						}*/
					div#main div.section div.inner.heading h1.section-title {
						margin:0px;
						padding-left:0px;
						height:76px;
						line-height:76px;
						float:left;
						font-size:2em;
						/*text-transform:uppercase;*/
					}
					div#main div#accordion div.section div.inner.heading h1.section-title {
						margin:0px;
						padding-left:26px;
						height:76px;
						line-height:76px;
						float:left;
						font-size:2em;
						/*text-transform:uppercase;*/
					}
					div#main div.section div.inner.heading span.section-caption {
						display:block;
						padding-top:14px;
						padding-left:320px;
						padding-right:54px;
						font-size:1.5em;
					}
				div#main div.section div.inner.content {
					/* Height needs to be variable with content */
					overflow:auto;
					height:auto;
					width:946px;
					padding-bottom:19px;
				}
					div#main div.project.main ul#projects li div.inner.content div.col {
						position:relative;
						/*float:left;*/
					}
					div#main div.section div.inner.content div.col.left {
						float:left;
						width:266px;
						padding-left:0px;
						padding-right:54px;
					}
					div#main div#accordion div.section div.inner.content div.col.left {
						float:left;
						width:240px;
						padding-left:26px;
						padding-right:54px;
					}
						div#main div.section div.inner.content div.col.left ul.references {
							margin:0;
							font-size:0.75em;
							list-style-type:none;
						}
					div#main div.section div.inner.content div.col.right {
						margin-left:320px;
						padding-right:40px;
					}
						div#main div.section div.inner.content div.col.right div.section-slideshow {
							height:293px;
							padding-bottom:20px;
						}
							div#main div.section div.inner.content div.col.right div.section-slideshow img {
								width:586px;
								height:293px;
							}
						/* Set larger width to trick columnizer plugin */
						div#main div.section div.inner.content div.col.right div.columns {
							width:610px;
						}
						div#main div.section div.inner.content div.col.right p {
							font-size:0.85em;
							line-height:1.3;
						}
							div#main div.section div.inner.content div.col.right .first p {
								padding-right:20px;
							}
							div#main div.section div.inner.content div.col.right .last p {
								float: right;
								padding-left:20px;
							}