/* 
Theme Name: TechArt
Theme URI: http://www.techart.com.au/
Version: 2.2.1
Description: A Theme by Miles
Author: Miles McCusker
Author URI: http://www.techart.com.au/
*/
body {
margin:0 20px;
padding:0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 1.0em;
text-align:centre;
color:#29303B;
line-height:1.3em;
background:#00000F url(img/raphead.jpg) top repeat-x;
}
.alignright {
	float: right;
}

.alignleft {
	float: left;
}
a {
color: #006CB0;	
text-decoration:none;
}
a:visited {
color: #005083;
}
a:hover {
color: #000000;
text-decoration:underline;
}
input, textarea 
{
background: #F3F6ED;
border: #E1D6C6 1px solid;
}
#rap 
{
background:transparent url(img/bg_texture.jpg) repeat-y 10px;
position: relative;
left: auto;
width:920px;
margin:0px ;
padding:0px 0px;
text-align:centre;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 0.9em;
}
#header {
background:transparent url(img/techhead2.jpg) no-repeat top left; 	
height: 346px;
margin: 0 ;
width:800px;
padding:0 ;
border:#fc9 0px solid;
}
#main 
{
margin:0;
padding:0;
width:920px;
}
#content {
width:650px;
float:left;
padding:15px 5px 8px 25px;
margin:0;
overflow:hidden;
display:inline;
}
#wpg2content { 
background:transparent url(img/bg_texture.jpg) repeat-y 10px;
width:670px; 
float:left; 
padding:5px 5px 8px 8px; 
margin:0;  
display:inline; 
}
#sidebar {
width:212px;
float:right;
padding:0px 10px 10px 2px;
margin:0;
font-size:1em;
display:inline;
} 
#underline {
text-decoration: underline;
color: #168E38;
font-weight: bolder;
}
a img {
border: none;
}
acronym, abbr {
border-bottom: 1px dotted #0c6bf0;
}
acronym, abbr, span.caps {
cursor: help;
letter-spacing: .07em;
}
code {
font-size: 1em;
font-style: italic;
}
blockquote {
margin: 15px 30px 0 45px;
padding: 0 0 0 45px;
background: url(img/blockquote.gif) no-repeat left top;
font-style:italic;
}
cite {
font-size: 0.9em;
font-style: normal;
}
h3 {
margin: 0;
padding: 0;
font-size:1.3em;
}
p {
margin: 0 0 1em;
padding: 0;
line-height: 1.5em;
}
h1, h2, h3, h4 {
font-family:  Tahoma, Verdana, Arial, sans-serif;
font-weight: normal;
letter-spacing: 1px;
}
#header h1 
{
margin: 0;	
font-size: 30px;	
padding:0px 50px 5px;
text-align:left;	
}
#header h1 a 
{
color:#FFFFFF;
text-decoration:none;
}
#header h1 a:hover 
{
color:#F7F3ED;
}
#header #desc
{
font-weight:normal;
font-size:18px;
font-style: italic;
color:#330000;
text-align:left;
margin:0;
padding:0 0 0 50px;
font-family: Tahoma, Verdana, Arial, sans-serif;
}
#pagenav
{
list-style:none;
}
#sidebar h2 {
margin: 10px 5px;
padding:5px 10px 0px 70px;
font-size: 0.8em;
font-family:Comic-sans;
color: #FFFFFF;
text-align:right;
background: #AD238D url(img/side_bg.jpg) repeat-y top left;
height:32px;
}
#sidebar ul {
list-style-type: none;
padding: 0px;
margin: 0px;
font-family:Comic-sans;
font-size: 0.9em;
text-align:right;	
}
#sidebar ul li {
margin: 8px 10px 8px 5px;
padding: 0px 7px 0px 80px;
background: #2353B2 url(img/side2_bg.jpg) repeat-y top left;
}
ul#relevant li {
margin: 8px 10px 8px 5px;
padding: 0px 7px 0px 80px;
background: #257B57 url(img/side3_bg.jpg) repeat-y top left;
}
#sidebar ul li a {
padding: 4px 2px;
text-decoration: none;
border:none;
}
#sidebar ul li a:link {
color: #EFEFEF;	
}
#sidebar ul li a:visited {
color: #EFEFEF;	
}
#sidebar ul li a:hover, #sidebar ul li a:active {
color: #EF90EF;
}
li.current-cat a {
color: #FF0005;	
}
#sidebar ul li ul {
padding: 4px 0px 0px 0px;
margin: 0px -7px 0px -80px;
background: #000000 url(img/filler.jpg) repeat-y top left;
}
#sidebar ul li ul li {
margin:0px 0px 3px 0px;
padding: 0px 5px 0px 90px;
font-size: 0.95em;
background: #2353B2 url(img/side2_bg.jpg) repeat-y top left;
}
ul#relevant li ul li {
margin:0px 0px 3px 0px;
padding: 0px 5px 0px 90px;
font-size: 0.95em;
background: #257B57 url(img/side3_bg.jpg) repeat-y top left;
}
#sidebar ul li ul li ul {
padding: 3px 0px 0px 0px;
margin: 0px -5px 0px -90px;
background: #000000 url(img/filler.jpg) repeat-y top left;
}
#sidebar ul li ul li ul li {
padding: 0px 5px 0px 90px;
margin: 0px 0px 3px 0px;
font-size: 0.95em;
background: #2353B2 url(img/side2_bg.jpg) no-repeat top left;
}
#content ul {
margin-left: 0;
padding-left: 45px;
list-style-type: none;
}
#content ul li {
background: url(img/bullet.gif) no-repeat 0 7px;
padding-left: 1.5em;
padding-bottom: 0.8em;
}
#content h3 {
text-align: center;
display: inline;
margin:5px 0px 20px 10px;
color:#841F1F;
}
.cat-head {
font-size:0.9em;
display: inline;
margin:5px 15px 5px 15px;
color:#3F4553;
}
.navigation {
font-size:0.8em;
text-align: center;
white-space:nowrap;
margin:0px 15px 0px 15px;
display: inline;
}
.post , .page, .apost
{
margin:25px 0;
border-top:#BBC4A3 1px solid;
}
.post-info, .page-info 
{
font-size:1.em;
font-family: Verdana, Arial, Sans-Serif;
padding:0;
color:#333;
display: inline;
}
.post-info a
{
color:#990000;
font-size: 0.7em;
}
.post-info a:hover
{
color:#000;
}
.post-content, .page-content, .apost-content {
padding:10px 0;
margin:3px 0;
border-top:#BBC4A3 1px solid;	
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size:0.9em;
}
.post-title, .page-title {
font-family:Tahoma, Verdana, Arial, sans-serif;
font-size:1.1em;
margin: 5px 0px 0px 0px;
}
#content .page-title a, .post-title a:link, .post-title a:visited, .post-title a:hover, .post-title a:active
{
text-decoration:none;
color:#3F4553;
font-size: 0.9em;
}
.post-date {
float: right;
color: #EFF6E1;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 0.65em;
text-align: center;
margin: 3px 5px 0 0;
padding: 0px 0px;
background: transparent;
}
.apost-date {
float: right;
color: #A1756C;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 1.0em;
text-align: right;
margin: 0px 10px 0 0;
padding: 0px 3px;
width: 200px;
background: transparent;
}
.post-footer 
{
padding-top:20px;
background:url(img/divider.gif) no-repeat center;
}
#footer {
margin:0 0 0 25px;
padding: 7px 0;
border-top:#BBC4A3 1px solid;
clear: both;
font-size: 0.8em;
color: #5D6172;
text-align:center;
width:750px;
}
#footer a {
border:none;
color:#212228;
}
.commentlist {
font-size:1em;
font-weight:normal;	
}
#commentform 
{
margin:0 0 0 40px;
}
#commentform textarea {
width: 80%;
}
#commentform p {
margin: 0 0 1em;
}
#comments,#respond {
text-transform: uppercase;
margin: 3em 0 1em 40px;
color: #676E04;
font: 0.9em verdana, helvetica, sans-serif;
}
.commentlist li 
{
margin:5px 0;
padding:10px 10px 20px 10px;
background:#F3F6ED url(img/comments_bottom.jpg) repeat-x bottom;
border:#E1D6C6 1px solid;
}
.commentlist .alt 
{
}
#topnav 
{
float:left;
width:700px;
list-style:none;
font-size:16px;
margin:0 auto;	
padding:0px;
text-align:left;	
font-family:Verdana, Arial, Sans-Serif;
position: relative;
top: 243px;
}
#topnav li 
{
height: 65px;
width: 200px;
list-style:none;
display:inline;
padding:0px 0px;
margin:0;
font-weight:bold;
}
#topnav li a:link, #topnav li a:visited
{
text-decoration:none;	
color:#FFFFFF;
}
#topnav li a:hover, #topnav li a:active
{
color:#A6C8DF;	
}
#topnav img,
{
border: none;	
}
#topnav a
{
display:block;
float: left;
position: relative;
/* border: 1px dashed red; /* debug display */
}
#topnav a span
{
display: none;
}
#topnav a#Computer
{
left: 39px;
height: 54px;
width: 179px;
}
#topnav a#Engineering
{
left: 69px;
height: 58px;
width: 203px;
}
#topnav a#About
{
left: 94px;
height: 50px;
width: 95px;
}
#topnav a#Contact
{
left: 120px;
height: 50px;
width: 93px;
}
#topnav a#Miles
{
left: 143px;
height: 65px;
width: 50px;
}
#topnav a#a3dpro
{
top: -14px;
left: 49px;
height: 52px;
width: 114px;
background:transparent url(img/a3dpro.jpg) no-repeat top left;
}
#topnav a#demoreel
{
top: -14px;
left: 80px;
height: 52px;
width: 95px;
background:transparent url(img/demoreel.jpg) no-repeat top left;
}
#topnav a#viseffect
{
top: -14px;
left: 112px;
height: 52px;
width: 146px;
background:transparent url(img/viseffect.jpg) no-repeat top left;
}
#topnav a#visual
{
top: -14px;
left: 145px;
height: 52px;
width: 103px;
background:transparent url(img/visual.jpg) no-repeat top left;
}
#topnav a#architect
{
top: -14px;
left: 177px;
height: 52px;
width: 123px;
background:transparent url(img/architect.jpg) no-repeat top left;
}
#topnav a#fds
{
top: -14px;
left: 163px;
height: 52px;
width: 182px;
background:transparent url(img/fds.jpg) no-repeat top left;
}
#topnav a#keypro
{
top: -14px;
left: 230px;
height: 52px;
width: 142px;
background:transparent url(img/keypro.jpg) no-repeat top left;
}
#topnav a#news
{
top: -14px;
left: 350px;
height: 52px;
width: 142px;
background:transparent url(img/news.jpg) no-repeat top left;
}
#topnav a#latest
{
top: -14px;
left: 140px;
height: 52px;
width: 142px;
background:transparent url(img/latest.jpg) no-repeat top left;
}
#topnav a#general
{
top: -14px;
left: 270px;
height: 52px;
width: 142px;
background:transparent url(img/general.jpg) no-repeat top left;
}
#topnav a#milespro
{
top: -14px;
left: 304px;
height: 52px;
width: 142px;
background:transparent url(img/milespro.jpg) no-repeat top left;
}
#topnav a#imagegallery
{
top: -14px;
left: 344px;
height: 52px;
width: 142px;
background:transparent url(img/imagegallery.jpg) no-repeat top left;
}
.g2image_normal {
margin: 4px;
}
.g2image_float_left {
float: left;
clear: left;
margin: 4px;
}
.g2image_float_right {
float: right;
clear: right;
margin: 4px;
}
.g2image_centered {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}



