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

h1 {font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; color:#fff; padding: 8px 0 0 0; margin:0;}
h2 {font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; color:#333333; padding: 2px 0; margin:0;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size: .9em; color:#fff; padding: 2px 0 0 0; margin:0;}

body{font-family:Arial, Helvetica, sans-serif; font-size: 1em; color: #333333; background: #ccc url('/brick-creator/images/green-brick.gif') repeat;}

#name {width: 126px; height: 42px; text-align: center; background: #ef8202 url('/brick-creator/images/orange-name-brick.gif'); position: fixed; top: 0px; left: 0px;}
#blue {width: 84px; height: 42px; text-align: center; background: #ccc url('/brick-creator/images/blue.gif');}
#brick-creator {width: 84px; height: 42px; text-align: center; background: #ccc url('/brick-creator/images/blue.gif'); position: fixed; top: 0px; left: 126px;}
#share {width: 84px; height: 42px; text-align: center; background: #ccc url('/brick-creator/images/blue.gif'); position: fixed; top: 0px; left: 210px;}
#rss {width: 42px; height: 42px; position: fixed; top: 84px; left: 0px;}
#linkedin {width: 42px; height: 42px; position: fixed; top: 126px; left: 0px;}
#twitter {width: 42px; height: 42px; position: fixed; top: 168px; left: 0px;}
#contact {width: 42px; height: 42px; position: fixed; top: 210px; left: 0px;}
.drag-me-brick {width: 42px; height: 42px; position: fixed; top: 252px; left: 462px;}
#facebook-share {width: 42px; height: 42px; position: fixed; top: 0px; left: 210px;}
#brickboard {width: 1260px; height: 756px; position: fixed; top: 42px; left: 0px;}

a:link, a:active, a:visited {color: #333333; text-decoration: none;}
a:hover {color: #FF9900; text-decoration: none;}