﻿/*   
Theme Name: slw
Theme URI: 
Description: 2 column fixed width
Author: Mark Cranny, Studio Leeds Web
Author URI: www.studioleedsweb.co.uk
Version: 1.0
.
General comments/License Statement if any.
.
*/

/* reset values */
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,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

/*end reset values */

body            {position:relative;margin:0;padding:0;background-color:#e1e1e1;font-size:12px;font-family:Arial;}

#header         {position:relative;margin:0 auto 0 auto;width:760px;height:219px;background-image:url(layout/header.png);background-repeat:no-repeat;}
#header .text   {position:relative;}
#footer         {position:relative;margin:0 auto 0 auto;width:760px;height:50px;background-image:url(layout/footer.png);background-repeat:no-repeat;}
#body_wrapper   {position:relative;margin:0 auto 0 auto;padding:0;background-image:url(layout/wrap.png);background-repeat:repeat-y;width:760px;}

/* Links */
.homelink       {position:relative;height:100px; width:500px;display:block;}
#head-nav       {position:absolute;left:560px;top:0px;width:200px;}
li.hll          {position:relative;float:right;}
li.fll          {position:relative;float:left;}
li a.head-link1 {position:relative;color:White;text-decoration:none;width:80px;height:25px;background:url(layout/rss.png);background-repeat: no-repeat;background-position:left top;padding:0;margin:0;display:block;}
li a.head-link1:hover   {color:black;text-decoration:none;}
li a.head-link2 {position:relative;color:White;width:100px;height:25px;background:url(layout/igoogle.png) no-repeat top;padding:0;margin:0;display:block;}
.rss-txt        {position:relative;left:35px;top:5px;font-weight:bold;}
.big_link {position:relative;padding:2px 0 2px 10px;background-image:url('layout/smallarrow-bullet.gif');background-repeat:no-repeat;background-position:center left;}
#bottom-links   {position:relative;top:30px;width:80%;padding:0;left:200px;}
#bottom-sll     {position:relative;top:0px;width:16%;padding:0;left:655px;top:-10px;}
li a.bot-link   {position:relative;display:block;height:20px;padding:0 30px 0 0;margin:0;float:left;}
a               {text-decoration:none;font-weight:bold;color:black;font-size:13px;}
a:link          {}
a:visited       {}
a:hover         {text-decoration:underline;}
a:active        {}

#table_links    {position:relative;width:80%;margin:0 auto 0 auto;}
.table-link     {position:relative;padding:0 0 15px 15px;width:30%; background-image:url('layout/smallarrow-bullet-white.gif');background-repeat:no-repeat;background-position:top left;}
.link-area      {position:relative;width:90%; margin:0 auto 10px auto;border-bottom:dotted #fbac02 1px;}
#side-nav li.page_item {position:relative;padding:0 0 15px 15px;background-image:url('layout/smallarrow-bullet.png');background-repeat:no-repeat;background-position:top left;}

/* areas */
#main_container {position:relative;clear:both;width:100%;}
#container      {position:relative;float:right;width:78.5%;  min-height:500px;height:auto !important;height:500px;}
#sidebar        {position:relative;float:left;width:18%;padding:0 0 0 10px;}
#sidebar    a {position:relative;color:White;}
#footer .sl {position:relative;line-height:14px;color:#2e3640;font-size:15px;font-weight:bold;font-family:Trebuchet MS;}
#footer .ws {position:relative;line-height:14px;color:#fbac02;font-size:12px;font-weight:bold;font-family:Trebuchet MS;}
#slname     {position:relative;left:470px;top:140px;font-family:Trebuchet MS;font-weight:bold;}
#slname .sl {font-size:26px;color:#2e3640;font-weight:bold;}
#slname .ws {font-size:16px;color:#fbac02;padding-left:3px;font-weight:bold;}
#main_area      {margin:0 20px 0 20px;}
#telephone     {position:relative;left:620px;top:73px;font-family:Trebuchet MS;font-weight:bold;font-size:1.5em;}


/* text */
h2.sub-pages     {margin:0 0 10px 0;}
#container h2   {position:relative;font-size:1.25em;font-weight:bold;padding: .5em 0 .5em 0;}
#container p   {position:relative;font-size:1em;padding: .5em 0 .5em 0;line-height:1.25em;}

.entrytext ul   {position:relative;padding:0;margin:10px 0 10px 0;list-style-type: circle;}
.entrytext ul li {position:relative;padding:0;margin:10px auto 10px auto;width:70%;line-height:15px;}
/* images */
.main_image      {position:relative;left:150px;}
    
/* misc */
#info       {position:relative;left:75px;top:50px;}
#portfolio  {position:relative;margin:30px auto 0 auto;}
.port-row   {position:relative;}
.port-img a {position:relative;width:153px;padding:3px;display:block;height:153px;border:solid 3px #2e3640;}
.port-spc   {position:relative;width:5%;}
.port-txt   {position:relative;}

.port-img a:hover   {position:relative;display:block;padding:3px;width:153px;height:153px;border:solid 3px #fbac02;}

.portfolio-img  {position:relative;width:48%;float:left;margin: 50px 0 0 2%;}
.portfolio-img p {text-align:right;margin:0 25px 0 0;}
.portfolio-text  {position:relative;width:48%;float:right;}
#container div.portfolio-text h2 {position:relative;font-size:12px;}

.portfolio_page_img {float:left;}

/*contact page */

fieldset#formwrap {position:relative;width:90%;padding:10px 10px 0 10px;border:none;}
#formwrap legend      {position:relative; padding: 0 10px 5px 10px;}
#formwrap label       {padding:0 5px 0 5px;}
#formwrap input       {margin:5px 0 5px 0;}
#formwrap fieldset    {border:solid 1px #ccc;margin:10px 0 0 0;}
#formwrap select      {margin:5px 0 5px 0;}
#formwrap textarea#message    {width:100%;margin:5px 0 5px 0;}