/* Lua Design stylesheet 
colours:

SOFT WHITE: #fcfcfb

RED - LIGHT: #a96b66
RED - DARK: #955852

YELLOW - LIGHT: #94a657
YELLOW - DARK: #ccd790

GREEN - LIGHT: #64a285
GREEN - DARK: #4e8469

PURPLE - LIGHT: #7d5a83
PURPLE - DARK: #5a425b

BLUE - LIGHT: #5b88bd
BLUE - DARK: #38598a

*/

/*RESET*/

*					{ margin: 0; padding: 0; }
html				{ background:url(http://www.luadesign.co.uk/images/bg-strip.jpg) repeat-x #000000; }
body				{ font-family:Baskerville,Georgia,Cambria,Times,Times New Roman,serif;
						color: #fcfcfb;  background:url(http://www.luadesign.co.uk/images/body-bg.jpg) repeat-y;  }
.style				{ background-color: none; }
ul					{ list-style: none; }
ul.special			{ list-style: outside; margin:20px 0; float:left;}
ul.special li		{ list-style-type: disc; color:#5b88bd; padding: 0 20px 10px 20px;  font-size:90%; font-family:Arial, Helvetica, sans-serif;}

ol					{ list-style: decimal inside; }
a					{ outline: none; text-decoration: none; color:#5b88bd;}
a img				{ border: none; background: none; }
a:hover				{ color: #a96b66; border-bottom:thin dotted #a96b66;}
img					{ display:inline; position: relative; float:left; vertical-align: top;}
blockquote			{ margin:0 15px; font-family:Baskerville,Georgia,Cambria,Times,Times New Roman,serif;
						font-style:italic; font-weight:normal; font-size:0.85em;}
						

h1					{ font-size:2.2em; margin-left:30px; margin-bottom:10px; font-weight:normal; color:#fcfcfb;}
h1 img a			{margin: 0 0 0 0; padding:0;}
h2					{ font-size:1.5em; line-height: 1.1em; margin-left:30px; padding-bottom: 15px; display:block; color:#fcfcfb; text-align:left; }
h3					{ font-size:1.2em; margin:15px; color:#a96b66; line-height: 1.5em; font-weight:normal;}
h4, .moredetails	{ padding:0; font-size:0.85em; font-weight:normal; line-height:1.25em;}


strong 				{ font-weight: bold; }
em 					{ font-style: italic; }
p, .intro			{ padding:0 40px 30px 0;}
p 					{ line-height:1.4em; }
p a   				{  border-bottom:thin dotted #000; }

/*COLOURS*/
.light-yellow		{ color:#94a657; }
.light-red			{ color: #a96b66; }	
.light-blue			{ color:#5b88bd; }
.dark-red			{ color: #840e1e; }

/*UTILITY*/

div 				{ position:relative; }
.aligncenter 		{ display:block; margin:0 auto; }
.alignleft 			{ float:left; }
.alignright 		{ float:right;}
.margins			{ margin:40px 30px;}
.wp-caption 		{ border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }

br.dirtyLittleTrick,
br.clearBoth		{ clear:both; display:block; height:1px; margin:-1px 0 0 0; }
.button				{ border: 1px solid #272727; background: white; padding: 3px 8px;}
.button:hover		{ background: #cd;}
.clear				{ clear:both; }


/* HEADER */

#header 			{ background:url(images/head-bg.jpg) no-repeat 0 0;height: 350px; clear:both; overflow:show; float:none; width:100%;}

/* NAV */ 
/* TOOLTIP */


.menu 				{ float:none; margin-left:80px; width: 918px; height: 250px; overflow:hidden; list-style: none;}
.menu ul 			{ list-style: none; float:left; position:relative; }
.nav				{ text-indent: -9999px;}
.menu li em 		{ font-weight: normal; width: 120px; height: 110px; position: absolute; top: 20px;
						left: -80px; text-align: center; padding: 60px 0 0 0; 
						font-style: normal; z-index: 2; display: none; color:#fcfcfb; background:url(http://www.luadesign.co.uk/images/home-arrow.gif) top left no-repeat;}


  


.home				{ width:222px; float:left;}
.services,
.services a			{ float: left; list-style: none; background:url(../../../images/navigation-bg.jpg) no-repeat top; 
						width:176px; display: block; text-decoration: none; background-position:0 0; height:250px;}
						
body#categoryservices ul#page-nav li.services a,
ul#page-nav li.services a:hover	
					{ background-position: 0 -250px ;}

ul#page-nav li.portfolio,
ul#page-nav li.portfolio a 
					{ float: left; list-style: none; background:url(../../../images/navigation-bg.jpg) no-repeat top; 
						width:174px; display: block; text-decoration: none; 
						background-position:-176px 0 ; height:250px;}
						
body#categoryportfolio ul#page-nav li.portfolio a,
ul#page-nav li.portfolio a:hover	
					{ background-position: -176px -250px ;}

.articles,
.articles a		{ float: left; list-style: none; background:url(../../../images/navigation-bg.jpg) no-repeat top; 
						width:168px; display: block; text-decoration: none; background-position:-350px 0 ; height:250px;}

body#categoryarticles ul#page-nav li.articles a,
ul#page-nav li.articles a:hover	
					{ background-position: -350px -250px ;}

ul#page-nav li.contact,
ul#page-nav li.contact a		
					{ float: left; list-style: none; background:url(../../../images/navigation-bg.jpg) no-repeat top; 
						width:178px; display: block; text-decoration: none; background-position:-518px 0 ; height:250px;}

body#contact li.contact a,
ul#page-nav li.contact a:hover	{ background-position: -518px -250px ;}


/*LATEST NEWS COLUMN*/
#latest-news 		{ width:222px; float:left; margin:0;}
#latest-news h2		{ padding-left:20px;}
#latest-news h2,
.post h2			{ margin-bottom: 20px; display:block; }



/*BODY*/
#body-content 		{overflow:visible; float:left; margin-left: 80px; margin-top: -20px; width:960px; margin-bottom:20px;  }
.body-container 	{  }
.text 				{padding: 0 15px 0 45px;}
.title 				{ position:absolute; top: -70px; width:520px; text-align:left; margin:0; padding:0;}

.post, .links		{width:530px; float:left;}
.post ul			{ margin-left:45px;}
.category-box		{ margin-left:10px;}
.portfolio-box		{ width:170px; overflow: visible; margin-left:0; float:left;display:inline;}
.services-box		{ padding: 0 0 0 30px;}
.services-box h2	{ margin-left: 0; }
.search-box			{ clear: both; margin: 45px;}


/*ZMAGS TINY MAG SCRIPT CSS*/
#zmagsbox		{ float:left; display:block; width:520px; margin-bottom:20px;}

#zmagsbox img		{padding:0 10px 10px 30px;}
#zmagsbox h3 		{float:left; margin:0; padding:0;}	

/*SIDEBAR*/
#archive-sidebar,
#sidebar 			{ width:158px; float:left;}
#sidebar h2			{ margin:0 0 20px 5px;}
#sidebar h4, .post h4	{ padding: 0 0 4px 10px; clear:both;}
.featured			{ margin:0 0 20px 0;}
.more-links			{ clear:both; margin: 10px 20px 0 30px; float:left;}

#archive-sidebar 	{ padding: 0; }
#archive-sidebar h2 {margin:0 0 20px 0;}
#archive-sidebar h4	{padding-left:0;}

/*FOOTER*/
#footer				{ background:url(http://www.luadesign.co.uk/images/footer-bg.jpg) no-repeat 0 0;height: 289px; clear:both; overflow:show; float:none; width:100%;}
#footer-wrapper	{ width:1060px; overflow:hide;}
#footer-boxes		{ margin-left:140px;}
#footer-boxes li	{ font-size:0.9em; list-style:none; margin:0; line-height:1.6em;}
#colophon a,
#footer-boxes li a	{ color:#fcfcfb;}
#colophon a:hover,
#footer-boxes li a:hover				
					{ color: #000; border-bottom:thin dotted #955852;}
					
#subscribe,#archives,#address,#copyright,#colophon, .top
					{ float:left;  overflow:hidden; text-align:center;}
#subscribe			{ padding-top: 180px; width:162px;}
#archives			{ padding-top: 100px; width:172px;}
#address			{ padding-top: 50px; font-size:0.9em; width:177px;}
#colophon				{ padding-top: 150px; font-size:0.9em; width:167px;}
#copyright			{ padding-top: 200px; font-size:0.9em; width:167px; margin-right:5px;}

#box				{ 	background: url(http://www.luadesign.co.uk/images/top.gif) no-repeat; height: 160px; width: 100px; left:-240px; bottom: -100px; position:absolute;}
.top				{ text-align: left; padding-top:160px; padding-bottom:100px;}

/* FORMS */
#commentform, .contactform			{ margin-left:30px;}
#replies li							{ border:dotted thin #94a657; display:block; padding: 10px ; margin:10px 30px;}
#replies ol li img					{ padding: 5px; border: 1px solid #00000; background:#000000; float:left; }
.odd								{ border:dotted thin #5b88bd; display:block;}	
.authorname							{ color: #7d5a83; float:left; }

.comment-text						{ padding-left: 65px; font-size: 1em; margin: 0 0 10px 0;}
.comment-text p						{ padding:0 40px 10px 0;}
.comment-date						{ font-size: 0.85em; float: right; line-height:1em; color:#000000;}
.formobj, .personalinfo				{ margin-top: 10px;}
#replies							{ margin: 20px 0; }
.contactform input,
#replies input						{ padding: 3px; margin:5px 5px 5px 0; background:#fcfcfb; border: none; 
									  color:#000000; font-family: Georgia, Times, 'Times New Roman', serif; 
									  line-height:1em; width:40%;  }
.contactform textarea,
#replies textarea					{ padding: 10px; margin:10px 30px 10px 0; width:460px; color:#000000;
										font-family: Georgia, Times, 'Times New Roman', serif; border:none; background:#fcfcfb;  }

.contactform input:focus,
#replies input:focus, 
#replies select:focus, 
#replies textarea:focus, 
#replies input:hover				{ background:#5B88BD;color:#000000; border:none; }

.contactform input.sendbutton,
#replies input.sendbutton			{ background:#38598A none repeat scroll 0 0; border:1px solid #000000 ; 
										color:#FCFCFB;font-size:1em;margin:5px 20px 4px 0; padding:5px; float:right;}
.contactform input:focus.sendbutton,
.contactform input:hover.sendbutton,
#replies input:focus.sendbutton,
#replies input:hover.sendbutton		{ background:#5B88BD; }

.required							{ color:#94A657;font-size:0.8em;}

.contactform label 					{ width:100px; display:block;}

/*links page */

ul.xoxo, .blogroll					{ margin:20px 20px 30px 30px; padding:0;}

ul.xoxo li							{ line-height:1.4em; margin: 0 0 15px 0;}

.links h2 					{ margin-left:30px;}

@media print {

body { background:white; color:black; margin:0 }
#header {display:none; }
.post { color:#000000;}
#comments { }
#latest-news {display:none }
#sidebar {display:none }
#footer {display:none}
h2, .title		{color:#000000; position:relative; text-align:left;}


}

/*flipbook page */

.flipbook { width:960px; margin:0 auto; padding-top:30px;}