/* RESET ****************************************************************************************************************************************************************************/
/* adapted from http://meyerweb.com/eric/tools/css/reset/ *//* v1.0 | 20080212 */

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,
b, u, i, center, 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-size: 100%; vertical-align: baseline; background: transparent;}
body { line-height: 1;}
/*ol, ul {list-style: none;}*/
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {	outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

a img { border:none; }
a {cursor:pointer; }
a:link, a:visited { text-decoration:none; }
a:hover, a:active { text-decoration:underline; }

/* GRID ****************************************************************************************************************************************************************************/
.container_12, .container_16{margin-left: auto; margin-right: auto; width: 960px;}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16{ display: inline; float: left; }

.container_12 .grid_1{width: 80px;}
.container_12 .grid_2{width: 160px;}
.container_12 .grid_3{width: 240px;}
.container_12 .grid_4{width: 320px;}
.container_12 .grid_5{width: 400px;}
.container_12 .grid_6{width: 480px;}
.container_12 .grid_7{width: 560px;}
.container_12 .grid_8{width: 640px;}
.container_12 .grid_9{width: 720px;}
.container_12 .grid_10{width: 800px;}
.container_12 .grid_11{width: 880px;}
.container_12 .grid_12{width: 960px;}

.container_16 .grid_1{width: 60px;}
.container_16 .grid_2{width: 120px;}
.container_16 .grid_3{width: 180px;}
.container_16 .grid_4{width: 240px;}
.container_16 .grid_5{width: 300px;}
.container_16 .grid_6{width: 360px;}
.container_16 .grid_7{width: 420px;}
.container_16 .grid_8{width: 480px;}
.container_16 .grid_9{width: 540px;}
.container_16 .grid_10{width: 600px;}
.container_16 .grid_11{width: 660px;}
.container_16 .grid_12{width: 720px;}
.container_16 .grid_13{width: 780px;}
.container_16 .grid_14{width: 840px;}
.container_16 .grid_15{width: 900px;}
.container_16 .grid_16{width: 960px;}

/* TEXT ****************************************************************************************************************************************************************************/
body { 
	font:68.75% Arial, Helvetica, sans-serif; /* sets 1em to 11px */
}
body * {line-height:1.273em; /* 14px */}

textarea { font-family: Arial, Helvetica, sans-serif; }

a:focus{outline: 1px dotted invert;}
hr{border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0;}

h1,h2,h3,h4,h5,h6 { font-weight:bold;} 
h1 {font-size:1.455em;} /* 16px*/
h2 {font-size:1.273em;} /* 14px*/
h3, legend {font-size:1.091em;} /* 12px*/
h4, p, li, td, th, label, input, textarea, legend, select {font-size:1em;} /* 11px*/
h5, small, .small{font-size:0.909em;} /* 10px */
h6{font-size:0.818em;} /* 9px */

ol{list-style: decimal;}
ul{list-style: square;}
li{margin-left: 30px;}

p, h1, h2, h3, h4, h5, h6, li { margin:0 0 0.6em 0; } 

/* USEFUL CLASSES ****************************************************************************************************************************************************************************/
/* http://sonspring.com/journal/clearing-floats */
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear{background: none; border: 0; clear: both; display: block; float: none; font-size: 0; list-style: none; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.float_left { float:left !important; }
.float_right { float:right !important; }
.float_none { float:none !important; }
.inline  {display:inline !important ;}
.hidden { text-indent:-2000px; margin:0; overflow:hidden; position:absolute;  }
.padding0 { padding:0 !important; }
.margin0 { margin:0 !important; }

ol.plain, ul.plain { list-style:none; margin:0; padding:0; }
ol.plain li, ul.plain li { margin:0; padding:0; }


/* BOOKMARKS *****************************************************************************************************************************************************************************/	
#bookmarks ul { font-size:100%; color:#666666; list-style:none; padding:0; margin:0px 0px 0px 200px; }
#bookmarks li { float:left; padding: 0px 0px 0px 20px; margin: 0px 15px 0px 25px; background-repeat:no-repeat; background-position:left; }
#bookmarks li.delicious  { background-image: url(/images/global/bookmarks/delicious_icon.jpg); }
#bookmarks li.digg { background-image: url(/images/global/bookmarks/digg_icon.jpg) ;}
#bookmarks li.stumbleupon { background-image: url(/images/global/bookmarks/stumbleupon_icon.jpg); }
#bookmarks li.facebook { background-image: url(/images/global/bookmarks/facebook_icon.jpg); }
#bookmarks li.reddit { background-image: url(/images/global/bookmarks/reddit_icon.jpg); }
#bookmarks a { color:#cccccc; }