/* GENERAL STYLES */
body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
margin:0pt;padding:0pt;
}
ul {
list-style-image:none;list-style-position:outside;list-style-type:none;
}
a img, img {
border:0px none;
}
body {
background-color:#FFFFFF;border:0pt none;color:#444444;font-family:"Trebuchet","Arial","Verdana","Tahoma",Serif;font-size:15px;text-align:center;
}
#container {margin:0px auto;padding:0px;text-align:left;width:960px;
}
#header {
height:190px;margin:20px 0pt;width:960px;
}
* html #header {
margin:20px 0pt 5px;
}
#logo {
background:transparent url(/images/logo_tidmand_media.png) no-repeat scroll 0%;float:left;height:120px;margin:0px;width:476px;
}
#logo a {
display:block;height:120px;overflow:hidden;position:relative;width:476px;
}
#logo a:link, #logo a:visited {
text-indent:-9999px;
}
#logo h1 {
background-image:none;
}
.quick_facts {
border-left:0px solid #F0F0F0;border-right:10px solid #cc9900;float:left;height:120px;padding:0pt 40px;width:394px;text-align:right;
}
.quick_facts p {
color:#8A8A8A;font-weight:bold;line-height:23px;
}
.quick_facts strong {
}
.quick_facts a {
color:#cc9900;text-decoration:none;
}
#case {
margin:20px 0 0 0;
}
#task {
margin:20px 0 0 0;
}
#nav_ul {
border-bottom:2px solid #D5D5D5;border-top:2px solid #D5D5D5;display:inline;float:left;height:41px;line-height:41px;list-style-image:none;list-style-type:none;margin:30px 0;padding:0;width:960px;
}
#nav_ul li {
display:inline;float:left;margin:0 0;width:110px;
}
#nav_ul a {
border-right:1px solid #D5D5D5;color:#cc9900;display:block;font-weight:bold;height:26px;line-height:26px;margin-top:7px;overflow:hidden;position:relative;text-align:center;text-decoration:none;
}
#nav_ul a:hover {
background:transparent url(images/bg_nav.gif) no-repeat scroll center;color:#5B5B5B;text-decoration:none;
}
a#nav_active {
background:transparent url(images/bg_nav.gif) no-repeat scroll center;color:#5B5B5B;text-decoration:none;
}
a.nav_active {
background:transparent url(images/bg_nav.gif) no-repeat scroll center;color:#5B5B5B;text-decoration:none;
}
.mark {
background:transparent url(images/bg_mark.gif) no-repeat scroll 0%;color:#444444;float:right;font-size:14px;font-weight:bold;height:105px;letter-spacing:0px;line-height:18px;margin:-110px 10px 0pt 0pt;position:relative;text-align:center;width:103px;
}
.mark span, .mark_what_i_do span {
display:block;margin:32px 0pt 0pt 32px;width:50px;
}
*:first-child + html .mark span, *:first-child + html .mark_what_i_do span {
margin:32px 0pt 0pt 12px;
}
* html .mark span, * html .mark_what_i_do span {
margin:32px 0pt 0pt 12px;
}
.mark_what_i_do {
background:transparent url(images/bg_mark.gif) no-repeat scroll 0%;
color:#444444;
float:right;
font-size:14px;
font-weight:bold;
height:105px;
letter-spacing:0px;
line-height:18px;
margin:0px 10px -75px 0pt;
position:relative;
text-align:center;
width:103px;
}
.thumbs_ul {
clear:both;
display:block;
float:left;
margin:0pt 0pt 0pt -40px;
width:1000px;
}
*:first-child + html .thumbs_ul {
margin:0pt 0pt 40px -40px;
}
* html .thumbs_ul {
width:1040px;
}
.thumbs_ul li {
background:transparent url(images/bg_thumbs.gif) no-repeat scroll 0%;
display:block;
float:left;
height:105px;
margin:0pt 0pt 40px 40px;
text-align:center;
width:210px;
}
.thumbs_ul li:hover {
background:transparent url(images/bg_thumbs_on.gif) no-repeat scroll 0%;
display:block;
float:left;
height:105px;
margin:0pt 0px 40px 40px;
text-align:center;
width:210px;
}
.thumbs_ul li img {
margin:5px 0pt 0pt 0px;
}
#active_thumb {
background:#EA5414 none repeat scroll 0%;
}
.work_with_me {
clear:both;
float:left;
height:159px;
margin:0pt 0pt 40px;
padding:0pt 0px 0pt 0pt;
width:476px;
}
.work_with_me p {
background:transparent url(images/bg_available_text.jpg) repeat scroll 0%;
color:#333333;
font-size:22px;
font-weight:bold;
line-height:36px;
width:430px;
}
.collaborating {
border-left:10px solid #F0F0F0;
border-right:10px solid #F0F0F0;
float:left;
height:159px;
padding:0pt 40px;
width:384px;
}
.collaborating p {
color:#949292;
font-size:12px;
font-weight:normal;
line-height:18px;
}
.collaborating ul {
display:inline;
height:40px;
}
.collaborating ul li {
display:block;
float:left;
margin-bottom:27px;
width:350px;
}
.collaborating img {
display:inline;
float:left;
margin:0pt 15px 0pt 0pt;
}
#footer {
border-top:2px solid #D5D5D5;
clear:both;
color:#7F7F7F;
display:block;
float:left;
font-size:12px;
margin:0pt 0pt 20px;
padding: 20px 0;
width:960px;
}
#footer p {
line-height:40px;
margin:0px;
padding:0px;
}
#footer a {
color:#8D8D8D;
}
#footer a:hover {
color:#000000;
}
.contact {
border-left:10px solid #F0F0F0;
border-right:10px solid #F0F0F0;
float:left;
height:159px;
overflow:visible;
padding:0pt 40px;
width:384px;
}
.contact_ul {
display:inline;
float:left;
list-style-image:none;
list-style-type:none;
margin:0px 0pt;
padding:0px 0pt 0pt;
text-align:left;
}
.contact_ul li {
line-height:22px;
margin:0px;
padding:0px;
text-indent:0px;
}
* html .contact_ul li {
line-height:21px;
}
* html .contact_ul {
margin:0pt 0pt -100px;
}
.contact_ul li span {
color:#838383;
display:inline;
float:left;
font-weight:bold;
margin-right:0px;
width:130px;
}
.objective {
clear:both;
float:left;
height:159px;
margin:0pt 0pt 40px;
padding:0pt 0px 0pt 0pt;
width:476px;
}
.objective p {
background:transparent url(images/bg_available_text_objective.jpg) repeat scroll 0%;
color:#333333;
font-size:15px;
font-weight:bold;
line-height:25px;
width:430px;
}
.skillset {
border-left:10px solid #F0F0F0;
border-right:10px solid #F0F0F0;
float:left;
height:159px;
padding:0pt 40px;
width:384px;
}
.skillset p {
color:#949292;
font-size:12px;
font-weight:normal;
line-height:18px;
}
.skillset ul, .star_ul {
display:block;
}
.skillset ul li, .star_ul li {
background:transparent url(images/bg_ul.gif) no-repeat scroll 0px 7px;
display:block;
float:left;
line-height:25px;
margin:0px;
padding:0pt 0pt 0pt 23px;
width:350px;
}
.star_ul li span {
display:inline;
float:left;
margin-right:0px;
width:170px;
}
.star_ul a, .lastfm a {
border-bottom:1px dotted #444444;
color:#444444;
text-decoration:none;
}
.star_ul a:hover, .lastfm a:hover {
border-bottom:1px dotted #000000;
color:#000000;
text-decoration:none;
}
.standard p {
color:#949292;
font-size:12px;
font-weight:normal;
line-height:18px;
}
.one {
border-right:10px solid #cc9900;
float:left;
margin:10px 0pt 20px;
min-height:320px;
padding:0pt 30px 0 20px;
width:900px;
}
* html .one {
height:320px;
}
.two {
border-right:0px solid #cc9900;
float:left;
margin:10px 0pt 20px;
min-height:320px;
padding:0pt 30px 0 20px;
width:420px;
}
* html .two {
height:320px;
}
.left {
border-right:0px solid #cc9900;
float:left;
margin:10px 0pt 20px;
min-height:100px;
padding:0pt 30px 0 20px;
width:420px;
}
* html .left {
height:100px;
}
.right {
border-right:10px solid #cc9900;
float:right;
margin:10px 0pt 20px;
min-height:100px;
padding:0pt 30px 0 40px;
width:410px;
}
* html .right {
height:100px;
}
.right p {
color:#949292;
font-size:12px;
font-weight:normal;
line-height:14px;
}
#what_i_do {
background:transparent url(images/img_what_i_do.gif) no-repeat scroll 0pt 40px;
border-bottom:2px solid #D5D5D5;
border-top:2px solid #D5D5D5;
float:left;
height:185px;
margin:0px 0pt 40px;
overflow:hidden;
text-indent:-9999px;
width:960px;
}
.lastfm_ul {
height:250px;
line-height:25px;
}
.lastfm_ul li {
display:block;
float:left;
width:235px;
}
.lastfm {
font-size:9px;
line-height:35px;
}
.lastfm a {
display:block;
float:left;
margin-right:30px;
width:205px;
}
.flickr_ul {
height:387px;
margin:0pt 0pt 0px -40px;
overflow:hidden;
width:450px;
}
.flickr_ul li, .flickr_ul a {
border:5px solid #F0F0F0;
display:inline;
float:left;
height:92px;
margin:0pt 0pt 40px 40px;
width:92px;
}
.flickr_ul a img {
height:92px;
width:92px;
}
.flickr_slideshow, .flickr_ul h3 {
display:none;
}
* html .flickr_ul {
width:424px;
}
* html .flickr_ul li, .flickr_ul a {
margin:0pt 0pt 40px 39px;
}
* html .flickr_ul li img {
margin:0pt 0pt -3px;
}
.project_details_ul {
display:inline;
float:left;
list-style-image:none;
list-style-type:none;
margin:0px 0pt;
padding:0px 0pt 0pt;
text-align:left;
}
.portfolio_preview {
margin:0pt 0pt 0px;
padding:0pt 0pt 40px;
}
.portfolio_preview img {
border:10px solid #F0F0F0;
margin:0pt 0pt 40px;
}
.project_details_ul li {
line-height:22px;
margin:0px;
padding:0px;
text-indent:0px;
}
* html .contact_ul li {
line-height:21px;
}
* html .contact_ul {
margin:0pt 0pt -100px;
}
.project_details_ul li span {
color:#838383;
display:inline;
float:left;
font-weight:bold;
margin-right:0px;
width:90px;
}
.top_container {
display:block;
float:right;
height:41px;
margin:-83px 0pt 0pt;
position:relative;
width:320px;
}
.nav_project_container {
border-bottom:2px solid #D5D5D5;
border-top:2px solid #D5D5D5;
display:inline;
float:left;
height:41px;
line-height:41px;
margin:-40px 0pt 40px;
padding:0pt;
text-align:right;
width:960px;
}
.nav_project_ul {
display:inline;
float:right;
height:41px;
line-height:41px;
list-style-image:none;
list-style-type:none;
margin:0px 0pt;
padding:0pt;
width:320px;
}
.nav_project_ul li {
display:inline;
float:left;
}
.nav_project_ul a {
border-right:1px solid #D5D5D5;
color:#8D8D8D;
display:block;
font-size:12px;
font-weight:bold;
height:26px;
line-height:22px;
margin-top:9px;
overflow:hidden;
position:relative;
text-align:center;
text-decoration:none;
width:148px;
}
a.nav_previous {
background:transparent url(images/nav_project_prev.gif) no-repeat scroll 0%;
padding-left:5px;
}
a.nav_previous:hover {
background:transparent url(images/nav_project_prev.gif) no-repeat scroll 0%;
color:#000000;
}
a.nav_next {
background:transparent url(images/nav_project_next.gif) no-repeat scroll 0%;
margin-left:14px;
padding-left:0px;
text-indent:-24px;
}
a.nav_next:hover {
background:transparent url(images/nav_project_next.gif) no-repeat scroll 0%;
color:#000000;
}
a.top_link {
background:transparent url(images/nav_top.gif) no-repeat scroll 0%;
color:#8D8D8D;
display:block;
font-size:12px;
font-weight:bold;
height:26px;
line-height:22px;
margin-top:0px;
overflow:hidden;
position:relative;
text-align:left;
text-decoration:none;
text-indent:18px;
width:69px;
}
a.top_link:hover {
color:#000000;
}
p {
line-height:25px;
margin:0px;
}
.contact a {
border-bottom:1px dotted #309320;
color:#309320;
text-decoration:none;
}
.contact a:hover {
border-bottom:1px dotted #000000;
color:#000000;
text-decoration:none;
}
h1 {
color:#A5A5A5;
font-size:31px;
font-weight:bold;
letter-spacing:-0.7px;
line-height:31px;
margin:0px 0pt 24px;
}
h2 {
color:#666666;
font-size:20px;
font-weight:bold;
letter-spacing:-0.7px;
line-height:20px;
margin:0px 0pt 8px;
}
h2 a {
color:#A5A5A5;
font-size:20px;
font-weight:bold;
letter-spacing:-0.7px;
line-height:20px;
margin:0px 0pt 8px;
text-decoration:none;
}
h2 a:hover {
color:#000000;
font-size:20px;
font-weight:bold;
letter-spacing:-0.7px;
line-height:20px;
margin:0px 0pt 8px;
text-decoration:none;
}
h4 {
color:#6E6E6E;
font-size:18px;
font-weight:normal;
}
#header h1 {
margin:0px;
}
a {
color:#666666;
}
a:hover {
color:#000000;
text-decoration:none;
}
/*
==========================================
Tables
==========================================
*/

