/*
/*THEME NAME: Mallika
THEME URI: http://blog-relations.com
DESCRIPTION: A minimalistic, hopefully elegant, theme
VERSION: 1
AUTHOR: Hugh Fraser of Blog Relations
AUTHOR URI: http://blog-relations.com
TAGS: minimalistic

 */ 


/* =Reset
----------------------------------------------- */

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 {
	text-align: center;
	
	}

#wrapper {
	text-align: left;
}


 ul {
	list-style: none;
	}

a  {
	text-decoration: none;
	}

	blockquote:before, blockquote:after,
	q:before, q:after {
	content: '';
	content: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

img {
	display: block;
	}

#container:after,#wrapper:after,.clearfix:after {
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	}

.clear,#footer, ol.commentlist {
	clear: both
	}
	
em {
	font-style: italic;
	}
	
	
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
	




/* =Colors / styles - specific
----------------------------------------------- */


	
ul#nav li {
	border-right:   #d41c7a 1px solid;
	
	}	

.standfirst {
	font-weight: bold;
}
	



#navigation {
	border-top: 3px solid #d41c7a;
	border-bottom:  1px solid #d41c7a;
	background:#665599 ;
	}

ul#nav  li  a {
	color: white;
 }
 
 
#nav a {
	background: #5e4c93;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;	
	border-radius: 4px;
	
	}

	#nav a:hover, #nav a.selected {
	background: #d41c7a;
	}


/* =Colors  / styles General
----------------------------------------------- */
 p.comment {
border-bottom-color:  #d41c7a;
}


#footer {
	border-top: #d41c7a 5px solid;
	}

body {
	background: #fff;
	color: #333;
	}

#wrapper {
background: white;

}


/*links
---------------------------------------------------*/

a {
	color: #694aa2;
	}



a:hover,  a.selected {
	color: #d41c7a;
	text-decoration: underline;
	}	
		


/* =Navigation		
----------------------------------------------- */
#navigation {
width: 100%;
float: left;
}

		
.navigation {
font-size: 1.2em;
line-height: 1.6;
	}
	
ul#nav {
float: none;
display: block;
padding: 10px 0 0px 0px;
margin: auto;
	}

ul#nav li {
	float: left;
	display: block;
	padding: 0 15px;
	line-height: 1;
	}
	

	
ul#nav li.first {
	padding-left: 0;
	}

#nav li.none {
	background-image: none;
	padding: 0;
	margin: 0
	 }

#nav a {
	float: left;
	font: 1.2em ;
	padding: 0.4em 0.6em 0.3em 0.6em;
	text-decoration: none;
}

ul#nav li {
	float: left;
}



		
		
		
	/* =Structure
----------------------------------------------- */


#header, h1, #container, ul#nav, #footer, #archives {
	width: 1000px;
	margin: auto
	}

#header {
position: relative;  /*so search absolute positioning works */

clear: both;

}

#content, #bar1 {
	margin-right: 50px;
	}

#navigation {
padding-bottom: 1em;
}	


	
#container {
	position: relative;
   	clear: both;
	margin: auto;
	padding: 10px 0 0 0;
	}

#content,#bar1,#bar2 {
	display: inline;
	overflow: hidden;
	}
		
#content {
	clear: both;
	float: left;
	width: 460px;
	} 		

#sidebars ul  {
     clear: both;
	}

		
#bar1, #bar1 ul li {
	float: left;
	width: 140px;
	}
	
	
		

#bar2  {
	display: block;
	float: left;
	width: 300px;
	margin-top: 0em;
 
}

ul#footer {
	clear: both;
	margin:  4em auto;
	padding: 2.1em 0;

	}


#book {
width: 1160px;
margin: auto;

}	
	
/* =Single Post Structure
----------------------------------------------- */

#respond {
	width: 100%;
	overflow: hidden;
	clear: both;
	}


.article {
    float: left;
	margin-bottom: 4.2em;
	text-align: justify;
	width: 460px;
	zoom:1; /*has layout*/
	clear: both;
	}
	





/* =  Typography - Specific
----------------------------------------------- */	
body {
	font-size: 62.5%;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	
	}


#sidebars ul li {
font-size: 1.2em;   /*10px*/
line-height: 1.5;
font-weight: normal;
}


label, input {        /*stops inheritance*/
font-size: 1em;
font-weight: bold;
}




p.comment  {
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding: 0.7em 0 0.7em 0;

}


p.standfirst {
    clear: both;
	}

p.zero {
margin-bottom: 0;
}	

#sidebars ul {
	float: left;
	}
	

#sidebars li {
    display: block;
	clear: both;
	float: left; /*so photos don't stick out*/
	
		}

#nav {
	letter-spacing: 1px;
	}



#sidbebars p {
 margin-bottom: 0;
	}

#sidebars ul {
	padding-bottom: 1.8em;
}

