html, body, #main { height: 100%; }
body { margin: 0; padding: 0;color: #333; background-image:url(../images/homeVector.png); background-repeat:no-repeat;background-position:-200 200;}
h1, h2 { padding: 10px; margin: 0; font-size:18px;}
h3 { margin-top: 12px; }
body, div { font-family:helvetica, arial;   }
a {color:#0176B9;}
img {border:0;}


#content, #nav {float:left; margin:-20px 0px; padding-top:20px;}

#main {width:100%;}
#nav {width:10%; position:absolute; z-index:1;}
#content  {width:100px; height:100%; left:115px;position:absolute; z-index:0;}
#container {height:850px; /*width:600px;*/} 


#content .title, #content .mainTitle {/*margin:80px 20px 0; */
	padding:20px 0 0 100px;
	color:#0176B9;
	height:80px; 
	width:600px; 
	position:relative; 
	left:120px; 
	top:100px;
	font-size:24pt;}
#content #subContent * {left:20px;  }
#content #subContent .title {top:5px;}
#content #subContent .desc {padding-bottom:10px;top:-20px;}
#content .title span {position:relative; left:-2000px;width:400px; overflow:hidden;}
#content .desc, #content .feed {width:400px;
	/*margin:10px 65px 0 15px; */
	position:relative; 
	left:120px; 
	top:70px; 
	font-family:sans-serif; }
#content .desc p {font-size:70%!important; line-height:135%;}
#content .desc h4, .feed h4, .valuelink a {font-size:13px; font-weight:normal; line-height:130%; }
#content .desc dl {overflow:auto;}
#content .desc dt {font-size:16px;}
dl.joblist {width:300px;}
dl.joblist dt { padding-top:8px;}
dl.joblist a {float:right;padding:0!important;}
#content .desc dd {color:#666;  font-size:12px; margin:5px 32px 10px 30px;}
#content .desc dd ul {list-style-type:none;padding: 0; }
#content .desc dd li {padding:4px 0;}
#subContent {border:1px dotted #0176B9; width:600px; position:relative; left:100px; display:block; clear:both;top:100px;padding:10px 0px;background-color:#fff;}
#gallery ul.kf {font-family:georgia;  }
#gallery ul.kf li {margin:0;  }
#gallery ul li {list-style-type:none; margin:15px 10px; }
#horizontal {margin:0;padding:0; width:500px;}
#horizontal li {list-style-type:none; display:inline; padding:5px;}


/*RIGHTNAV */
#tabs{
	padding:0px;	/* The right most tab will be padded 20px from its right */
	float:left;
	border-bottom:1px solid #0176B9;
	border-right:1px solid #0176B9;
	/* For right aligned tabs */
}
#tabs a{
	text-decoration:none; border-top:1px solid #0176B9; border-left:1px solid #0176B9; border-right:0px solid #0176B9; 
}
#tabs a:hover{
}

#tabs a:hover span{
	background:#0176B9;
	color:#fff;
	border:1px dashed #fff; padding:5px;
}
#tabs li{
	list-style:none;
	float:left;
	padding-left:0px;
}
#tabs b{	/* This class will be applied on selected tab */
	background:#0176B9;
	color:#FFF;
	font-weight:normal;
		border-bottom:1px solid #0176B9;
}

#tabs span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	padding:6px;
	cursor:pointer;
}
#tabs a,#tabs a span,#tabs b,#tabs b span{
	display:block;		/* Set display to block, otherwise background images will not work*/
}
#feedContent { padding:20px 10px; width:670px; padding-left: 200px; min-height:100%;overflow:hidden; font-size:12px!important;}

/*FOOTER */
div#footer {position:fixed; width:540px; height:30px; border: 1px solid #333;background:#efefef; top:92%; margin:10px;padding:12px; }
div#footer p{display:inline;float:left;margin-top:5px;}
div#footer ul {display:inline; }
div#footer ul li {display:block; float:left; list-style-type:none; padding:0 5px;}


/* BLOG FEED*/
#rssHome {padding-top:5px!important;width:85%;}
#rssItem, #rssHome, #rssDesc span, #twitter {line-height:130%;}
#rssDetail{padding:60px 0px 0px; display:block; clear:both;font-size:80%;}
#rssTitle {font-size:150%;line-height:28px;}
#rssTitle a{color:white;background:#0176B9; text-decoration:none; padding:3px 5px 2px; }
div span.fullpost {padding:10px 0;display:block;}
#rssDesc object{padding:10px 0;}
.videoWrapper object,
.videoWrapper embed { padding:0 0 10px;
	position: absolute;
	top: 0;
	left: 0;
}
.fullpost img {padding:5px 0;}
.blogger-post-footer img {width:10px!important;height:10px!important;overflow:hidden;}
#rssItem p {padding:10px 0;}


/*LIGHTBOX*/
#content .feed {width:800px;margin-top:20px;}
#thumbs {float:left; width:500px;overflow:auto; margin-left:-10px;}
#thumbs ul {margin:0; padding:0; list-style:none;}
#thumbs li {float:left;}
#thumbs li img{border:0;margin:5px 10px;}
#sets {float:left; margin:0px 0px; width:100px; padding:10px;background-color:white;}
#sets h2 {font-weight:normal; color:#0176B9; font-size:18px;}
#sets h3 {font-weight:normal;font-size:14px!important;}
#sets li a {font-size:12px!important;}
#sets li a:hover {color:#0176B9;}
.post-body {font-size:10px;}
#previous ul {padding:0px;}
#previous ul li {display:block;padding:2px;}
#sets li a:hover {color:#125BA7;}
#sets li {list-style:none outside none; display:inline;}