#project table, #case table, #task table {
color:#444444;
font-family:"Trebuchet","Arial","Verdana","Tahoma",Serif;
font-size:12px;
}
#project th, #case th, #task th {
background-color:#dddddd;
padding:3px;
vertical-align:top;
}
#project th.header,
#case th.header,
#task th.header {
     background-image: url(/images/bg.gif);
     cursor: pointer;
     font-weight: bold;
     background-repeat: no-repeat;
     background-position: center right;
     padding-left: 3px;
     border-right: 1px solid #dad9c7;
     margin-left: 0px;
}
#project th.headerSortUp,
#case th.headerSortUp,
#task th.headerSortUp {
     background-image: url(/images/asc.gif);
     background-color: #3399FF; 
}
#project th.headerSortDown,
#case th.headerSortDown,
#task th.headerSortDown {
     background-image: url(/images/desc.gif);
     background-color: #3399FF; 
}
#project td, #case td, #task td {
padding:3px;
vertical-align:top;
}
#project .website {
width:180px;
}
#project .label {
width:110px;
}
#project .input {
width:290px;
}
#project .links {
width:60px;
}
#case .project, #task .project {
width:180px;
}
#case .caseth, #task .caseth {
width:215px;
}
#case .casetd, #task .casetd {
width:190px;
}
#case .remarks, #task .remarks {
width:12px;
}
#case .none, #task .none {
display:none;
width:0px;
}
#task .taskth {
width:320px;
}
#task .tasktd {
width:305px;
}
#case .severity, #task .priority {
width:100px;
}
#project .responsible, #case .responsible, #task .responsible {
width:110px;
}
#case .deadline, #task .deadline {
width:70px;
}
#case .time, #task .time {
width:55px;
}
#case .status, #task .status {
width:50px;
}
#case .plus, #task .plus {
width:32px;
}
/*
==========================================
Gallery List
==========================================
*/

