/* =================================================

Theme Name: TI
Description: 
Version: 1.0
Author: Steven Gibbons
Author URI: http://www.sgibbons.co.uk/

================================================= */


/*-------------------------------------------------
BUSINESS LOGIC (body and basic elements)
-------------------------------------------------*/
html{height:100.1%;  width: 100%;}
html,body,div,dl,dt,dd,p,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,blockquote,table,tr,th,td,img { margin: 0; padding: 0;  border: 0; }
body { font-family: Arial, Helvetica, sans-serif;  font-size:12px ; color:#000; margin: 0; background-color:#FFF; overflow-x: hidden!important; }
table,tr,td { border: 0;  vertical-align: top left; }
a, a:hover {cursor:pointer;}
img {border:none;}


/*-------------------------------------------------
FLOATS + CLEARS
-------------------------------------------------*/
.clearfloat { clear:both;  height:0; font-size: 1px; line-height: 0px; }

/*-------------------------------------------------
CONTAINER
-------------------------------------------------*/

#container{
	width:1111px;
	background:#;
	margin:80px auto 60px auto;
	padding:auto auto 60px auto;	
}

/*-------------------------------------------------
GERNERAL STYLE
-------------------------------------------------*/
.gerneral {
	font-family:Courier;
	
}

/*-------------------------------------------------
COLUMN
-------------------------------------------------*/
.columnleft{
	width:200px;
	height: 100%;
	float:left;	
}
.columnright{
	width:900px;
	float:left;
	background:#FFF;
	padding-bottom:20px;
	padding-left:10px;
	border-left:1px dashed #CCC;
}
.gerneral h1 {
	color:#000;
	font-weight:bold;
	text-transform:uppercase;
	font-size:11px;
}	
.gerneral h2 {
	color:#999;
	font-weight:normal;
	text-transform:uppercase;
	font-size:11px;
	
}	
.gerneral h3 {
	color:#999;
	font-weight:normal;
	text-transform:uppercase;
	font-size:11px;
	padding:0px 5px 10px 0px;
	
	
}
.gerneral p {
	color:#000;
	font-size:11px;
	padding:0px 5px 5px 0px;

}
.gerneral p2 {
	color:#000;
	font-weight:bold;
	font-size:11px;
}
.gerneral p3 {
	color:#000;
	font-weight:normal;
	font-size:11px;
}
.gerneral a {
	color:#000;
	font-size:11px;
	text-decoration:underline;
	text-transform:uppercase;
}
.gerneral a:active {
	color:#00ff00;
	background: #999;
	text-decoration:none;
}
.gerneral a:hover {
	color:#FFF;
	background: #1C1C1C;
	text-decoration:none;
}

ul {
	list-style:none;
	padding:0px 5px 5px 0px;
}
.gerneral2 a {
	color:#999;
	font-size:11px;
	text-decoration:underline;
	text-transform:uppercase;
}
.gerneral2 a:hover {
	color:#FFF;
	background: #00FF00;
	text-decoration:none;
}
.newsend {
	margin: 5px 0 10px 0;
	padding-top:5px;
	border-bottom:1px dashed #CCC;	

}
/*-------------------------------------------------
IMAGES
-------------------------------------------------*/
.img1{
	padding-bottom:5px;
}

.swf1{
	padding-bottom:5px;
	
}


/*-------------------------------------------------
FLCIKR
-------------------------------------------------*/
.thumbnails ul li {display:block; float:left; padding:0px 0px 0px 0px;}  
.thumbnails ul li a {background:#FFFFFF; display:block;}  
.thumbnails ul li a img {opacity:1;}  
.thumbnails ul li a:hover img {opacity:0.5;}

.thumbnails ul li {display:inline;}  
.thumbnails ul li a img {filter:alpha(opacity=90);}  
.thumbnails ul li a:hover img {filter:alpha(opacity=100);}


div#flickr ul { margin: 0; width: 900px!important; clear: left; }
div#flickr ul li { float: left; margin: 0 5px 5px 0; }
div#flickr ul li a img { width: 75px!important; height: 75px!important; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}



.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix {height: 1%;}




/* =================  Added by Steven 31-05-09 ================= */

div.columnright div.gerneral h3 p2 a { text-decoration: none; }
div.columnright div.gerneral ul li.p2 a {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Courier;
}
div.columnright div.gerneral ul li.p2 a:hover { color: #FFFFFF; }
div.columnright div.gerneral p { margin: 0 0 5px 0; }
div.columnright div.gerneral p.data { margin: 5px 0; }

div.columnleft div.gerneral ul..gerneral2 li a {
	color:#999;
	font-size:11px;
	text-decoration:underline;
	text-transform:uppercase;
}
div.columnleft div.gerneral ul..gerneral2 li a:hover {
	color:#FFF;
	background: #00FF00;
	text-decoration:none;
}
div.alignleft { float: left; }
div.alignright { float: right; }
div.spacer { height: 30px; }


