/* ---------- BODY ----------- */
body { color: #888; background: #1e1e1e; margin: 0px; border-top: 10px solid #0af;}
body { color: #888; background: #1e1e1e; margin: 0px; border-top: 10px solid #0af;}
#outer { background: #1e1e1e; width: 100%; padding-top: 140px; background-image: url('http://moggach.com/media/img/moggach_logotype1100.gif'); background-repeat: no-repeat; background-position: -15px -70px; padding-bottom: 18px;}
#outer { background: #1e1e1e; width: 100%; padding-top: 90px; background-image: none; background-repeat: no-repeat; background-position: -15px -70px; padding-bottom: 18px;}

/* ---------- LAYOUT ---------- */
#left { text-align: right; height:600px; min-height: 600px;}
#extranav { height: 36px; }

#footer { width: 100%; background: transparent; background-image: url('http://moggach/media/img/shadow_top_1280.png');background-repeat: no-repeat; }


/* ---------- TYPOGRAPHY ---------- */
/* Typography */
@font-face {
	font-family: 'QuicksandBook';
	src: url('/media/fnt/Quicksand_Book.eot');
	src: local('☺'),
	url('../fnt/Quicksand_Book-webfont.woff') format('woff'), url('../fnt/Quicksand_Book-webfont.otf') format('opentype'), url('../fnt/Quicksand_Book-webfont.ttf') format('truetype'),
	url('/media/fnt/Quicksand_Book-webfont.woff') format('woff'), url('/media/fnt/Quicksand_Book-webfont.otf') format('opentype'), url('/media/fnt/Quicksand_Book-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'QuicksandLight';
	src: url('/media/fnt/Quicksand_Light.eot');
	src: local('☺'),
	url('../fnt/Quicksand_Light-webfont.woff') format('woff'), url('../fnt/Quicksand_Light-webfont.otf') format('opentype'), url('../fnt/Quicksand_Light-webfont.ttf') format('truetype'),
	url('/media/fnt/Quicksand_Light-webfont.woff') format('woff'), url('/media/fnt/Quicksand_Light-webfont.otf') format('opentype'), url('/media/fnt/Quicksand_Light-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'QuicksandBold';
	src: url('/media/fnt/Quicksand_Bold.eot');
	src: local('☺'),
	url('../fnt/Quicksand_Bold-webfont.woff') format('woff'), url('../fnt/Quicksand_Bold-webfont.otf') format('opentype'), url('../fnt/Quicksand_Bold-webfont.ttf') format('truetype'),
	url('/media/fnt/Quicksand_Bold-webfont.woff') format('woff'), url('/media/fnt/Quicksand_Bold-webfont.otf') format('opentype'), url('/media/fnt/Quicksand_Bold-webfont.ttf') format('truetype');
}

body { font-size: 18px; font-family: 'QuicksandBook',"Helvetica Neue", Helvetica, "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Arial, Verdana, sans-serif; font-weight: normal; text-align: left; }
h1 { font-size: 100%; color: #0af; font-weight: bolder; letter-spacing: 1px; margin-bottom: 9px;}
h1.heading {margin-bottom: 10px;}
h2 { font-size: 75%; color: #fff; margin: 0px; font-weight: normal; }
h3 { color: #777;}
p { font-size: 60%; color: #666; margin: 0px; }
div.body p { margin: 9px 6px; line-height: 18px; }
div.body p.top, .top { margin-top: 0px; }
p.date { color: #999; }
span.date {font-size: 80%; color: #555; margin-left: 10px;}
div.body h2 {margin: 9px 0px 0px 0px;}
blockquote { font-size: 70%; color: #999; margin: 6px 27px;}
div.contact h2 {margin-bottom: 9px; margin-left: 9px;}
div.contact h3 { margin: 0; margin-left: 18px;}
div.contact p {margin: 0px 0px 18px 18px; font-size: 70%;}
p.note {font-size: 60%; font-style: italic; text-align: center; color: #555;}
/* ---------- LINKS ---------- */
a { text-decoration: none; }
a:link, a:visited {color: #aaa; background-color: inherit; }
a:hover { color: white; }
a:active { color: #0af; }

/* ---------- MENU ----------- */
#menu { font-size: 80%; list-style-type: none; font-weight: bold; color: #444; margin-top: 50px; margin-right: 5px; }
#menu li { margin-bottom: 4px; color: #3a3a3a; }
#menu a { text-decoration: none; }
#menu .bot {margin-top: 20px;}
#menu a:link, #menu a:visited {color: #666; border: none; margin: 0; padding: 0;}
#menu a:visited { border-style: none; }
#menu a:hover { color: #eee; text-decoration: none; background: transparent; border: none; }
#menu a:active { color: #0af; text-decoration: none; background: transparent; border: none; }
#menu li.active,#menu li.active a, #menu li.active a:visited {color: #eee;}
#menu li.active a:hover {color: #0af;}
#menu li.active a:active {color: #fff;}
#menu ul.submenu {list-style-type: none; font-weight: normal; font-weight: normal; font-size: 80%; color: #444; margin: 6px 0px 0px 0px; }
#menu ul.submenu li {display: inline; }
#menu ul.submenu a:link, #menu ul.submenu a:visited {color: #444; border: none; margin: 0; padding: 0;}
#menu ul.submenu a:visited { border-style: none; }
#menu ul.submenu a:hover { color: #999; text-decoration: none; background: transparent; border: none; }
#menu ul.submenu a:active { color: #0af; text-decoration: none; background: transparent; border: none; }
#menu ul.submenu li.active {color: #999;}

/* ------- PAGINATOR -------- */
.paginator { font-size: 50%; padding: 9px 0px; height: 18px;}
.paginator .prev-na, .paginator .next-na { border: 1px solid #222; padding: 3px 10px; background-color:#262626; color:#444; }
.paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited { border: 1px solid #333; padding: 3px 10px; background-color:#262626; color:#666; }
.paginator .prev, .paginator .prev-na { margin-right:5px; }
.paginator .next, .paginator .next-na { margin-left:5px; } 
.paginator .page a, .paginator .page a:visited, .paginator .curr { border: 1px solid #333; padding: 3px; margin:0px 3px; background-color:#2c2c2c; color:#666;}
.paginator .curr { border: 1px solid #444; background-color: #333; color:#fff; }
.paginator .page a:hover, .paginator .curr a:hover, .paginator .prev a:hover, .paginator .next a:hover { border: 1px solid #555; background-color:#333; color:#fff; }

div.slides {margin-bottom: 27px;}
img.slide {margin-bottom: 6px;}
.body img, img.slide, a img.slide, a:visited img.slide {border: 5px solid #000; }
a:hover img.slide {border-color: #fff; }
a:active img.slide {border-color: #0af; }

a.rsslink18, a.rsslink18:link { background-image: url('http://moggach.com/media/img/feed-icon-18x18.png'); background-repeat: no-repeat; background-position: 0px 2px; vertical-align: middle; line-height: 18px; padding: 0px 10px 12px 22px; height: 36px;}
a.rsslink14, a.rsslink14:link { background-image: url('http://moggach.com/media/img/feed-icon-14x14.png'); background-repeat: no-repeat; background-position: 0px 2px; vertical-align: middle; line-height: 18px; padding: 4px 10px 14px 18px; height: 36px;}

dd {font-size: 80%;}
/* -------- PROJECTS -------- */

.projectlist {margin-bottom: 9px; }
.projectlist a img, .projectlist visited img { border:3px solid #000; }
.projectlist a:hover img { border-color: #fff; }
.projectlist a:active img { border-color: #0af; }
div#thumbs img, div#thumbs a img, div#thumbs a:visited img {border: 3px solid #000; margin: 0px 3px 3px 0px;}
div#thumbs a:hover img {border-color: #fff;}
div#thumbs a:active img {border-color: #0af;}
div#thumbs h2 {margin: 9px 0;}
ul.movielinks { list-style-type: none; margin: 3px 0; padding: 0; text-indent: 0; font-size: 60%;}
ul.movielinks a, ul.movielinks a:visited {background-image: url('http://moggach.com/media/img/quicktime_32.png'); background-repeat: no-repeat; background-position: 0px 2px; vertical-align: middle; line-height: 36px; padding: 12px 10px 12px 36px; height: 36px; }
ul.movielinks a:hover {background-color: #333; border: 1px solid #666; margin: -1px;}
ul.movielinks a:active {background-color: #333; border: 1px solid #0af; margin: -1px;}

.contact h2 {font-size: 100%;}
a.method {background-image: url('http://moggach.com/media/img/method_icon_24.png'); background-repeat: no-repeat; padding: 4px 10px 5px 25px; margin-left: -5px;}
h3.method {margin-top: 2px; line-height: 20px; font-size: 80%;}
h3.method a {border: none;}
h3.method a:hover {border: none; background: none;background-image: url('http://moggach.com/media/img/method_icon_24.png'); background-repeat: no-repeat; }
a.nb {background-image: url('http://moggach.com/media/img/nb_16.png'); background-repeat: no-repeat; padding: 2px 20px 5px 35px; margin-left: -5px; }
h3.nb {margin-top: 5px; line-height: 20px; font-size: 80%;}
h3.nb a {border: none;}
h3.nb a:hover {border: none; background: transparent;background-image: url('http://moggach.com/media/img/nb_16.png'); background-repeat: no-repeat;}

dl.crewlist {font-size: 60%; margin-left: 6px;}
dl.crewlist dt { margin-top: 9px; color: #ccc;}

/* forms.css */
#contact_form h2 {margin:0}
#contact_form input.field, textarea { width: 300px; font-size: 50%;}
#contact_form label {font-size: 60%;}

.roll dl {margin: 0; margin-left: 50px;}
.roll dl dt {margin: 0; font-size: 75%; font-weight: normal; color: #ddd;}
.roll dl dd {margin: 0; font-size: 55%; color: #666; }

/* ---------- LOGIN ---------- */
div.login h1 {margin: 20px;}
.login { margin: 200px auto; padding: 0px; width: 400px; height: 200px;text-indent: 0px; background: #191919; border-top: 10px solid #0af;}
.login form { font-size: 70%; margin: 20px auto 10px auto; padding: 0; width: 300px; }
.login label { margin: 0; padding: 0; width: 100px; float: left; text-align: right; font-weight: normal; }
.login input { margin: 0; padding: 0; margin-left: 10px;display: inline;}
.login input.submit { margin: 0; padding: }
.login .form-row {margin-bottom: 10px;}

p.errornote {color: #c00; size: 60%; width: 350px; margin: 0 auto; text-align: center; margin-bottom: 10px;}

/* ---------- GLOBAL STUFF ---------- */
.left { float: left; }
.right { float: right; }
.top0 {margin-top: 0; padding-top: 0;}
.top10 { margin-top: 10px; }
.bot10 { margin-bottom: 10px; }
.left10 { margin-left: 10px; }
.right10 { margin-right: 10px; }
.top5 { margin-top: 5px; }
.bot5 { margin-bottom: 5px; }
.left5 { margin-left: 5px; }
.right5 { margin-right: 5px; }
.top7 { margin-top: 7px; }
.bot7 { margin-bottom: 7px; }
.left7 { margin-left: 7px; }
.right7 { margin-right: 7px; }
.zero, div.zero { margin: 0px; padding: 0; }
.clearer { clear: both; }
.600tall {min-height: 800px; height: 800px; background: green}
.top18 {margin-top: 18px;}
.bot18 {margin-bottom: 18px;}
.icon24 {border: none;}