/* TWITTER */
div#twitter {margin-bottom: 2em;font-size: 80%;}
div#twitter h2 {
	margin: 0;
	padding: 0.2em .5em;
	color: #0176B9;
	background-color: #fff;
	font-weight:normal;
	font-size: 70%;
	
}
p#preloader 
{
	margin: 0;
	padding: 1em .5em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}
ul#twitter_update_list {
	margin: 0;
	padding: 0 1em 0.5em 1em;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	display:block;
	padding: 0.5em 0;
	border-bottom: 1px solid #0176B9;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #0176B9;
}

ul#twitter_update_list li span {
	display: block;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #0176B9;
}

ul#twitter_update_list li.firstTweet {
}

ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

a#profileLink {
	display: block;
	padding: 0.2em .5em;
	color: #0176B9;
	font-size:70%;
	background-color: #f6fbff;
}


/*SUBNAV*/
#subnav, #subnav2 {position:absolute; top:0px; left:225px; padding-top:0px;display:block;width:600px;}
#subnav ul, #subnav2 ul {list-style-type:none;padding:0px 0px; margin:0px;line-height:18px; font-family:arial; font-size:10px; }
#subnav li  {display:inline;   padding: 0px 0px 45px;height:45px;}
#subnav2 li {display:inline; padding: 0px 0px 60px;	height:60px;}
#subnav li a {text-decoration:none; color:#666; padding:0px 6px 45px; border:0;height:45px;}
#subnav2 li a {text-decoration:none; color:#666; padding:0px 15px 60px; border:0;height:60px;}
#subnav li a:hover, #subnav2 li a:hover {color:#125BA7;}
.g, .ca, .cs, .w, .r, .o, .k {background-repeat:no-repeat;background-position:0px 12px;}
.cs {background-image: url(../images/logo/s_capstate.jpg);  }
.ca {background-image: url(../images/logo/s_caid.jpg);  }
.w {background-image: url(../images/logo/s_wt.jpg);background-position:0px 15px;  }
.k {background-image: url(../images/logo/s_kultureflash.jpg); background-position:0px 10px;  }
.o {background-image: url(../images/logo/s_obj.jpg); background-position:0px 14px; }
.g {background-image: url(../images/logo/s_google.jpg); background-position:0px 8px; }
.r {background-image: url(../images/logo/s_ra.jpg); background-position:0px 16px; }
.v1, .v2, .v3, .v4, .v5, .v6 {background-repeat:no-repeat;background-position:50% 10px;}
.v1 {background-image: url(../images/logo/b_print.jpg);  }
.v2 {background-image: url(../images/logo/b_web.jpg);  }
.v3  {background-image: url(../images/logo/b_copy.jpg);  background-position:80% 10px;}
.v4  {background-image: url(../images/logo/b_brand.jpg);  }
.v5  {background-image: url(../images/logo/b_creative.jpg);  }
.v6 {background-image: url(../images/logo/b_project.jpg);  }

/*LOGOS*/
#cap, #caid, #wt, #kf, #obj, #google, #martin, #ra, .marker, .brand, .copy, .creative, .print, .web, .dm, .books, .illus, .photos, .pics, .novel, .pen, .knife, .palette, .brush, .ink, .tool{background-repeat:no-repeat;}
#cap {background-image: url(../images/logo/capstate.jpg);  }
#caid {background-image: url(../images/logo/caid.jpg);  }
#wt {background-image: url(../images/logo/wt.jpg);  }
#kf {background-image: url(../images/logo/kultureflash.jpg);  }
#obj {background-image: url(../images/logo/obj.jpg);  }
#google {background-image: url(../images/logo/google.jpg);  }
#martin {background-image: url(../images/logo/martin.jpg);  }
#ra {background-image: url(../images/logo/ra.jpg);  }

/* ICONS */
.brand {background-image: url(../images/logo/brand.jpg);  }
.copy {background-image: url(../images/logo/copy.jpg);  }
.creative {background-image: url(../images/logo/creative.jpg);  }
.print {background-image: url(../images/logo/print.jpg);  }
.web {background-image: url(../images/logo/web.jpg);  }
.dm {background-image: url(../images/logo/project.jpg);  }

.books {background-image: url(../images/logo/books.jpg);  }
.illus {background-image: url(../images/logo/illus.jpg);  }
.photos {background-image: url(../images/logo/photos.jpg);  }
.pics {background-image: url(../images/logo/pics.jpg);  }
.novel {background-image: url(../images/logo/novel.jpg);  }

/*BG*/
.pen {background-image: url(../images/bg/pen.png);  background-position:0px -150px; }
.knife {background-image: url(../images/bg/knife.png);  background-position:-14px -150px; }
.palette {background-image: url(../images/bg/palette.png);  background-position:-5px -150px; }
.brush {background-image: url(../images/bg/brush.png);  background-position:10px -150px; }
.ink {background-image: url(../images/bg/ink.png);  background-position:5px -150px; }
.tool {background-image: url(../images/bg/tool.png);  background-position:0px -150px; }
.marker {background-image: url(../images/bg/marker.png);  background-position:-20px -80px; }