*{
padding:0;
margin:0;
}
a{
outline:none;
text-decoration:none;
}
a:link{
color:#1d7eb3;
}
a:visited{
color:#BBB;
}
a:hover,a:focus{
color:#259bbb;
background-color:#FFF;
}
a:active{
color:#1d7eb3;
}
body{
background:url(../images/background.gif) repeat-y;
background-position:top left;
font-family:arial,helvetica,sans-serif;
font-size:9pt;
color:#7b7b7b;
}
body img{
border:none;
}
p{
padding-bottom:10px;
}
#randompic{
position:absolute;
left:0;
width:235px;
height:564px;
}
#container{
margin-left:235px;
}
#lace{
background:url(../images/lace-header.gif) repeat-x;
position:relative;
height:45px;
}
#menu{
list-style-type:none;
line-height:44px;
float:right;
margin-right:20px!important;
margin-right:15px;
}
#menu li{
margin-left:8px;
float:left;
clear:none;
}
#menu li a{
display:inline;
color:#686868;
text-decoration:none;
padding:5px 8px;
}
#menu li a:hover,#menu li a:focus,#menu li a:active,#currentpage{
color:#1d7eb3;
text-decoration:none;
background:url(../images/hover.gif);
}
h1,h2,h3,h4,#h3deep{
text-transform:lowercase;
font-weight:400;
font-size:9pt;
color:#1d7eb3;
}
h1{
position:absolute;
top:0;
left:0;
background:url(../images/logo.gif) no-repeat;
text-indent:-30000px;
width:96px;
height:43px;
}
h2{
border-bottom:1px solid #e1e1e1;
padding-bottom:2px;
margin-bottom:40px;
}
h3{
border-bottom:1px solid #e1e1e1;
padding:2px 0 2px;
}
h4{
border-bottom:1px solid #e1e1e1;
padding-bottom:2px;
margin-bottom:8px;
}
h3 a:visited{
color:#1d7eb3;
}
#h3deep{
background:none;
border-bottom:1px solid #e1e1e1;
padding-bottom:2px;
margin:25px 0 40px;
}
#txpCommentInputForm h3{
border-bottom:1px solid #e1e1e1;
font-size:8pt;
padding-top:10px;
}
.bluetext{
color:#1d7eb3;
}
#content,#contactcontent,#aboutcontent{
width:730px;
margin:auto;
padding:40px 0 35px;
}
#contactcontent{
background:url(../images/contact-background.jpg) no-repeat;
background-position:120px 58px;
}
#aboutcontent{
background:url(../images/about-image.jpg) no-repeat;
background-position:474px 244px;
}
#footer{
position:relative;
border-top:1px solid #e1e1e1;
padding-top:2px;
margin-top:25px;
}
#footer a{
color:#7b7b7b;
}
#footer a:hover,#footer a:focus{
color:#1d7eb3;
}
#footer p {
padding-right:21px;
text-align:right;
}
#footer li{
list-style-type:none;
}
.footerdivider{
color:#c1c1c1;
}
#colins-logo a{
display:block;
width:17px;
height:11px;
background:url(../images/colins-logo.gif) no-repeat;
text-indent:-30000px;
position:absolute;
top:4px!important;
top:5px;
right:0;
}
#colins-logo a:hover,#colins-logo a:focus{
background:url(../images/colins-logo-over.gif) no-repeat;
}
.rssThumbs{
width:660px;
margin:auto;
}
.rssThumbFloat{
float:left;
clear:none;
margin:0 15px 28px!important;
margin:0 13px 25px;
}
.rssThumbFloat a{
height:80px;
width:80px;
display:block;
}
#contact-holder{
height:343px;
}
form label{
color:#1d7eb3;
font-weight:400;
text-transform:lowercase;
}
#Name,#Email,#Message{
font-family:inherit;
color:#7b7b7b;
padding:2px;
border:1px solid #DDD;
width:384px;
font-size:12px;
line-height:1.3em;
margin-bottom:5px;
}
#Message{
margin-bottom:10px;
}
#submit,.button{
font-family:arial,helvetica,sans-serif;
text-transform:lowercase;
margin-bottom:20px;
color:#686868;
background:url(../images/lace-header.gif) repeat;
padding:2px 3px;
border:none;
cursor:pointer;
}
.sketchesnav,#animationnav{
text-align:right;
width:220px;
position:absolute;
right:0;
top:0;
text-transform:lowercase;
}
#animationnav{
width:200px;
list-style:none;
}
.sketchesnav dt{
display:none;
}
.sketchesnav dd,#animationnav li{
padding:2px 0;
border-bottom:1px solid #e1e1e1;
}
.sketchesnav dd a,#animationnav li a{
color:#259bbb;
}
.sketchesnav dd a,#animationnav li a{
color:#7b7b7b;
display:block;
padding-right:4px;
}
.sketchesnav dd a:visited,,#animationnav li a:visited{
color:#BBB;
}
.sketchesnav dd a:hover,
.sketchesnav dd a:focus,
.sketchesnav dd a:active,
#animationnav li a:hover,
#animationnav li a:focus,
#animationnav li a:active{
color:#1d7eb3;
background-color:#F4F4F4;
display:block;
padding-right:4px;
}
#sketchcontainer,#animationcontainer{
position:relative;
}
#sketchcontainer p{
display:none;
}
#biolist{
list-style:none;
padding-bottom:25px;
}
#biolist li{
margin-bottom:4px;
}
.biodates{
color:#1d7eb3;
width:80px;
display:block;
float:left;
clear:none;
}
.date{
font-size:x-small;
padding:2px 0 8px;
text-transform:lowercase;
}
#blogcontent{
width:500px;
position:relative;
}
#blogcontent img{
padding:10px 0;
}
.comments{
font-size:7pt;
text-transform:lowercase;
margin:0 0 25px 2px;
}
.comm-invite{
background:url(../images/bubble.gif) no-repeat;
background-position:left 2px;
padding-left:16px;
}
.previous{
float:left;
clear:right;
margin-right:2px;
}
.forwardback{
text-transform:lowercase;
font-size:x-small;
}
.forwardback a,.forwardback a:visited{
color:#686868;
background:url(../images/lace-header.gif) repeat;
padding:2px 3px;
}
.forwardback a:hover,.forwardback a:focus{
color:#1d7eb3;
background-color:#FFF;
background-image:none;
padding:2px 3px;
}
#blogright{
width:190px;
position:absolute;
right:-230px;
top:2px;
}
.feed{
line-height:0;
text-transform:lowercase;
}
.feed a{
color:#686868;
background:url(../images/lace-header.gif) repeat;
padding:2px 3px;
}
.feed a:hover,.feed a:focus{
color:#1d7eb3;
background-color:#EDEDED;
background-image:none;
}
#searchbox{
display:block;
overflow:hidden;
height:60px;
}
#searchbox input{
color:#7b7b7b;
border:1px solid #e1e1e1;
font-size:8pt;
line-height:1.3em;
width:96%;
display:block;
font-family:inherit;
padding:2px;
}
#recent{
font-size:x-small;
list-style-type:none;
margin-bottom:10px;
}
#recent li{
line-height:14px;
background:url(../images/recentbullet.png) no-repeat;
background-position:left;
padding-left:12px;
}
#cform{
position:relative;
margin:10px auto 0;
}
#cform label{
float:left;
clear:both;
width:49px;
vertical-align:top;
line-height:19px;
text-align:right;
padding:0 8px 0 0;
color:#1d7eb3;
text-transform:lowercase;
font-size:8pt;
}
#cform p{
padding:10px 5px 0;
}
.comment_name_input,
.comment_email_input,
.comment_web_input,
.txpCommentInputMessage{
font-family:inherit;
border:1px solid #e1e1e1;
color:#7b7b7b;
width:424px;
line-height:1.3em;
padding:2px;
font-size:8pt;
}
.comment{
padding:8px 12px 4px;
margin:10px 0;
background-color:#FFF;
}
#animation-alex,
#animation-carlos,
#animation-gail,
#animation-geoff,
#animation-tom,
#animation-sam,
#animation-luke,
#animation-russell,
#animation-maggie{
padding-bottom:15px;
}
#animation-alex{
width:468px;
height:450px;
}
#animation-carlos{
width:359px;
height:478px;
}
#animation-gail{
width:359px;
height:500px;
}
#animation-geoff{
width:355px;
height:476px;
}
#animation-tom{
width:346px;
height:489px;
}
#animation-sam{
width:505px;
height:489px;
}
#animation-luke{
width:335px;
height:450px;
}
#animation-russell{
width:328px;
height:450px;
}
#animation-maggie{
width:346px;
height:474px;
}
.breaker{
clear:both;
line-height:0;
}