/* 
  -----------------------------------
  Web Redesign Specialists 2007 Style Sheet (Master)
  Author: Justin Agoglia
  Website: www.skylardesign.com
  -----------------------------------
*/

/* =Reset 
  ----------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td {margin: 0; padding: 0;}
h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
ol, ul {list-style-type: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
fieldset, img {border : 0; }
dt, address, caption, cite, code, dfn, em, i, b, th, var {font-style: normal; font-weight: normal;}
q:before, q:after {content :''; }

/* =HTML 
  ----------------------------------- */
html {background: white; color: #333;}	

/* =Body
----------------------------------- */
body {position: relative; font: 88%/1.5 "Times New Roman", Times, serif;}

/* =Blocktext
----------------------------------- */
h1, h2, h3, h4, ul, form {font-family: Georgia, "Times New Roman", Times, serif;}

h1 {font-size: 2.2em; font-weight: normal; color: #95342D; margin-bottom: 0;}
h2 {font-size: 1.15em; font-style: italic; color: #443C27; margin-bottom: 3em; letter-spacing: .1em;}
h3 {font-size: 1.1em;}

/* =a  */
a, a:visited {color: #95342D; text-decoration: none; border-bottom: 1px dotted #95342D;} 
a:hover {color: #D2726A; border-bottom-color: #4B1B16;} 

/* =Layout 
------------------------------------------------- */
#wrap-out, #footer, #site-info {width: 983px; margin: 0 auto;}
#wrap-out {background: url(../images/shadow-side.jpg) repeat-y right top; overflow: auto;}
#wrap-inner {background: url(../images/shadow-topRt.jpg) no-repeat right top;}
#container, #content {overflow: auto;}
#footer {background: url(../images/shadow-footer.jpg) no-repeat; height: 40px;}

/* =Content 
------------------------------------------------- */
#container {width: 930px; border: 15px solid #691306;}
#content {background-color: #F8F6E9;}
#content-main {float: left; width: 375px; padding: 3em 50px 10px 55px;}
#content-main h1 span {display: block; line-height: .5;}
#content-main p {font-size: 1.17em; margin: .1em 0 .7em;}
#content-main {float: left;}
#content-side {float: right; width: 440px; background: url(../images/style-home.jpg) no-repeat 0 25px; height: 735px; position: relative;}

/* =Nav 
------------------------------------------------- */
#content-side #nav {background: #4B4746; color: white; height: 25px;}
#content-side #nav ul {text-align: center; margin-left: 2.7em; font: 0.8em  Verdana, Arial, Helvetica, sans-serif; padding-top: .5em;}
#content-side #nav ul li {float: left; text-transform: uppercase; }
#content-side #nav ul li a {color: #FFF; padding: 0 .5em; text-decoration: none; font-weight: bold; border-bottom: none;}
#content-side #nav ul li a:hover {text-decoration: underline;}

/* =Star 
------------------------------------------------- */
#content-side #star {position: absolute; top: 70px;	right: 20px; background: url(../images/star.gif) no-repeat;	height: 130px; width: 130px;
		font:  1.7em Arial, Helvetica, sans-serif;}
#content-side #star a {width: 75px;	display: block;	color: #FFF; margin: 1.1em 0 0 .6em; border: none; padding: .5em; line-height: 1;}
#content-side #star:hover {background: url(../images/star-over.gif) no-repeat;}

/* =Site-info
------------------------------------------------- */
#site-info {font: .7em Verdana, Arial, Helvetica, sans-serif;}
#site-info h3 {margin: 10px 0 0 2.5em; letter-spacing: .03em;}
#site-info p#author {margin: .5em 0 2em 4em;}
#site-info h3 span {font-weight: bold;}

/* =Page Images
---------------------------------- */
body.about #content-side {background: url(../images/style-about.jpg) no-repeat 0 25px;}
body.redesigns #content-side {background: url(../images/style-redesigns.jpg) no-repeat 0 25px;}
body.contact #content-side {background: url(../images/style-contact.jpg) no-repeat 0 25px;}

body.redesigned #content {background: #737373;}