span.moretext {
display: block;
padding-top: 1.5em;
}

	
/* = Typography - General
----------------------------------------------- */	
p,li,blockquote {
		font-size: 1.2em;
		line-height: 1.5em;
		}
			
p {
	margin-bottom: 1.5em;
}	




h1 {
	height: 90px;
	clear: both;
	background: url(img/banner.png) no-repeat 0 60%;
	padding: 0;
	margin: 0 auto;
	}

h1 span {
	margin: -2000px
	}



			
 h2 {
    float: left;
 	clear: both;
	font-size: 2.4em;
	line-height: 1.5;
	padding: 0.5em 0 0.24em 0;
	font-weight: normal;
	border-top: 1px solid #d41c7a;
	width: 100%;
	}

h2.page {
	border-bottom: 1px solid #d41c7a;
	margin-bottom: 0.74em;
}

h2.archives {
	border: none;
	padding-bottom: .5em;
	margin-top: 0.25;
	color: #d41c7a;
}

h3 {
	clear: both;
	font-size: 1.6em;
	line-height: 1.125;
	padding:  0.5em 0 0.624em 0;
	margin:  0;
	width: 100%;
	font-weight: normal;
	color: #d41c7a;	
	border-top: 1px solid  #d41c7a;
	}

h3.date {
	border: none;
	padding:  0.5em 0 0.625em 0
	}


h4 {
	clear: both;
	font-size: 1.6em;
	line-height: 1.125;
	padding:  0.5em 0 0.625em 0;
	margin:  0;
	width: 100%;
	font-weight: normal;
	color: #d41c7a;	
	}

blockquote {
	margin:1.5em 0;
	font-weight: bold;
	font-style:italic;}




/* =Images - Specific
----------------------------------------------- */
#sidebars img {
	float: left;
	display: block;
	padding: 0 20px 1.8em 0;
	}


.article img.alignnone {
	float: left;
	clear: both;
    padding: 0 15px 1.8em 0;
   }
   
.article img.aligncenter {
	float: left;
	clear: both;
    padding: 0 0 1.8em 0;
   }


/* =forms - Specific
----------------------------------------------- */

#searchform {
position: absolute;
width: 200px;
left: 800px;
bottom: 35px;
font-size: 1.2em;

}

#searchform input {
float: left;
width: 100px;

}

#searchform .submit {
float: right;
width: 80px;

}

#bar2 input.convert-submit  {
display: none;
	}

#bar1 form {
float: left;
clear: both;
width: 140px;
padding-bottom: 1.8em;
}

#bar1 input {
	float: left;
	clear:both;
	padding: 0;
	width: 134px;
	font-size: 1em;
}

#bar1 label {
	float: left;
	clear: both;
	font-size: 1em;
	width: 134px;
	margin-bottom: 0.4em; /* to make up for input being a bit small */
	}

form p {
margin-bottom: 0;
}

#bar2 form{
width: 300px;
padding-bottom: 1em
}

#bar2 input {
width: 200px;

}

#bar2 label  {
font-size: 1em;;
margin-bottom: 0.1em
}

#bar2 input.submit {
width: 80px;
}

input.submit {
float: right;
}

form#commentform {
	width: 400px;
	}

form#commentform legend {
	font-size: 1.8em;
	line-height: 1;
	}
	

body {
font-size: 0.7em;
}


/* =Archives
----------------------------------------------- */


#col1,#col2,#col3 {
	display: inline; /*fixes double margin float bug* */
	width: 260px;
	margin-right: 60px;
	}

#col1 {
	float: left;
	}

#col2 {
	float: left;
	}

#col3{
	float: left;
	}
	
	
/* = Book Page
----------------------------------------------- */	



#booksidebar {
width: 350px;
float: right;
}

.book {
clear: both;
width: 350px;
float: left;
}



#booksidebar img {
margin-bottom: 45px;
}

#book-content {
width: 500px;
float: left;
}

img#miss {
padding-bottom: 18px;
}



span.drop {
 float: left;

 font-size: 330%;
padding-top: 0.2em;
padding-bottom: 0.2em;
 margin-right: 0.06em;
 }


#book-footer {
display: block;
clear: both;
background: url(/wp-content/themes/Relations/img/staranis.png) repeat-x bottom left;
height: 150px;
width: 100%;

}

ul#contents {
width: 500px;
background: url(/wp-content/themes/Relations/img/glass.png) no-repeat top right;
margin-bottom: 1.5em;
}

ul#buy {
width: 100px;
}

ul#buy li {
margin-bottom: 1.5em;
}

img.left {
float: left;
padding: 0 20px 1.8em 0;
}

img.right {
float: right;
padding: 0 0px 1.8em 20px;
}

#chapter {
width: 1160px;
margin: auto;
}


body {
font-size: 0.7em;

}