/*Style.css for JT-Online V2
Created Spring 2010
By Joseph Tinkler
*/

html,
	body {
		margin:0;
		padding:0;
		height:100%;
		font-family:"Century Gothic",Georgia,Serif;
	}
	
	#header {
		padding-top:65px;
		height:75px;
		background-image:url('http://jt-online.co.uk/assets/images/logo.gif');
		background-repeat:no-repeat;
	}
	h1{
	font-size:14px;
	color: #808080;
	}
	p.smallLink{
		text-align: Left;
		border:1px solid black;
		margin-left:50px;
		width:140px;
	}
	
	#nav{
			text-align:right;
		}
	#nav ul {margin: 0; padding: 0; 
			list-style-type: none; list-style-image: none; 
		}
	#nav li {
		display: inline; 
	}
	
	#box{
	background-color: #AED4E5;
	width: 100%;
	-moz-border-radius:3ex;
	-webkit-border-radius:3ex;
	}
	
	#box a{
	padding-left: 15px;
	margin-bottom: 15px;
	}
	
	#meta{
		font-size: 14px;
		width: 95%;
	}
	
	#meta img{
		border-width: 0px;
	}
	
	#comments{
		text-align: left;
		width:400px;
	}
	
	#commentsForm{
		width: 400px;
		/*border:1px solid black;*/
	}
	
	img{
	border:1px solid black;
	}
	
	div.projectDesc{
		width: 500px;
		height: 220px;
		background-color: #DBD4CC;
	}


	
	
	h2{
		text-align: center;
		font-weight: bold;
		font-size: large;
	}

	#container {
		width:90%;
		min-height:100%;
		position:center;
	}

	
   	div.sidefloat{ /* Container for the left and right floating text and images */
		width:99%;
		border-bottom: 25px;
		text-align: center;
	}
	
	div.left {
		float:left;
		text-align:left;
		width:45%;
		margin-right: 5%;
		height: 250px;
    }
    div.right {
		float:right;
		text-align:left;
		margin-left: 5%;
		width:45%;
		height: 250px;
   }
   
	#clear{
		clear:both;
	}
	
	/* Quote Bubble */
div.bubble {
	width: auto;
	margin-bottom: 24px;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(assets/images/tip.gif) no-repeat 20px 0;
	font-style: normal;
}
/* End Quote Bubble */
	
	#footer {
		/*position:absolute;*/
		position:float;
		bottom:0;
		font-size: small;
		width:100%;
		padding-top:20px;
		color:#D8D8D8;
	}