/*
Theme Name: Alluro
Theme URI: http://www.nouveller.com/
Description: A theme design for Emma Websdale's book, Alluro
Version: 1.0
Author: Benjamin Reid
Author URI: http://www.nouveller.com/
*/

/* http://meyerweb.com/eric/tools/css/reset/ compressed */ body{margin:0;padding:0;border:0;outline:0;vertical-align:baseline}html,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{border:0;outline:0;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}

#tip7-title { text-align: left; }

#tip7-title b { display: block; margin-right: 80px; }

#tip7-title span { float: right; }

html, body { width: 100%; height: 100%; }

body { font-family: Georgia, Times New Roman, serif; font-size: 14px; background: url(images/background-texture.jpg) repeat; color: #7b7b7b; }

h1 { font-size: 18px; padding: 0; margin: 0; color: #423a47; }

h2 { font-style: italic; }

h3 { font-size: 16px; color: #875fb0; font-weight: normal; }

h4 { display: block; padding: 15px 0 0 0; margin: 0; line-height: 22px; height: 53px; background: url(images/paint-splat.png) no-repeat; font-size: 20px; }

h4 a { color: #865fb0; }

p { line-height: 18px; padding: 5px 0 5px 0; margin: 0; }

a { color: #7b7b7b; }



#wrapper { width: 900px; min-height: 704px; padding: 0 190px 0 190px; margin: 0 auto 0 auto; background: url(images/background-watercolour.jpg) no-repeat; position: relative; overflow: hidden; }


#header { width: 900px; height: 274px; position: relative; }


#content { width: 860px; min-height: 500px; padding: 20px; margin: 0 0 10px 0; overflow: hidden; }

.left-column, .left-alt-column { width: 322px; margin: 60px 18px 0 0; float: left; overflow: hidden; }

.image-bump, .left-alt-column { margin-top: 0 !important; }

.left-column img { border: solid 1px #b5b5b5; }

.right-column { width: 499px; padding: 0 0 0 20px; float: left; overflow: hidden; border-left: solid 1px #bebbbc; }



a#logo { width: 180px; height: 70px; background: url(images/auro-logo.png); display: block; top: 179px; left: 0; position: absolute; z-index: 1; overflow: hidden; }

a#logo:hover { background: url(images/auro-logo-hover.png); }


#download { width: 210px; height: 40px; padding: 15px 0 0 30px; background: url(images/quotes-arrow.png); top: 188px; right: 160px; position: absolute; z-index: 2; overflow: hidden;  }

#download a { color: #6a6176; text-shadow: #e6dde6 0 1px 0; text-decoration: none; font-style: italic; font-size: 12px; }

#download a:hover { color: #151416;  }


#menu-holder { width: auto; right: 0; top: 228px; position: absolute; z-index: 3; }

ul#menu { padding: 0; margin: 0; }

ul#menu li { float: left; list-style: none; margin: 0 1px 0 0; font-style: italic; }

ul#menu li a { width: auto; height: 45px; padding: 0 10px 0 10px; font-size: 18px; line-height: 43px; color: #81606b; text-shadow: #ffe8ef 0 1px 0; display: inline-block; white-space: nowrap; background: url(images/menu-off.png) repeat; text-decoration: none;  }

ul#menu li a:hover, ul#menu li.current_page_item a, ul#menu li.current_page_parent a { color: #865fb0; background: url(images/menu-on.png); }



.character-thumb { width: 127px; height: 150px; margin: 0 19px 0 0; overflow: hidden; text-align: center; float: left;  }

.character-thumb p { padding: 3px 0 0 0; margin: 0; font-style: italic; }

.character-thumb img { border: solid 1px #b5b5b5; }

#friends, #enemies { width: 410px; margin: 0 20px 0 0; float: left; }

#friends .first { margin-left: 140px; }

#enemies .first { margin-left: 70px; }

#depli { margin-left: 368px; }


#thumbnails { margin: 0 0 0 75px; }

#thumbnails img {
	width: 113px;
	height: 113px;
	padding: 5px;
	background: #f8f3ef;
	border: solid 1px #b5b5b5;
	float: left;
	margin: 0 20px 20px 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



.post-list { width: 499px; margin: 20px 0 20px; padding: 0 0 20px 0; border-bottom: solid 1px #bebbbc; }


#slideshow { width: 320px; height: 405px; overflow: hidden; }


/*
*
*	comments
*
*/

.tweetme-holder { padding: 10px 0 0 0; width: 70px; height: 70px; float: left; }

ul.comment-list { padding: 0; margin: 15px 0 20px 0; }

ul.comment-list li { padding: 15px 0 15px 0; overflow: hidden; border-bottom: solid 1px #bebbbc; }

.vcard { width: 50px; height: 50px; margin: 0 20px 0 0; float: left; }

.comment-detail { width: 429px; float: left; }

.comment-title { font-size: 16px; font-weight: bold; padding: 0; margin: 0; }

.comment-date { font-size: 12px !important; font-weight: normal !important; }

ul.large-comments .comment-detail { width: 725px !important; }




#submit:hover { background: url(images/comment-grey.jpg); }


.clear { clear: both; height: 0; overflow: hidden; }

.clear5 { clear: both; height: 5px; overflow: hidden; }

.clear10 { clear: both; height: 10px; overflow: hidden; }

.clear15 { clear: both; height: 15px; overflow: hidden; }

.null-margin-right { margin-right: 0 !important; }

.centre { text-align: center; }

.small { padding-left: 20px; font-size: 11px; }