/*
Theme Name: Wordpress Frame
Theme URI: http://miralize.com
Description: Used to make themes faster.
Version: 1.0
Author: Sean O' Grady
Author URI: http://miralize.com.
*/


/*//////////////////////////////////////////////////////////

CSS by Miralize.com

- Main
- Bits
- Frame
- Header and Menu
- Content and Comments
- Secondary
- Footer

Colours used

-
-
-
-


//////////////////////////////////////////////////////////*/

/* Main */

@charset "utf-8";
/* CSS Document */

@import url("reset.css");

html {
	font-size:16px;
}

body {
	background:#422866;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; 
	font-size:62.5%; 
	line-height:1.5;
}
	
/* End Main */
	
/*//////////////////////////////////////////////////////////*/

/* Bits */

.clear {clear:both; line-height:0.1px;}
a {outline:none; text-decoration:none; color:#1a1a1a;}
a:hover {text-decoration:underline;}


img.alignright {float:right; margin:0 0 15px 15px}
img.alignleft {float:left; margin:0 15px 15px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 15px 15px}
a img.alignleft {float:left; margin:0 15px 15px 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.aligncenter,div.aligncenter {display: block;	margin-left: auto;	margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color:#f3f3f3; padding-top:4px;	margin:10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;}
.wp-caption img {margin: 0; padding:0; border:none;}
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}


/* End Bits*/

/*//////////////////////////////////////////////////////////*/

/* Start Frame */

#container { 
	width:960px; 
	margin:0 auto; 
	padding: 0 50px;
	overflow:hidden;
}


#primary {
	width:300px; 
	margin:10px 20px 0 0;
	padding:0;
	float:left;
}

#secondary { 
	width:600px; 
	padding:10px 20px; 
	float:left; 
	background:url(images/primarybg.png) repeat;
	color: #fff;
}

#footer { 
	padding:7px 10px; 
	background:#d9d9d9; 
	font-size:1.3em; 
	width:940px; 
	overflow:hidden;
}


/* End Frame*/

/*//////////////////////////////////////////////////////////*/

/* Header and Menu */
#logo h1 a,#logo h3 a {
display: block; width:300px; height: 126px; text-indent: -99999px; overflow: hidden; background: url(images/logo.png) no-repeat top left;
	
}

ul#menu  {
 margin-bottom: 20px; width: 600px; overflow: hidden;
} 

ul#menu  li {
	display: inline;
	float: left;
}

ul#menu li a{
display: block; 
margin: 0 20px 0 0;
font-size: 1.4em; 
font-weight: 200;
color: #fff;
text-decoration: none;
text-transform: lowercase;

}

ul#menu li a:hover{
color: #b66fbc; 
text-decoration: underline;

}

/* End Header and Menu */

/*//////////////////////////////////////////////////////////*/

/* About */

#aboutbox {background: url(images/primarybg.png) repeat; -moz-border-radius: 10px; padding: 10px 20px; margin: 10px 0;}

#aboutbox h2 {font-size: 2.2em; color: #fff; font-weight: 200;}

#aboutbox h2 span {color: #b66fbc; font-weight: 400;}

#aboutbox p {font-size: 1.2em; color: #fff; line-height: 1.5; text-align: justify;}

#aboutbox p#aboutlink  {display: block; text-align: right;}
#aboutbox p#aboutlink a{font-size: 1.5em; color: #fff; font-weight: 200; }

#aboutbox p#aboutlink a span {color: #b66fbc; font-weight: 400;}
/* End About */

/*//////////////////////////////////////////////////////////*/

/* Content and Comments */

#pagetitle {color: #fff; font-size: 3.6em; font-weight: 200;}
#pagetitle span {color: #b66fbc; font-weight: 400;}

.post {
	padding-bottom:10px;
}


.post h1, .post h3 {
	 
	display:inline-block;
	line-height:1;
	font-size:2.5em;
	letter-spacing: -1px;
	font-weight:200;
	}

	
.post h3 a{ 
color: #fff;
}

.post h3 a:hover {

color: #b66fbc;
text-decoration: none;}

.meta {

	padding:5px 7px; 
	color:#1a1a1a;
	margin:7px 0;
	
}

.meta a {
color:#55addc;	
}
.post p {
	
	text-align:justify; 
	font-size:1.3em; 
	
}

.post blockquote {
background:#e9e9e9;
margin:5px 10px 0 10px;
padding:7px 10px;
}

.post blockquote p {padding:0; margin:0;}

.post p cite { margin:-5px 0 15px 5px; background:#d9d9d9; padding:3px;} 

.post ul {
	list-style:outside;
	margin-left:30px;
	padding:0 15px;
	font-size:1.2em;

}



.post ol {
		list-style:decimal;
	margin-left:30px;
	padding:0 15px;
	font-size:1.2em;

}
.comments {font-size:1.3em;}

.comments ol li{ background:#d9d9d9; padding:10px 15px; border-bottom:1px solid #fff; }
.comments ol li.alt {background:#e9e9e9; border-bottom:1px solid #fff;}


.commentmeta {font-size:0.7em;}

#commentform label small{font-size:1.1em;}
.commentinput, .commenttext{font-size:1.3em; margin-bottom:10px; padding:5px; font-family:Arial, Helvetica, sans-serif;}

.commentinput {width:250px;}
.commenttext {width:628px; height:300px}

/* End Content and Comments */

/*//////////////////////////////////////////////////////////*/

/* Secondary */

.widget {
	padding:10px 0px;
	
}

.widget h4 {
	color: #fff;
	font-weight: 200;
	text-transform: lowercase;
	font-size:2.5em;}
	
	.widget h4 span{color: #b66fbc; font-weight: 400;}

.widget ul{
	padding:3px 0;
}

.widget ul li {
	font-size:1.2em; 
	padding:0 0 3px 0;}
	
	.widget ul li a {text-decoration:underline;}
	.widget ul li a:hover {text-decoration:none;}
	
	#sidebuttons {padding: 0; margin: 10px 0;}
	
	#sidebuttons li a{width: 280px; display: block; text-indent: -9999px; overflow: hidden;}
	.sublink a {height: 80px; background: url(images/sublink.png) no-repeat;}
	.twitlink a {height: 60px; background: url(images/twitlink.png) no-repeat;}
	.flicklink a {height: 50px; background: url(images/flickrlink.png) no-repeat;}
	
	#flickimg {width: 300px; overflow: hidden;}
	
	#flickimg li {display: inline; float: left; margin:0 20px 10px 0;}
	
	#flickimg li.nomargin {margin: 0 0 10px;}
	
	#flickimg li a {display: block; background: url(images/primarybg.png); -moz-border-radius: 8px; padding: 10px;}
	
	#flickimg li a img{ width: 60px; }
/* End Secondary */

/*//////////////////////////////////////////////////////////*/

/* Footer */

.footerLeft {
float:left;	
}

.footerRight {
	
float:right;	
}


/* End Footer*/

/*//////////////////////////////////////////////////////////*/