html 		{ overflow-y: scroll; overflow-x: hidden; margin:0; padding:0; height:100%; }
body		{ background:url(default/grunge.jpg) top center #000; font-family:tahoma, helvetica, arial, sans-serif; text-align:justify; font-size:13px; color:#999; text-shadow: 2px 1px 1px #000; line-height:16px; margin:0; padding:0; cursor:default; height:100%; }

a 			{ outline: none; text-shadow: 2px 2px 2px #000; text-shadow:none; }
a:link		{ color:#0099ff; text-decoration:none;}
a:visited	{ color:#0099ff; text-decoration:none;}
a:hover		{ color:#fff; text-shadow: 0px 0px 10px #fff; }

#container{ min-height:99%; position:relative; }

#holder		{ width:939px; margin:150px auto 0 auto; padding-bottom:127px; min-height:100%;  }
#main { margin:-300px auto 0 auto; width:939px; }

.body_top { background:url(default/main_top.png) no-repeat; width:939px; height:17px;  }
.body_content { background:url(default/main_middle.png) repeat-y; width:909px; padding:0 15px 0 15px;}
.body_bottom { background:url(default/main_bottom.png) no-repeat; width:939px; height:22px; }

h1{ color:#006699; text-shadow:1px 1px 2px #999; padding:5px 0 0 15px; font-size:24px; padding:10px; border-bottom:1px solid #efefef;}

.body_top_home { display:none;  }
.body_content_home{ background:url(default/main_fading.png) no-repeat; min-height:54px; padding-top:15px; }
.body_bottom_home{ background-image:none; }

.body_content_blog { padding:0; background:none; }
.body_top_blog, .body_bottom_blog{ display:none; }



#banner { background:url(default/banner.jpg) center; height:312px;   }
#banner_content { width:909px; margin:auto; padding-top:20px;}
#blog_form { margin:0 0 70px 15px;}
.forms {}
.logo { background:url(default/name.png) no-repeat; position:absolute; left:0; width:303px; height:175px; float:left; margin-top:-35px; }

#nav_button_container { position:absolute; top:130px; margin-left:15px;}
.nav_button { width:164px; height:29px; background:url(default/nav_button.png) no-repeat; display:block; float:left; text-align:center; padding-top:12px; font-weight:bold;}
.nav_button:hover{ background:url(default/nav_button_hover.png) no-repeat; }
.nav_active { background:url(default/nav_button_active.png) no-repeat; }
#nav_button_container a { color:#fff; }

#blog_side { float:right; width:238px; margin-top:80px;}
#blog_posts { float:left; width:671px; overflow:hidden;}
.blog_posts_top, .body_top_login, .body_top_f1, .body_top_f1links{	background:url(default/blog_posts_top.png) no-repeat; height:19px; width:671px; }
.blog_posts_middle, .body_content_login, .body_content_f1,  .body_content_f1links{ background:url(default/blog_posts_middle.png) repeat-y; width:640px; padding:0 11px 0 20px;  }
.blog_posts_bottom, .body_bottom_login, .body_bottom_f1, .body_bottom_f1links{ background:url(default/blog_posts_bottom.png) no-repeat; width:671px; height:15px; }

.body_content_login{ margin-top:-40px; }



.content_container { line-height:25px; clear:both; margin-top:40px; }
.content_container a:hover{ color:#000; }
.content_container h2 a, h2{ color:#333; display:block; padding:10px; font-size:18px; text-shadow:1px 1px 3px #999;   }
.content_container h2 a { border-top:1px solid #efefef; }
.content_container h2 a:hover { color:#333;  text-shadow:1px 1px 2px #006699; }

.content_middle { text-shadow:none; color:#333; }
.content_middle a { color:#006699 ;}
.content_middle a:hover{ color:#0099ff; text-shadow:0px 0px 20px #333; }
.content_bottom {}
.content_bottom a{ color:#0099ff; display:block; background-color:#efefef;  padding:3px; margin-top:5px; border:1px solid #ddd;  }
.content_bottom a:hover { color:#fff;  text-shadow:1px 1px 2px #000; background-color:#006699; }

.side_container { }
.side_top { width:208px; margin-left:-5px; height:17px; background:url(default/side_top.png) no-repeat; display:block; font-size:16px; padding:15px 15px 15px 20px; color:#ccc;}
.side_middle { width:90%; padding:5%; font-size:10px;}
.side_middle a { color:#ccc; }
.side_middle a:hover { color:#fff; }
.side_bottom {}

#footer_holder { width:100%; background:url(default/footer.png); height:107px; position:absolute; bottom:0;}
#footer {}
#footer_top {}
#footer_middle {}
#footer_bottom {}

.footer_content { width:909px; margin:auto; height:77px; padding-top:30px; overflow:hidden; text-shadow:none;}
#at15s_inner{text-shadow:none; color:#333;}
.addthis_toolbox { margin:0 0 5px -20px; }
.at15t_compact { visibility:hidden; }
.footer_adam { font-size:10px; }

.links a { margin:0 1px 0 1px; color:#fff; }


#foot_menu {}
#menu_toggler {}

#menu{ position:fixed; top:15px; right:20px; width:160px; }
#admin_menu{ background:url(80-transparency-white.png); padding:10px; border:1px solid grey; margin-top:-20px;}
#admin_menu a:hover{ color:#333; }
.signedin{ position:absolute; top:0; right:20px; font-size:11px; color:#fff; }

.black {}

.p404{ text-shadow:1px 1px 2px #000;; color:#fff; }
.p404 a{ text-shadow:1px 1px 2px #000;; color:#ccc; font-weight:bold; }

.clear{ clear:both; }
.left, .float_left{ float:left; }
.right, .float_right{ float:right; }

.flash_message{ position:fixed; top:20%; left:50%; text-align:center; width:700px; margin-left:-350px; height:auto; background:url(speech.png) #006699 repeat-x; padding:20px; font-weight:bold; font-size:14px; border:3px solid white; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0px 5px 3px #333; -webkit-box-shadow: 0px 5px 3px #333;  color:#fff; text-shadow: 1px 1px 2px #000;}

.blog_tags { float:right; font-size:11px; margin-top:-10px;}
.blog_tags a { background-color:#efefef; padding:3px; color:#0099ff;}
.blog_tags a:hover{ color:#fff; background-color:#006699; }

.blog_info		{ line-height:14px; text-align:center; font-size:14px; font-family:Helvetica, Calibri, Arial, sans-serif; color:#efefef; height:48px; width:33px; margin:-70px 0 0 -52px; float:left; padding:4px 3px 0 7px; font-weight:bold; position:absolute; text-shadow:1px 1px 1px #0099ff; background:url(default/blog_info.png) no-repeat; }
.blog_info_day { font-size:24px;  margin:auto; }
.blog_info_year { font-size:11px; }

.content_middle_blog { width:640px;}
.blog_background_image {}

.html5_video_container {}
.html5_video {}

.play_button {}
.play_arrow {}
.play_arrow:hover {}

.flash_video { width:640px; height:360px; float:right; margin-left:10px;}

.loading{ position:absolute; left:50%; background:url(loader.gif) no-repeat; width:128px; height:15px; margin:-50px 0 0 -56px; text-align:center; padding-top:20px; font-weight:bold; display:none;}

.rss		{ background:url(rss.png) no-repeat; width:33px; height:36px; display:block; float:left; }
.rss:hover	{ background:url(rss_hover.png) no-repeat; }

.blogPager{ margin-top:10px; }

#main .button  { color:#efefef; }
#main .button:hover  { color:#fff; }

.edit{ width:10px; height:10px; background-color:#006699; display:block; float:right; border:1px solid white; -webkit-box-shadow:0 0 12px #006699; -moz-box-shadow:0 0 12px #006699; position:absolute; }
.edit:hover { background-color:#0099ff; -webkit-box-shadow:0 0 12px #0099ff; -moz-box-shadow:0 0 12px #0099ff }

div.contactbox label 		{ width:100%; display: block; padding:10px 0 10px 0; margin-top:-20px; }
div.contactbox label span 	{ clear:both; display: block; float:left; width:30%; text-align:right; padding:5px 20px 0 0;}
div.contactbox input, div.contactbox textarea { width:50%;}



.comment_left{ width:31%; float:left; background-color:#006699; color:#fff; padding:2%; }
.comment_left a{ color:#fff; }
.comment_date{ font-size:10px; color:#ccc;  }
.comment_name{ font-size:20px; color:#fff; font-weight:bold; }
.comment_right_container{ }
.comment_right { width:58%; float:right; background-color:#eee; border:2px solid #ccc; padding:3%;  }

.unauthorised{ color:#ccc; background-color:#660000; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 2px solid #ccc;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	width:270px;
	background:#fff;
	-webkit-border-radius:4px; -moz-border-radius:4px;
	color:#333;
	text-shadow: 2px 2px 2px #ccc;
	font-size:11px;
}
#tooltip h3, #tooltip div { margin: 0; }


input[type=text], textarea, input[type=email], select, input[type=password]{ background-color:#efefef; border:none; -webkit-border-radius:3px; -moz-border-radius:3px; padding:5px; margin:3px 0 3px 0; border:2px solid #ccc; color:#454545;}
input[type=text]:hover, textarea:hover, input[type=email]:hover, select:hover, input[type=password]:hover, input[type=checkbox]:hover{ border:2px solid #0099ff; }

#login{ text-shadow:none; }
#login a{ border-bottom:1px solid white; }
#login a:hover{ color:#333; border-bottom:1px solid #ccc; }

#login_side { position:absolute; margin-left:657px; width:238px;}

.portfolio{ color:#333; text-shadow:1px 1px 2px #ccc; line-height:24px; }

.portfolio_half{ width:432px; padding:5px; margin:5px; float:left; background:#f2fafe; border:1px solid #ccc; text-shadow:none; height:150px; overflow:hidden; text-align:right;  }
.portfolio_half_alt{ text-align:left; }
.portfolio_half .video{ float:left; margin-right:5px; width:267px; height:150px; }
.portfolio_half_alt .video { float:right; margin-left:5px; } 
.portfolio_half a { color:#47819e; }
.portfolio_half_alt a:hover { color:#333; }
.portfolio_half_title{ font-weight:bold; font-size:12px; color:#666; line-height:14px; height:100px; display:block; }
.portfolio_half .portfolio_links a { float:right; }
.portfolio_half_alt .portfolio_links a { float:left; }
.portfolio_half .portfolio_links{ color:#aaa; font-size:10px; }
.portfolio_half .portfolio_links a { margin:0 2px 0 2px; color:#ccc; font-size:11px; }

.portfolio_full{ width:888px; padding:5px; margin:5px 5px 15px 5px; background:#efefef; border:1px solid #ccc; text-shadow:none; min-height:160px; overflow:hidden; text-align:right;  }
.portfolio_full_alt{ text-align:left; background:#f2fafe; }
.portfolio_full .video{ float:left; margin-right:5px; width:267px; height:150px; }
.portfolio_full_alt .video { float:left; margin:10px 5px 0 0; } 
.portfolio_full a { color:#47819e; }
.portfolio_full_alt a:hover { color:#333; }
.portfolio_full .title{ font-weight:bold; font-size:16px; color:#333; line-height:14px; display:block; text-align:left; margin-bottom:10px; }
.portfolio_full_alt .title{ text-align:left; color:#333; }

.animation_column{ background:#f2fafe; border:1px solid #ccc;  }
.webdesign_column{  background:#efefef; border:1px solid #ccc; }

.portfolio_full .pf_text{ text-align:justify; }
.portfolio_full_alt .pf_text{ text-align:justify; }

.portfolio_full .portfolio_links{ color:#aaa; font-size:10px; text-align:left; }
.portfolio_full .portfolio_links a { float:left; }
.portfolio_full_alt .portfolio_links { float:left; }
.portfolio_full_alt .portfolio_links a { margin:0 2px 0 2px; color:#ccc; font-size:11px; float:right; }

.portfolio_full img { float:right; margin:-16px 0 0 5px; }

.slider_menu a{ color:#fff; font-weight:bold; -moz-box-shadow:0 5px 10px #000; -webkit-box-shadow:0 5px 10px #000; }
.readmore{ font-weight:bold;  -moz-box-shadow:0 5px 10px #000; -webkit-box-shadow:0 5px 10px #000; border:1px solid grey; display:block; background:url(submit.png) repeat-x; margin:0 10px 10px 10px; text-align:center; cursor:pointer; }
.readmore:hover{ border:1px solid white; }

.showbuttons{ height:50px; margin:150px 0 50px 0;   }
.showbuttons a { width:162px; height:35px; color:#454545; cursor:pointer; padding:10px 0 0 0; text-align:center; }

.showonlyanimation{ background:url(showonlyanimation.png) no-repeat;  position:absolute; display:block;  }
.showonlywebdesign{ background:url(showonlywebdesign.png) no-repeat; position:absolute; margin-left:165px; display:block;   }
.showall{ background:url(showall.png) no-repeat; float:right; display:none; }

.text_float_column{ width:405px; float:left; padding:0 15px 10px 15px; text-align:left; margin:0 2px 0 11px; }

.slider{ overflow: hidden; }

.home_blog{ float:right; margin-top:3px; line-height:30px; opacity:0.2;filter:alpha(opacity=20); }
.home_blog:hover{ opacity:1.0;filter:alpha(opacity=100);}
.home_blog h2{ font-size:12px; color:#ccc; margin:0; color:#fff; border-bottom:1px solid #006699; }
.home_blog a { color:#ccc;}
.home_blog a:hover{  }
.home_blog_title{ display:block; }

.button{
	text-align:center; padding: 5px 10px 6px; color:#efefef; text-decoration: none; font-weight: bold; line-height: 1; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 1px 1px 1px #222; background:url(glow-submit.png) repeat-x #259dc3; -moz-box-shadow: #000 2px 2px 3px; -webkit-box-shadow: #000 2px 2px 3px;
    border:2px solid #fff; width:auto; cursor:pointer; font-size:12px; font-family:calibri, Arial, Helvetica, sans-serif; text-shadow:2px 2px 3px #333;}
.button:hover{ border-color:#fff; background:#006699; -moz-box-shadow: #0099ff 0px 0px 10px; -webkit-box-shadow: #0099ff 0px 0px 5px; }
.red{ background:url(red-submit.png) repeat-x #b63232; border:2px solid #efefef; }
.red:hover{ background-color:#ff0000; -moz-box-shadow: #990000 0px 0px 10px; -webkit-box-shadow: #990000 0px 0px 5px; border:2px solid #fff; }
.yellow{ background:url(yellow-submit.png) repeat-x #e8d200; border:2px solid #efefef; }
.yellow:hover{ background:#ffcc00; -moz-box-shadow: #e8d200 0px 0px 10px; -webkit-box-shadow: #e8d200 0px 0px 5px; border:2px solid #fff; }	
.green{ background:url(green-submit.png) repeat-x #2fc325; border:2px solid #efefef; }
.green:hover{ background:#00CC00; -moz-box-shadow: #00ff00 0px 0px 10px; -webkit-box-shadow: #00ff00 0px 0px 5px; border:2px solid #fff; }

.enlarge{ position:absolute; margin:0 0 0 606px; background:url(default/enlarge.png); width:34px; height:27px; cursor:pointer; } 
.enlarge_alt{ position:absolute; margin:10px 0 0 -272px; float:left; background:url(default/enlarge_alt.png); width:34px; height:27px; cursor:pointer; } 

.related_month{ float:left; clear:both; width:100px; color:#666; font-size:10px; }
.related_link{ float:left; font-weight:bold; }

.related a:hover{ background-color:#efefef; display:block; }

.tag1 {font-size:1.0em}
.tag2 {font-size:1.2em}
.tag3 {font-size:1.4em}
.tag4 {font-size:1.6em}
.tag5 {font-size:1.8em}
.tag6 {font-size:2.0em}
.tag7 {font-size:2.2em}
.tag8 {font-size:2.4em}
.tag9 {font-size:2.6em}
.tag10 {font-size:2.8em}

.tagcloud{ line-height:normal; text-align:left; }
.tagcloud a{ padding-right:10px; }

#home_video{ width:913px; height:183px; }

.mobile_theme{ display:none; }