@charset "UTF-8";
/* CSS Document */

/* Main */
body { background-repeat:repeat-x; background-attachment:fixed; }
body.background_1 { background-image:url("../img/backgrounds/bg_1.jpg"); }
body.background_2 { background-image:url("../img/backgrounds/bg_2.jpg"); }
body.background_3 { background-image:url("../img/backgrounds/bg_3.jpg"); }
body.background_4 { background-image:url("../img/backgrounds/bg_4.jpg"); }
body.background_5 { background-image:url("../img/backgrounds/bg_1.jpg"); }
body.background_6 { background-image:url("../img/backgrounds/bg_6.jpg"); }
body.background_7 { background-image:url("../img/backgrounds/bg_7.jpg"); }
body.background_8 { background-image:url("../img/backgrounds/bg_8.jpg"); }
body.background_9 { background-image:url("../img/backgrounds/bg_9.jpg"); }
/* image from: http://aajohan.deviantart.com/art/Stars-86894028 */
body.background_10 { background-image:url("../img/backgrounds/bg_10.jpg"); }
a { color:#006bc5; }
a:hover { color:#005195; text-decoration:none; }
img { border:0; }

#wrapper { width:960px;	margin:auto; overflow:auto; clear:both; padding-top:20px; }
#header { width:960px; margin:auto; overflow:auto; }
#header #title { background-color:#000; width:491px; height:74px; background-image:url("../img/maxnovakovic.png"); background-repeat:no-repeat; background-position:center; margin-bottom:10px; float:left; }
#header #title h1 { display:none; }
#header #navigation { float:right; margin-top:40px; overflow:auto; cursor:pointer; }
#header #navigation span { display:block; float:right; height:34px; }
#header #navigation span span { display:none; }
#header #navigation #navigation_work { background-image:url(../img/nav_work.jpg); width:78px; }
#header #navigation #navigation_blog { background-image:url(../img/nav_blog.jpg); width:68px; }
#header #navigation #navigation_about { background-image:url(../img/nav_about.jpg); width:85px; }

#content { overflow:auto; }
#content #leftcolumn { float:left; width:600px; }
#content .box { /* Below is the ugly IE transparency fix */ 
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/bg_fff_40.png');
				background-repeat:repeat; padding:20px; margin:10px;overflow:auto;}
#content .box[class] { background-image:url('../img/bg_fff_40.png'); }
#content .box>h2 { display:block; font-size:26px; margin-top:-3px; margin-bottom:7px; color:#333; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px; text-transform:uppercase; font-weight:100; }
#content .box>div { background-color:#FFF; padding:10px; }

#footer #footer_img { margin-top:40px; height:106px; background-image:url(../img/footerbg.png); }
#footer #footer_white { background-color:#FFF; padding:30px 0 20px 0; margin-top:-10px; overflow:auto; width:100%; }
#footer #footer_content { margin:auto;width:920px;}
#footer #createdby { line-height:18px;  font-size:11.5px; color:#111; float:left;width:630px; }
#footer #createdby #aboutlink { color:#111; text-decoration:none; font-weight:bold; }
#footer #createdby #creditslink { color:#111; text-decoration:none; }
#footer #createdby #copyright { color:#666; }
#footer #createdby #copyright img { vertical-align:middle; margin-right:4px; margin-top:-2px; }
#footer #createdby #copyright a { color:#666; font-weight:normal; }
#footer #createdby #copyright a:hover { color:#333; text-decoration:underline; }
#footer #bottomlinks { float:right; width:280px; line-height:18px;  font-size:11.5px; color:#111; text-align:right;}
#footer #bottomlinks #topofpage { color:#666; text-decoration:none; } 
#footer #bottomlinks #topofpage:hover { color:#333; text-decoration:underline; } 

/* Fonts */

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#111; }
#content .box h2 { font-family:Tahoma, Geneva, sans-serif; font-size:24px; letter-spacing: +3px; color:#111; text-transform:uppercase; }

/* Content Specific */

#content .box.blogpost { margin-left:0px; width:600px; }
#content .box.blogpost div { line-height:18px; }
#content .box.blogpost div h3.blogtitle { font-size:28px; display:inline; color:#FFF; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px; line-height:35px; text-transform:uppercase; font-weight:100; padding-top:6px;  padding-bottom:4px; background-color:#000; position:relative; top:3px; }
#content .box.blogpost div div.blogretweet { float:right; padding:0px; }
#content .box.blogpost div span.blogdate { font-size:14px; color:#9a9a9a; margin-left:5px; text-transform:uppercase; }
#content .box.blogpost div p.blogtags { padding-left:0px; padding-top:10px; padding-bottom:8px; }
#content .box.blogpost div p.blogimage { background-color:#6fa1cd; padding:4px; }
#content .box.blogpost div p.blogtext { padding-left:0px; padding-top:5px; padding-bottom:0px; }
#content .box.blogpost div p.blogmorelink { padding-left:0px; padding-top:0px; padding-bottom:0px; text-align:right; letter-spacing:normal; font-weight:bold; }


#content .box#stream { margin-left:0px; width:600px; margin-top:20px; }
#content .box#stream div h3 { color:#000; font-weight:bold; display:block; clear:both; font-size:18px; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px;  text-transform:uppercase; }
#content .box#stream div ul { list-style:none; } 
#content .box#stream div ul li.stream-day { color:#000; font-weight:bold; font-size:18px; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px;  text-transform:uppercase; margin-bottom:10px; } 
#content .box#stream div ul li.stream-entry { clear:both; margin-bottom:10px; }
#content .box#stream div ul li.stream-entry .stream-date {  display:inline-block; vertical-align:top; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#837b7b; width:55px; margin-right:10px; }
#content .box#stream div ul li.stream-entry .stream-desc { display:inline-block; vertical-align:text-top;width:430px; line-height:20px; margin-top:-5px; }
#content .box#stream div ul li.stream-entry .stream-logo { display:inline-block; vertical-align:top; width:77px; background-repeat:no-repeat; background-position:center right; height:16px; margin-top:-4px; }
#content .box#stream div ul li.stream-entry .stream-logo span { display:none; } 
#content .box#stream div ul li.stream-entry .lastfm {  background-image:url(../img/lifestream_lastfm.jpg); }
#content .box#stream div ul li.stream-entry .twitter { background-image:url(../img/lifestream_twitter.jpg); }
#content .box#stream div ul li.stream-entry .delicious { background-image:url(../img/lifestream_delicious.jpg); }
#content .box#stream div ul li.stream-entry .digg { background-image:url(../img/lifestream_digg.jpg); }
#content .box#stream div ul li.stream-entry .facebook { background-image:url(../img/lifestream_facebook.jpg); }
#content .box#stream div ul li.stream-entry .stumbleupon { background-image:url(../img/lifestream_stumbleupon.jpg); }

#content .box#about { margin-right:0px; width:260px; float:right; }
#content .box#about div { padding-top:6px; padding-bottom:6px; }
#content .box#about div { font-family:Tahoma, Geneva, sans-serif; color:#4A4A4A; font-size:14px; line-height:20px; letter-spacing:+2px; }
#content .box#about div strong { color:#000; }
#content .box#about .top-pad { margin-top:20px; }

#content .box#twitter { margin-right:0px; width:260px;float:right; }
#content .box#twitter div { overflow:auto; }
#content .box#twitter img { float:left; }
#content .box#twitter #tweet { background-color:#ececeb; }
#content .box#twitter #quoteopen { margin-left:5px; margin-top:-2px; float:left; }
#content .box#twitter #quoteclose { float:right; margin-right:5px; margin-top:-6px; }
#content .box#twitter #tweettext {  padding:10px 10px 0 10px; margin-bottom:-5px; color:#333; line-height:17px; overflow:hidden; margin-top:-16px; margin-left:13px; }
#content .box#twitter #tweettext a {  color:#333; }

#content .box#photos { margin-right:0px; width:260px; float:right; }
#content .box#photos div { clear:left; display:block; overflow:hidden; text-align:right; }
#content .box#photos div img { float:left; margin-right:7.5px; margin-bottom:7.5px; width:75px; height:75px; }
#content .box#photos div img.endphoto { margin-right:0px !important; }
#content .box#photos div img#flickrlogo { margin:0px; float:none; display:inline; clear:left; margin-bottom:-1px; width:auto; height:auto; }

.qtip { font-size:9px; }

.clearleft { clear:left; }

.super { vertical-align:super; font-size:42%; }