/*
Theme Name: Pinker33
Theme URI: http://www.pinker33.com/
Description: Personalised theme for pinker33.com
Version:1.0
Author: Craig McCreath
Author URI: http://fusedrealitystudios.com/

*/

/* ------------------------------------------------ */
/* STRUCTURE            					        */

div#container {
	border-left:20px solid #ff7e93;
	padding-left:30px;
	width:800px;
	min-height:100%;
}

/* ------------------------------------------------ */
/* HEADER                					        */

div#header h1 {
	text-transform:uppercase;
	font-weight:bold;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing:-3px;
	padding-top:30px;
	font-size:450%;
	color:#ff7e93;
	margin-bottom:0;
	
	width:266px;
	height:54px;
	background:url(images/title.gif) no-repeat bottom left;
}

div#header h1 span {
	display:none;
}

div#header p#blogdescription {
	font-weight:bold;
	text-transform:lowercase;
	color:#ff7e93;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:140%;
	letter-spacing:-1px;
}

div#header ul {
	background:#ff7e93;
	list-style-type:none;
	margin-left:0;
	padding-left:5px;
	height:35px; /* temp fix as it wouldn't show bg */
	font-family:Arial, Helvetica, sans-serif; /* Just looks better */
}

div#header ul li {
	float:left;
	padding-top:5px;
}

div#header ul li a {
	padding:0 10px 0 10px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-size:150%;
	letter-spacing:-1px;
	color:#fff;
}

/* ------------------------------------------------ */
/* MAIN                 					        */

div#main {
	clear:left;
	padding-top:20px;
}

/* ------------------------------------------------ */
/* POST                 					        */

div#narrowcolumn { /* Used for the majority of posts, pages, etc */
	width:500px;
	padding-right:50px;
	float:left;
}

div#widecolumn { /* Used for pages, etc */
	width:780px;
}

div#narrowcolumn h2, div#widecolumn h2 {
	font-weight:bold;
	font-size:300%;
	letter-spacing:-2px;
	color:#636363;
	margin-bottom:20px;
	line-height:130%;
}

div#narrowcolumn a, div#widecolumn a {
	font-weight:bold;
	text-decoration:none;
	color:#ff3f7f;
}

p.postmetadata span {
	margin:0;
	background:#dee8fa;
	padding:5px;
	border-bottom:1px solid #adbedd;
	color:#636363;
}

div#narrowcolumn a:hover, div#widecolumn a:hover {
	border-bottom:1px dotted #ff3f7f;
	background:#FFFA97;
}

div#narrowcolumn img, div#narrowcolumn object {
max-width:500px; /* To stop Corinne doing anything stupid. */
}

/* ------------------------------------------------ */
/* SIDEBAR              					        */

div#sidebar {
	height:600px;
	float:left;
	width:230px;
	color:#636363;
}

div#sidebar p {
	margin-bottom:5px;
}

div#sidebar a {
	font-weight:bold;
	color:#636363;
	text-decoration:none;
}

div#sidebar ul li ul li a {
	font-weight:normal;
}

div#sidebar a:hover {
	border-bottom: 1px dotted #636363;
}

div#sidebar ul {
	margin:0;
	list-style-type:none;
}

div#sidebar ul li {
	background:#dee8fa url(images/sidebarbox.gif) no-repeat bottom left;
	padding:10px;
	margin-bottom:20px;
}

div#sidebar h3, div#sidebar h2 {
	font-size:120%;
	font-weight:bold;
	margin-bottom:3%;
	color:#636363;
}

div#sidebar ul li ul {
}

div#sidebar ul li ul li {
	border-left:3px solid #adbedd;
	background:none;
	margin-bottom:5px;
	padding:0 0 0 10px;
}

div#sidebar form#searchform {
    position:relative;
    height:35px;
}

div#sidebar form#searchform input#s {
    height:25px;
    width:155px;
    padding:0;
    margin:0;
    position:absolute;
top:0;
left:0;

font-size:150%;
color:#89a0ca;
padding:5px 5px 0 5px;

border:1px solid #adbedd;
}

div#sidebar form#searchform input#searchsubmit {
    position:absolute;
    top:0;
    right:0;
}

/* ------------------------------------------------ */
/* SIDEBAR              					        */

div#footer {
	clear:both;
	color:#fff;
	position:relative;
	padding-bottom:10px;
	width:780px;
}

div#footer p {
	text-align:right;
	padding:10px;
	background:#ff7e93;
}

div#footer p span {
	text-transform:uppercase;
	font-size:120%;
	letter-spacing:-1px;
	font-weight:bold;
}

img.aligncenter, div.aligncenter {
text-align:center;
margin:0 auto;
}

img.alignleft {
float:left;
padding-right:20px;
}

img.alignright {
	float:right;
	padding-left:20px;
}

div#footer hr {
	clear:both;
}