/*
Theme Name: Redemption
Theme URI: http://applemansigloo.net
Description: Redemption based on HTML5 Starkers by  Nathan Staines
Author: Benjamin Southall aka Appleman1234
Author URI: http://applemansigloo.net
Tags: redemption, gackt
*/

@import "css/reset.css";
@import "css/layout.css";

/* Theme starts here , may need to add divs with ids 
for unique identifiers, should have a play in chrome or firefox first
such nice tags :)
*/

body {
        font-size: 62.5%; /* Resets 1em to 10px */
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        color: #330033;
	    background-color:#330033;
        text-align: center;
}

hgroup {
        padding: 0;
        margin: 0 auto;
        width: 100%;
	height: 80px;

}

#canvasbg {
position:absolute; 
top:0;
left:0;
width:100%;
height:100%;
overflow:auto;
z-index:1;
pointer-events:none;
}

#everything {
}
a {
	color: #330033;
}
.list {

}

.item {
	padding:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
}

article,nav{
  margin-left: auto;
  margin-right: auto;
  width:80%;
  background-color:#33FF66;
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

article li {
margin-left:1.5em;   
}

article p {
padding:5px;
}

article p,article li {
font-size: 12px;
}

#headerinternal {
line-height:6em;
height:6em;
width:80%;
margin: 0 auto;
background-color:#33FF66;
 /* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
}

#sidebarinternal {
width:80%;
margin: 0 auto;
background-color:#33FF66;
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
text-align:center;

}

#sidebar,
#sidebarend {
clear:both;
}

#linkcat-7,div.widget {
float:left;
width:20%;
height:80%;
text-align:center;
}

#sidebar,
div.widget,
#linkcat-7 li,
div.widget li {
list-style-type:none;
}

/*Temporary Border Stuff for layout determination, keeping green border as it looks nice
#header,
#footer,
#sidebar,
#nav,
article,
nav {
border-style:solid;
border-width:5px;
border-color:red;
}*/
div.internal,
nav,
article {
border-style:solid;
border-width:3px;
border-color:green;
border-radius: 7px;

}
/*
#widget, #linkcat-7 {
border-style:solid;
border-width:5px;
border-color:blue;
}*/
#footerinternal {
width:80%;
background-color:#33FF66;
margin: 0 auto;
/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;

}
footer {
        padding: 0 0 0 1px;
        margin: 0 auto;
        clear: both;

}

aside {
      /*  padding: 20px 0 10px 0;
        margin-left: 545px;
        width: 190px;
	*/
}

nav {

}

article {
padding: 5px;
text-align:left;
}

h1, h2, h3 {
        font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
        font-weight: bold;
        padding:5px;
	}
 
h1 {
        font-size: 2.8em;
        text-align: center;
 
        }

#content {
	font-size: 1.2em;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}
	
.narrowcolumn .postmetadata {
	text-align: center;
	}

.alt {
	background-color: #009900;
	border-top: 1px solid #339900;
	border-bottom: 1px solid #339900;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}

h1 {
	font-size: 2.8em;
	text-align: center;
        
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

article h2 {
	font-size: 1.6em;
	}

h2 {
	font-size: 1.6em;
        text-align: center;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.6em;
	}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: #006600 ;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #006600;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #330033;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #330033;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #660033;
	text-decoration: none;
	}

a:hover {
	color: #660033;
	text-decoration: underline;
	}
	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

input[type="text"] {
    width: 90%; 
	margin: 5px;
}
/* End Typography & Colors */