/*	global definitions */

body {background-color: #FFF; background: url(http://systemic-design.at/images/site/bgrnd_gradient.png) repeat-x; overflow: scroll;}

ul {list-style-position: outside; list-style-type: square;}

br.clHorizontalRuler {margin: 50px 0;}



/*	container definitions */

div#objSiteContainer {position: absolute; top: 35px; left: 50%; width: 980px; margin-left: -490px; padding: 0;}

div#objUCBar {position: absolute; top: 0px; left: 0px; width: 100%; height: 88px; background: url(http://systemic-design.at/images/site/uc_brandnew.png) no-repeat; text-align: center;}

div#objNavBar {position: absolute; top: 0; right: 0; width: 225px; height: 571px; background: url(http://systemic-design.at/images/site/bgrnd_logo.png) no-repeat;}
div#objNavLinkContainer {position: absolute; top: 375px; left: 25px; width: 175px;}
div#objFeedContainer {position: absolute; top: 470px; left: 25px; width: 175px;}
div#objCopyrightContainer {position: absolute; top: 515px; left: 25px; width: 175px;}

div#objDetailsBar {position: absolute; top: 0; right: 245px; width: 250px; height: 571px; background: url(http://systemic-design.at/images/site/bgrnd_contact.png) no-repeat;}
div#objTwitterBubble {position: absolute; top: 30px; left: 32px; width: 280px; height: 160px;}
/* background: url(http://systemic-design.at/images/site/twitter_bubble) no-repeat; */
div#objTwitterBubble p.clTweetText {font: 10px "Verdana"; line-height: 18px; color: #333; margin: 15px 10px 10px 25px; width: 180px;}
div#objTwitterBubble p.clTwitterDate {font: 9px "Verdana"; line-height: 12px; color: #4689D7;}
div#objTwitterDate {position: absolute; bottom: 20px; left: 11px; width: 227px; height: 1em;}
div#objTwitterDate p {font: 9px "Verdana"; line-height: 12px; color: #4689D7; text-align: center;}

div#objLinkContainer {position: absolute; top: 310px; left: 0; width: 480px;}

div#objContentContainer {position: absolute; top: 0; left: 0; width: 480px;}



/*	subformats for objContentContainer */

div#objContentContainer a.clAboutLink:link    {font: 12px "Verdana"; line-height: 30px; text-decoration: none; color: #DA511B;}
div#objContentContainer a.clAboutLink:visited {font: 12px "Verdana"; line-height: 30px; text-decoration: none; color: #DA511B;}
div#objContentContainer a.clAboutLink:focus   {font: 12px "Verdana"; line-height: 30px; text-decoration: none; color: #DA511B;}
div#objContentContainer a.clAboutLink:hover   {font: 12px "Verdana"; line-height: 30px; text-decoration: none; color: #000;}
div#objContentContainer a.clAboutLink:active  {font: 12px "Verdana"; line-height: 30px; text-decoration: none; color: #DA511B;}

div#objContentContainer a.clJournalLink:link    {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}
div#objContentContainer a.clJournalLink:visited {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}
div#objContentContainer a.clJournalLink:focus   {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}
div#objContentContainer a.clJournalLink:hover   {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #000;}
div#objContentContainer a.clJournalLink:active  {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}

div#objContentContainer a.clJournalDetails:link    {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #4689D7;}
div#objContentContainer a.clJournalDetails:visited {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #4689D7;}
div#objContentContainer a.clJournalDetails:focus   {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #4689D7;}
div#objContentContainer a.clJournalDetails:hover   {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #000;}
div#objContentContainer a.clJournalDetails:active  {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #4689D7;}

div#objContentContainer img.clContentHeader {margin: 10px 0 20px 0;}

div#objContentContainer p.clAboutText {font: 12px "Verdana"; line-height: 30px; color: #666;}

div#objContentContainer h1.clJournalHeader {font: bold 16px "Verdana"; line-height: 20px; color: #693; margin-bottom: 6px;}
div#objContentContainer h2.clJournalHeader {font: bold 12px "Verdana"; line-height: 16px; color: #4689D7; margin: 24px 0 9px 0;}
div#objContentContainer p.clJournalDetails {font: 12px "Verdana"; line-height: 16px; color: #4689D7; margin-bottom: 10px;}
div#objContentContainer p {font: 12px "Verdana"; line-height: 16px; color: #666; margin-bottom: 10px;}

p.clEntryParagraph a:link    {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}
p.clEntryParagraph a:visited {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}
p.clEntryParagraph a:focus   {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}
p.clEntryParagraph a:hover   {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #000;}
p.clEntryParagraph a:active  {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}

li.clEntryItem {font: 12px "Verdana"; line-height: 16px; text-decoration: none; color: #666; margin: 0 0 10px 25px;}
li.clQuoteItem {font: italic 12px sans-serif; line-height: 16px; text-decoration: none; color: #693; margin: 0 0 10px 15px;}

div#objContentContainer span.clLight {font-size: 9px; text-transform: uppercase; color: #693; font-weight: bold;}
div#objContentContainer blockquote {font: italic 12px sans-serif; line-height: 16px; color: #693; margin: 20px 8px; padding: 0 10px; border-left: solid 3px #693;}



/*	subformats for objUCBar */

/*
div#objUCBar:hover {background: url(http://systemic-design.at/images/site/uc_hover.png) repeat-x;}

span.clUCText {visibility: hidden; padding-top: 1px; font: bold 8pt "Verdana"; color: #FFF; text-shadow: 1px #000;}

div#objUCBar:hover span.clUCText {visibility: visible;}

*/


/*	subformats for objNavLinkContainer */

div#objNavLinkContainer a.clMainNavigation {display: block; padding-bottom: 3px; height: 15px;}

div#objLinkSeperator {position: relative; top: 0; left: 22px; width: 0; height: 51px; border-right: solid 2px #4689D7; z-index: 10;}



/*	subformats for objFeedContainer */

div#objFeedContainer a:link    {display: block; height: 15px; padding-bottom: 3px;}
div#objFeedContainer a:visited {display: block; height: 15px; padding-bottom: 3px;}
div#objFeedContainer a:focus   {display: block; height: 15px; padding-bottom: 3px;}
div#objFeedContainer a:hover   {display: block; height: 15px; padding-bottom: 3px;}
div#objFeedContainer a:active  {display: block; height: 15px; padding-bottom: 3px;}

a#feedJournal {background: url(http://systemic-design.at/images/site/feed_journal.png) no-repeat;}

a#feedNews {background: url(http://systemic-design.at/images/site/feed_news.png) no-repeat;}



/*	subformats for objCopyrightContainer */

div#objCopyrightContainer a:link    {display: block; height: 15px; padding-bottom: 3px;}
div#objCopyrightContainer a:visited {display: block; height: 15px; padding-bottom: 3px;}
div#objCopyrightContainer a:focus   {display: block; height: 15px; padding-bottom: 3px;}
div#objCopyrightContainer a:hover   {display: block; height: 15px; padding-bottom: 3px;}
div#objCopyrightContainer a:active  {display: block; height: 15px; padding-bottom: 3px;}

a#ccLicense {background: url(http://systemic-design.at/images/site/etc_cc_license.png) no-repeat;}

div#objCopyrightContainer img {margin-left: -7px; padding-bottom: 3px;}



/*	subformats for objDetailsBar */

div#objDetailsBar a.clProjectLink:link    {font: bold 12px "Verdana"; line-height: 16px; text-decoration: none; color: #693;}
div#objDetailsBar a.clProjectLink:visited {font: bold 12px "Verdana"; line-height: 16px; text-decoration: none; color: #693;}
div#objDetailsBar a.clProjectLink:focus   {font: bold 12px "Verdana"; line-height: 16px; text-decoration: none; color: #693;}
div#objDetailsBar a.clProjectLink:hover   {font: bold 12px "Verdana"; line-height: 16px; text-decoration: none; color: #000;}
div#objDetailsBar a.clProjectLink:active  {font: bold 12px "Verdana"; line-height: 16px; text-decoration: none; color: #693;}

div#objDetailsBar a.clInTextLink:link    {font: 11px "Verdana"; line-height: 16px; text-decoration: none; color: #693; display:block;}
div#objDetailsBar a.clInTextLink:visited {font: 11px "Verdana"; line-height: 16px; text-decoration: none; color: #693; display:block;}
div#objDetailsBar a.clInTextLink:focus   {font: 11px "Verdana"; line-height: 16px; text-decoration: none; color: #693; display:block;}
div#objDetailsBar a.clInTextLink:hover   {font: 11px "Verdana"; line-height: 16px; text-decoration: none; color: #000; display:block;}
div#objDetailsBar a.clInTextLink:active  {font: 11px "Verdana"; line-height: 16px; text-decoration: none; color: #693; display:block;}

div#objDetailsBar a.clNewsHeader:link    {font: bold 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}
div#objDetailsBar a.clNewsHeader:visited {font: bold 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}
div#objDetailsBar a.clNewsHeader:focus   {font: bold 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}
div#objDetailsBar a.clNewsHeader:hover   {font: bold 12px "Verdana"; line-height: 16px; text-decoration: none; color: #000;}
div#objDetailsBar a.clNewsHeader:active  {font: bold 12px "Verdana"; line-height: 16px; text-decoration: none; color: #DA511B;}

div#objDetailsBar a.clWebLink:link    {font: 11px "Verdana"; line-height: 16px; text-decoration: none; color: #693;}
div#objDetailsBar a.clWebLink:visited {font: 11px "Verdana"; line-height: 16px; text-decoration: none; color: #693;}
div#objDetailsBar a.clWebLink:focus   {font: 11px "Verdana"; line-height: 16px; text-decoration: none; color: #693;}
div#objDetailsBar a.clWebLink:hover   {font: 11px "Verdana"; line-height: 16px; text-decoration: none; color: #000;}
div#objDetailsBar a.clWebLink:active  {font: 11px "Verdana"; line-height: 16px; text-decoration: none; color: #693;}

h1#detailsSkype {background: url(http://systemic-design.at/images/site/icon_skype.png) no-repeat;}
h1#detailsMail 	{background: url(http://systemic-design.at/images/site/icon_mail.png) no-repeat;}
h1#detailsVcard {background: url(http://systemic-design.at/images/site/icon_vcard.png) no-repeat;}
h1#detailsCV 		{background: url(http://systemic-design.at/images/site/icon_work.png) no-repeat;}
h1#detailsETC 	{background: url(http://systemic-design.at/images/site/icon_web.png) no-repeat;}
h1.clProject 		{background: url(http://systemic-design.at/images/site/icon_site.png) no-repeat;}
h1.clWebLink		{background: url(http://systemic-design.at/images/site/icon_web.png) no-repeat; margin-bottom: 5px;}

div#objDetailsBar img.clHeaderImg {margin: 9px 0 15px 55px;}

div#objDetailsBar h1 {font: bold 12px "Verdana"; line-height: 16px; color: #DA511B; margin-left: 34px; padding-left: 23px;}

div#objDetailsBar p {font: 11px "Verdana"; line-height: 16px;}

p.clContactDetails,
p.clDownloads			  {margin: 0 0 8px 57px; color: #666;}
p.clNewsDate				{margin: 0 0 4px 57px; color: #693;}
p.clNewsDetails			{margin: 0 0 20px 57px; color: #666;}

img.clSidebarImageLink {margin-left: 60px;}



/*	subformats for objLinkContainer */

div#objLinkContainer a:link    {font: 11px "Verdana"; line-height: 18px; text-decoration: none; color: #693;}
div#objLinkContainer a:visited {font: 11px "Verdana"; line-height: 18px; text-decoration: none; color: #693;}
div#objLinkContainer a:focus   {font: 11px "Verdana"; line-height: 18px; text-decoration: none; color: #693;}
div#objLinkContainer a:hover   {font: 11px "Verdana"; line-height: 18px; text-decoration: none; color: #000;}
div#objLinkContainer a:active  {font: 11px "Verdana"; line-height: 18px; text-decoration: none; color: #693;}

div#objLinkContainer {font: 11px "Verdana"; line-height: 18px; letter-spacing: normal; text-decoration: none; color: #4689D7;}

div#objLinkContainer img.clHeader {display: block; margin-bottom: 15px;}

div#objLinkContainer h1 {display: inline; font: bold 11px "Verdana"; line-height: 18px; color: #DA511B; letter-spacing: normal; text-transform: uppercase; padding-right: 6px;}



/*	subformats for flickr integration */

#flickr_badge_uber_wrapper 	{margin-left: 53px; width:202px;}
.flickr_badge_image 				{display: inline;}
.flickr_badge_image img 		{border: 1px solid #693; margin: 3px; width: 48px; height: 48px;}


/*	subformats for gallery */

h1.clGalleryHeader		{font: bold 12px "Verdana"; line-height: 16px; color: #DA511B; margin-bottom: 1em;}
p.clGalleryDetails		{font: 11px "Verdana"; line-height: 16px;}

div.clGalleryEntryLeft, div.clGalleryEntryRight		{min-height: 180px;}
div.clGalleryEntryLeft a.clGalleryThumbnail			{float: left; margin-right: 20px;}
div.clGalleryEntryRight a.clGalleryThumbnail			{float: right; margin-left: 20px;}