brochure website for tamejs, first real version. could use a redesign.

web/css/tamejs_site.css

@@ -0,0 +1,136 @@
+body {
+	background: white url(/img/bg2.png) repeat-x top center;
+	font-family:arial;
+	font-size:15px;
+}
+.fixed {
+	position:fixed;
+}
+#wrapper {
+	margin: 0 auto;
+	width:740px;
+}
+#google_plus_container, #facebook_like_container, #tweet_container {
+	padding:3px;
+	margin-left:35px;
+}
+#tweet_container {
+	margin-top:10px;
+}
+#logo {
+	width:316px;
+	margin:0 auto;
+	margin-top:100px;
+	margin-bottom:100px;
+}
+#body_column {
+	padding: 10px 10px;
+	width: 740px;
+	background: #fff;
+	border:2px solid #eee;
+	-webkit-border-radius: 12px;
+	-moz-border-radius: 12px;
+	color: #555;
+}
+#body_left {
+	width:200px;			
+	float:left;
+}
+#body_right {			
+	width:520px;
+	float:left;		
+}
+#body_right p {
+	line-height:1.5em;
+	margin-top:30px;
+}
+a {
+	color:#6aaaff;
+	text-decoration:none;
+}
+#body_right h3 {
+	font-size:1.6em;
+	margin-top:30px;
+}
+.note_container {
+	margin:10px;
+	padding:20px 20px 20px 20px;
+	background-color:#f8f8f8;
+	border:2px solid #eee;
+	-webkit-border-radius: 12px;
+	-moz-border-radius: 12px;	
+}
+.note_container p {
+	line-height:1.5em;
+	margin: 5px 0 5px 0px;
+	font-size:0.8em;
+}
+.note_container b {
+	font-size:1.0em;
+}
+.note_container h4 {
+	text-align:center;
+	margin-top:0px;
+}
+.main_ul {
+}
+.main_ul li {
+	margin:5px 0 5px 0px;
+	line-height:1.5em;
+}
+.code_term {
+	font-weight:bold;
+	color:#E28964
+}
+.question {
+	font-weight: bold;
+}
+.answer {
+}
+
+/* ------------- */
+/* Pretty printing styles. Used with prettify.js. */
+/* Vim sunburst theme by David Leibovic */
+
+pre {
+	font-family:courier;
+	font-size:9pt;
+}
+pre.prettyprint {
+	border-width:0;
+	border-top:1px solid #eee;
+	border-bottom:1px solid #eee;
+	margin:10px;
+	padding:20px;
+}
+pre .str, code .str { color: #65B042; } /* string  - green */
+pre .kwd, code .kwd { color: #E28964; } /* keyword - dark pink */
+pre .com, code .com { color: #AEAEAE; font-style: italic; } /* comment - gray */
+pre .typ, code .typ { color: #89bdff; } /* type - light blue */
+pre .lit, code .lit { color: #3387CC; } /* literal - blue */
+pre .pun, code .pun { color: #999; } /* punctuation - white */
+pre .pln, code .pln { color: #666; } /* plaintext - white */
+pre .tag, code .tag { color: #89bdff; } /* html/xml tag    - light blue */
+pre .atn, code .atn { color: #bdb76b; } /* html/xml attribute name  - khaki */
+pre .atv, code .atv { color: #65B042; } /* html/xml attribute value - green */
+pre .dec, code .dec { color: #3387CC; } /* decimal - blue */
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE; } /* IE indents via margin-left */
+li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
+/* Alternate shading for lines */
+li.L1,li.L3,li.L5,li.L7,li.L9 { }
+
+@media print {
+  pre .str, code .str { color: #060; }
+  pre .kwd, code .kwd { color: #006; font-weight: bold; }
+  pre .com, code .com { color: #600; font-style: italic; }
+  pre .typ, code .typ { color: #404; font-weight: bold; }
+  pre .lit, code .lit { color: #044; }
+  pre .pun, code .pun { color: #440; }
+  pre .pln, code .pln { color: #000; }
+  pre .tag, code .tag { color: #006; font-weight: bold; }
+  pre .atn, code .atn { color: #404; }
+  pre .atv, code .atv { color: #060; }
+}
+