/*
Primary Foundation Flash Style Sheet
Last major update:   8th Dec 2008
*/
body{
margin:0;
padding:0;
text-align:center;
color:#383d44;
background:#FFF;
font:14px Geneva, Arial, Helvetica, sans-serif
}
#logo{
width:450px;
height:140px;
margin:auto;
background:url(../images/translogo.png) no-repeat
}
#header{
background:#600 url(../images/repeat.png)
}
#navmenu{
width:100%;
background:#005300 url(../images/gradbar.png) repeat-x top
}
#main-body{
width:64em;
margin:0 auto;
padding:0;
line-height:1.6em;
text-align:left;
background:url(/images/backlines.gif) repeat-y 42em 0
}
#sidebar{
margin:30px auto;
width:22em;
float:right;
margin-left:2em;
font-size:90%;
line-height:1.5em;
color:#666b75
}
#content{
margin:30px auto;
width:40em;
float:left;
text-align:justify
}
a:link{
padding-bottom:0;
color:#326ea1;
text-decoration:none;
border-bottom:2px solid #CCC
}
a:visited{
color:#383d44;
text-decoration:none;
border-bottom:2px solid #CCC
}
a:hover{
border-color:white
}
blockquote{
font-size:110%;
text-align:justify;
line-height:1.5em;
color:#666;
padding-left:20px;
background:url(../images/quote.gif) no-repeat 0 0
}
pre{
font-size:110%;
overflow:auto
}
dt, label{
font-weight:bold
}
.centre{
text-align:center
}
.code{
color:#666;
font-family:"Courier New", monospace;
line-height:120%
}
.green{
color:#090
}
#content p{
margin:0 0 20px
}
#navmenu ul{
margin-top:0;
margin-bottom:0;
padding-top:10px;
padding-bottom:10px
}
#navmenu li{
display:inline;
background-repeat:repeat-y;
background:url(../images/separator.gif) bottom left repeat-y;
padding:10px 11px 10px 14px;
font:110% "Trebuchet MS", Arial, Helvetica, sans-serif
}
#navmenu li a{
border:none;
color:#FFF;
height:20px
}
#navmenu li a:hover{
color:#030
}
body#home #navmenu li.homelink,body#tutorials #navmenu li.tutorialslink,body#members #navmenu li.memberslink,body#portfolio #navmenu li.portfoliolink,body#contact #navmenu li.contactlink,body#about #navmenu li.aboutlink,body#videos #navmenu li.videoslink, body#started #navmenu li.startedlink{
background:#FFF url(../images/tabfade.gif) repeat-x;
padding-right:14px;
border-left:#060 2px solid;
color:#000;
margin-right:-2px
}
body#home #navmenu li.homelink a,body#tutorials #navmenu li.tutorialslink a,body#members #navmenu li.memberslink a,body#portfolio #navmenu li.portfoliolink a,body#contact #navmenu li.contactlink a,body#about #navmenu li.aboutlink a,body#videos #navmenu li.videoslink a, body#started #navmenu li.startedlink a{
color:#000
}
div.crumbs{
font-size:80%;
margin-bottom:10px
}
div.crumbs p{
display:inline;
margin:0
}
div.crumbs li{
display:inline;
list-style:none
}
div.crumbs ul{
display:inline;
margin:0;
padding-left:8px
}
div.crumbs ul li a:visited,div.crumbs ul li a:link{
color:#326ea1;
border-bottom:none
}
body#tutorials h2{
margin:0 0 20px;
padding:0;
text-align:center;
color:#775240;
border-bottom:1px solid #dbd5c5;
font:normal 220%/1.5em Georgia, serif
}
body#tutorials table a{
border-color:#CCC;
border-width:medium
}
body#tutorials table a:visited{
border-color:#C60;
}
body#tutorials table a:hover{
border-color:#000;
}
body#tutorials #content hr{
display:block;
margin-bottom:10px
}
#content h3{
margin:0 0 .2em;
padding:0;
color:#775240;
border:none;
font:normal 160%/1.5em Georgia, serif
}
#content h3 a{
text-decoration:none;
color:#383d44;
border:none
}
#content h3 a:hover{
color:#326ea1;
border-bottom:2px solid #dbd5c5
}
#content h4{
margin:0 0 .4em;
padding:0;
color:#693;
border:none;
font:normal 140%/1em Georgia, serif
}
#content h3#recent{
position:relative;
margin:0 0 20px;
padding:0 0 3px;
letter-spacing:2px;
text-transform:uppercase;
color:#390;
font:98%/1.5em "Arial Rounded MT Bold", sans-serif
}
#content .advertisement{
color:#AFAFAF;
font-size:80%;
border:1px #CCC solid;
padding:5px;
margin-bottom:10px
}
body#tutorials #content .advertisement,table{
text-align:left
}
#content .advertisement h3{
color:#AFAFAF;
text-transform:uppercase;
font-size:100%;
border:0;
margin:0
}
#content .advertisement a{
color:#AFAFAF;
border:none;
text-decoration:underline
}
#sidebar h3{
margin:25px 0 12px;
padding:0 0 5px;
letter-spacing:2px;
text-transform:uppercase;
color:#390;
border-bottom:1px solid #dbd5c5;
font:normal normal 100%/1em "Arial Rounded MT Bold", sans-serif
}
#sidebar h3.first{
margin-top:0
}
#sidebar ul,#sidebar dl{
margin:0;
padding:0;
line-height:1.5em;
list-style:none;
display:block
}
#sidebar ul li{
margin-bottom:5px
}
#sidebar dd+dd{
padding-bottom:5em;
}
#affiliates a{
border:none;
margin:0
}
#sidebar ol#featured{
margin:1em;
padding:0;
list-style:none
}
#sidebar ol#featured li{
margin:0;
padding:1em;
line-height:1.5em;
background:#E6E3D7 url(../images/corner.gif) no-repeat scroll right bottom;
padding-bottom:2.5em;
text-align:justify
}
#sidebar ol#featured li div{
float:left;
height:20px;
width:49%;
padding-top:5px;
font-size:120%
}
#sidebar ol#featured li div img{
margin-right:1em
}
#sidebar ol#featured li h5,#sidebar ol#featured li h4{
margin-top:.5em;
margin-bottom:1em;
text-align:left;
font-size:110%
}
img.affiliateimg{
display:block;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
border:1px solid #e2e2e2
}
#footer{
width:100%;
padding:15px 0 30px;
font-size:95%;
line-height:1.5em;
text-align:justify;
background:#e6e3d7
}
#footer-inner{
width:67em;
margin-left:auto;
margin-right:auto
}
#footer p{
margin:0;
padding:0;
font-size:90%
}
#footer .images{
padding-top:15px;
text-align:center
}
#footerrightimg{
float:right;
height:105px
}
#footer a:visited{
color:#326ea1;
text-decoration:none;
border:none
}
dl.tutorialthumb{
margin:0 0 10px;
padding:0 20px 0 0
}
dl.tutorialthumb dt{
margin:0;
padding:0
}
dl.tutorialthumb dt a{
float:left;
display:block;
margin:2px 10px 0 0;
padding:2px;
background:#fffefa;
border:none
}
img.tutorialimg{
display:block;
margin-left:auto;
margin-right:auto;
border:1px solid #e2e2e2;
padding:5px
}
hr{
display:none
}
a img,#footer a,#sidebar dt a:link, .tutorialthumb dt a{
border:none
}
a.feed{
margin-left:3px;
padding:0 0 0 19px;
background:url("../images/feed.png") no-repeat 0 50%
}
.external{
margin-left:3px;
padding:0 0 0 19px;
background:url("../images/external.png") no-repeat 0 50%
}
.onlyreaders{
position:absolute;
left:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden
}
#main-body:after,#footer:after,dl.tutorialthumb:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}