.GalleryList {
margin:0 0 20px 20px;
width:930px;
border-right:10px solid #cc9900;
float:left;
font-size:12px;
}
* html .GalleryList {
margin:0 0 20px 0;
padding:0 0 0 20px;
width:930px;
border-right:10px solid #cc9900;
float:left;
font-size:12px;
}
.GalleryList .Item {
float:left;
width:96px;
margin:0 10px 10px 0;
}
.GalleryList .Item a img {
padding:2px;
border:1px solid black;
}
.GalleryList .Item a:hover img {
padding:2px;
border:1px solid black;
background-color:black;
}
.GalleryList .Item strong a {
display:block;
margin:5px 0 0 0;
}
.GalleryList .Item em {
display:block;
font-size:10px;
}
.GalleryList .Item a {
color:#cc9900;
text-decoration:none;
}
.GalleryList a {
color:#cc9900;
text-decoration:none;
}
.Photo img {
/* This ensures the photos is resized to fit the div */
max-width:100%;
}
.Photo .PhotoNav {
display:block;
}
.Photo .PhotoNav .Left {
float:left;
}
.Photo .PhotoNav .Right {
float:right;
}


#umbracoAutoForm fieldset {border:0px;margin-bottom:15px;}
#umbracoAutoForm label {display:none;}

.ContactForm fieldset {border:0px;margin-bottom:15px;}
.ContactForm p {float:left;width:600px;margin:6px 0 0 6px;}
.ContactForm label {float:left;width:120px;margin:0 0 2px 0;}
.ContactForm input {float:left;width:250px;margin:0 0 2px 0;}
.ContactForm textarea {float:left;width:250px;margin:0 0 2px 0;}
.ContactForm input.frmButton {float:left;width:100px;margin:0 0 20px 119px;}

#umbMemberControlsLogin fieldset {border:0px;margin-bottom:15px;}
#umbMemberControlsLogin p {float:left;width:250px;margin:0 0 0 6px;}
#umbMemberControlsLogin label.umbMemberControlsLabel {float:left;width:100px;height:1em;margin:-6px 0 2px 0;}
#umbMemberControlsLogin input {float:left;width:120px;margin:0 0 2px 0;}
#umbMemberControlsLogin input.umbMemberControlsButton {float:left;width:100px;margin:0 0 0 99px;}




/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */