/*
Theme Name: MoyaMoya 
based on starkers
*/


/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
p {margin:5px;padding:5px;}
li {margin: 3px 8px;    padding: 4px 0;}
ol, ul {margin:5px 5px 5px 15px;padding:5px;}
ol li {list-style-type:decimal;}
ul li {list-style-type:disc;}
td, th {padding:4px;}

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #222; text-align:center; background:#333; padding:2px; margin:2px }


/* moya moya-specific stuff*/

/*layout*/
body {text-align:center;}
#header, #footer {margin:0;padding:10px;}
#footer{clear:both; padding-top:30px;}
#header h1, #header h2 {padding:0;margin:0;}
#wrapper {width:100%;float:left;text-align:left;}
#content {width:960px;margin:60px auto;overflow:hidden;}
#leftbox, #rightbox {width: 175px; float:left; margin:30px 0 0;padding:5px;position:relative;}
#leftbox {right:-10px;}
#rightbox {right:10px;}
#leftbox li, #leftbox ul {margin-left:0;padding-left:0;}
#centerbox {width:510px;padding:20px;float:left;}

/*border and background*/
body, #footer, #header {background:#111;}
#wrapper {background:#ffffff url(images/tangleREDfade.jpg);}
#header, #footer {background:#111;}
#header{border-bottom: 3px solid #d80000;}
#footer{border-top:3px solid #d80000;}
#leftbox, #rightbox {background:#ddd;border:1px solid #d80000;}
#leftbox li {list-style-type:none;}
#centerbox{background:#111;border:1px solid #232323}

/*font and color*/
body {font-family:tahoma,verdana,sans-serif;font-size:14px;line-height:1.2;color:#232323;}
#leftbox, #rightbox {color:black;}
#centerbox, #footer{color:white;}
h1,h2,h3,h4 {font-weight:bold;color:#d80000;padding:5px 0;}
h1 {font-size:2em;line-height:1.4;}
h2 {font-size:1.6em;line-height:1.2;}
h3 {font-size:1.3em;}
h4 {font-style:italic;}

#header h1, #header h2 {color:white;text-shadow: 1px 1px 1px #700;}

/*links*/
#leftbox a {text-decoration:none; color:#232323; color:#332518;display:block;;padding:2px;}
#leftbox a:hover, #leftbox a.active {background:#232323;color:white;}
a {color:#d80000;}
a:hover{color:white;}
#centerbox a {color:#acacac;}
#centerbox a:hover {color:#d80000;}

/*other*/
.widget {border-bottom:0px groove #ddd;padding-bottom:5px;margin-bottom:10px}
.half {width:45%;}
.right {float:right;text-align:right;}
.left {float:left; text-align:left;}
.arrow {background-image:url(images/arrowSm.png); 
	background-repeat:no-repeat; 
	padding-left:115px; padding-top:25px; 
	font-size:1.1em;height:70px;}
.arrow a {padding-right:3px;color:#d80000;}
.arrow a:hover {color:black;}
div.page:first-letter{font-family:'monotype corsiva', georgia, serif; font-size:3em;}

.button a {
color:#000 !important;
text-decoration:none;
padding:10px;
background-color: #ccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999));
  background-image: -webkit-linear-gradient(top, #ffffff, #999999);
  background-image:    -moz-linear-gradient(top, #ffffff, #999999);
  background-image:      -o-linear-gradient(top, #ffffff, #999999);
  background-image:         linear-gradient(to bottom, #ffffff, #999999);
border:1px solid #555;
border-radius:4px;
display:block;
width:100px;}


/* sub menus in the left box */
#leftbox ul.children {margin:0;padding:0}
#leftbox ul.children  li {margin: 2px 0 2px 20px; padding:0;font-size:.9em;}