sudosocial.me.css

/*

  Copyright 2008 Mahesh Asolkar

  Licensed under the Apache License, Version 2.0 (the "License");
  you may not use this file except in compliance with the License.
  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing, software
  distributed under the License is distributed on an "AS IS" BASIS,
  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  See the License for the specific language governing permissions and
  limitations under the License.

*/

/* -- Reset Styles --
  From: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

/* -- Reset Done -- */

/* My sudoSocial Style */
@font-face {
  font-family: "Emptyem Choice";
  /* http://www.fontsquirrel.com/fonts/Andika-Basic */
  src: url("http://emptyem.mahesha.com/AndBasR.ttf");
}
 
body {
  line-height : 1.7em;
  margin : 0 0 0 0;
  top: 0px;
  overflow : auto;
  width : 100%;
  height : 100%;
 
  background: #bbb;
 
  font-family: "Emptyem Choice", "Trebuchet MS", sans-serif;
  
  font-size: 15px;
  color:#000;
  text-shadow: 0 1px 1px #eee;
}
 
#shrink_wrapper_shell {
  display: block;
  /*position : fixed;*/
  margin : 0 auto;
  text-align : center;
  background-color : transparent;
  background : url(back.png) no-repeat center top;
}
#shrink_wrapper {
  position : relative;
  display : block;
  width : 720px;
  margin : 0 auto;
  margin-left : auto;
  margin-right : auto;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 10px;
  text-align : left;
}
 
p {
  margin-top : 1.2em;
}
 
br.clear {
  clear : both;
  padding : 3px;
}
 
h1 {
  font-size : 48px;
  font-weight : bold;
  padding-top : 1em;
  padding-bottom : 0.5em;
}
h2 {
  font-size : 20px;
  font-weight : bold;
  padding-top : 1em;
  padding-bottom : 0.5em;
}
code {
  font-family : monospace;
}
#emptyem_img {
  float : left;
  padding : 20px;
  width : 30%;
}
#emptyem_desc {
  float : right;
  padding : 20px;
  font-size : 24px;
  width : 50%;
  line-height : 1.5em;
  color : #333;
}
 
a {
  text-decoration : none;
  color : #070;
}
a:hover {
  text-shadow: -1px -1px 6px #fff;
}
 
.menu_type {
  font-size : 13px;
  font-style : italic;
  font-family : monospace;
}
.img_thumb {
  width : 200px;
  height : 100px;
  border : 10px solid #eee;
  margin-left : 5px;
  margin-right : 5px;
}
#emptyem-fancybox-title-over {
  background-color: #ccc;
  font-family:"Trebuchet MS",sans-serif;
  font-size: 12px;
  color:#000;
  padding : 8px;
  text-shadow: 0 1px 1px #fff;
}
ul {
	list-style: disc;
  padding: 1em;
}