/*
Theme Name: Fort Hill Design
Theme URI: http://forthilldesign.com
Description: A WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: Robert Chatelle
Author URI: http://bobchatelle.net/
Tags: blue, custom header, fixed width, two columns, widgets

	Kubrick v1.5
	 http://binarybonsai.com/kubrick/

	This theme was designed and built by Sarah Thornton and by Robert Chatelle,
	whose blog you will find at http://bobchatelle.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


/* Begin Typography & Colors */
@import url("base.css");

@import url("kubrick.css");

img#wpstats{display:none}

/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
	It won't be a stylish marriage, I can't afford a carriage.
	But you'll look sweet upon the seat of a bicycle built for two." */

/* add modifications */

/* Fort Hill Design proper */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, dl, dt, dd, ul, input, button {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: inherit;
     font-style: inherit;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline;
	 font-weight:normal;
}

:focus {outline: 0;}
a{text-decoration:none;}
/*p{text-align:justify;}*/
ul {list-style: none;}
strong {font-weight:bold; }
em {font-style:italic; }

body {
	background:#fffff0;
	font-size:small;
	text-align:center;
}
  
.rtop,  .rbottom{
display:block;
background:#fff;
}
.rtop *, .rbottom *{
display: block;
height: 1px;
overflow: hidden;
background:#eeeeee;
background:#61b4cf;              /*  secondary color */
}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{
margin: 0 1px;
height: 2px
}

#page {
width:950px;
border:0;
}

#wrapper {
    position:relative;
	width:950px;
	margin-top:10px;
	text-align:left; 
	margin-right:auto;
	margin-left:auto; 
	background-color:white;
	}
	
#wrapper #frame {
         position:relative;
}
	
#menu { 
	height:25px;
	background:black;
	text-align:center;
	}
#menu .button {
	display:block;
	float:left;
	width:156px;
	margin-top:5px;
	color:white;
	border-right: 2px solid red;
        background: black;
 }
#menu .button a {
	color:white;
 } 
 
 #menu .button a:hover {
	color:white;
	/*background:red;*/
	width:156px;
	display:block;
 }
 
.header {
	position:relative;
    background-color:#cccccc;
    background-color: #ffbb73;              /*  primary color */ 
        background-image: url(images/header2b.jpg);
	height:180px;
	min-height:180px;
}

/*@media screen {
.images-on .header {
   text-indent: -10000px;
   background-image: url(header5.jpg); 
   background-image: url(images/header2b.jpg);
   overflow: hidden;  
 }
}
*/
.header h1 {
	font-family: Georgia, serif;
    font-variant: small-caps;
	font-weight: normal;
	height: 35px;
	padding-left:20px;
    padding-top:25px;
	font-size:3em;
	margin-left: 10px;
	color:#cc0011;
}
 
.header A {color:#cc0011 }
.header A:hover {text-decoration:underline }

.header .description {
    font-family: Palatino Linotype, Georgia, serif;
	font-size: 1.75em;
	color: #15531b; /*#59955C; #FFFFFF;*/
	text-align: left;
	padding-left:105px;
    padding-bottom:40px;
	margin-top:40px;

}

#content {
	background-color:white;
    background:#fffff0;
	width:750px;
 	min-height:650px;
	font-size:13pt;
  	border-left:0;
	border-right:0;
	padding:0;
	margin:0;
	font-family: Georgia, serif;
	overflow:visible; 
}
#content .frame {
	border-left: 5px solid white;
	border-right: 10px solid white;
	padding:10px;
}
#content h3, #content h1 {
	font-size:170%;
	color:#0792d3; 
	font-weight:bold;
	margin: 40px 0 40px 0;
}

#content a:hover {text-decoration:underline }
#content a {color:#0792D3 }

#content p {
	margin: 0 20px 10px 20px;
 }

#widecontent {
	background-color:white;
    background:#fffff0;
	width:950px;
 	min-height:650px;
	font-size:13pt;
  	border-left:0;
	border-right:0;
	padding:0;
	margin:0;
	font-family: Georgia, serif;
	overflow:visible; 
}
#widecontent .frame {
	border-left: 5px solid white;
	border-right: 10px solid white;
	padding:10px;
}
#widecontent h3 {
	font-size:170%;
	color:#0792d3; 
	font-weight:bold;
	margin: 20px 0 20px 0;
}
#widecontent a:hover {text-decoration:underline }
#widecontent a {color:#0792D3 }

#widecontent p {
	margin: 0 0 10px 0px;
 }

#excerptbox {
     border: 1px solid black;
     padding-top: 10px;
     padding-left: 10px;
}

#excerptbox h2 {
     margin-bottom: 10px;
} 
.lpic {
	display:block;
    text-align:center;
	float:left;
	width:305px;
	margin-right:15px;
	margin-bottom:10px;
	margin-top:5px;
	background:#eeeeee;
    background-color: #61b4cf;              /*  secondary color */
}

.rpic {
	display:block;
    text-align:center;
	float:right;
	width:305px;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:5px;
	background:#eeeeee;
    background-color: #61b4cf;              /*  secondary color */
}

/*img{width:300px;}*/

img {width:300px;}

img.small{width:200px}

img.tiny{width:100px}

img.big {width:750px}

img.previmg {width:550px;height:344px;}

.caption {
	text-align:center;
	font-weight:bold;
	font-size:12pt;
	line-height:110%
}

.photcred {
	text-align:right;
	font-size:10pt;
	margin-right:5px;
	margin-bottom:5px;
	margin-right:5px;
}
  
.wsbutton {
     float: left; 
	 height:20px;
	 background:green;
         background: #61b4cf;
	 color:white;
	 text-align:center;
	 margin-right:20px;
         width:165px;
         font-size:10pt;
}

.mark, .medspira, .bbjc, .foj {color:inherit;}

#wsmenu {
    width:950px;
	/*border: 1px solid red;*/
	margin-bottom:20px;
}

#wsmenu a {
     color:white;
     color: black;
}	

#portfolio {
     height: 510px;
     width: 750px;
     border: 1px solid black;
}

.preview {
     height:500px;
     width: 750px;
     /*border: 1px solid red;*/
     position: absolute;
     overflow: hidden;
     top: 10px;
} 

.preview .pimg {
     float: left;
     width:550px;
}

.preview .text {
     width:185px;
     height:500px;
     float: right;
     margin-top:20px;
     margin-left: 15px;
     line-height: 1.2;
     text-align: left;
     /*background: white;*/
}

#fportfolio {
     width: 740px;
     height: 450px;
     position: relative;
     border-bottom: 1px solid black;
     margin-bottom: 20px;
}

#fportfolio .slide {
     width: 740px;
     height: 450px;
     position: absolute;
     top: 0;
     left:0;
     background-repeat: no-repeat;
}	

#fportfolio .link {
     position: absolute;
     bottom: 3px;
     right: 10px;
}
	
.hiddenpic {display:none;}
    
#smenu { 
	position:absolute;
	top:30px;
	right:0;
	font-weight:bold;
	width:200px;
    min-height:650px; 
	border-right:0;
	border-left:0;
	padding:0;
	margin-top:10px;
	font-family: Verdana, Arial, Helvitica, sans-serif;
	font-size:10pt
}
#smenu .frame {
	border-right:0px solid white;
    background-color:#eeeeee;
    background-color: #61b4cf;              /*  secondary color */
	padding:0px;
    margin:0 15px;
}
#smenu .frame .rtop, #menu #frame .rbottom{
display:block;
background:#fff;
}

#smenu a {color:#15531b;
	font-weight:bold;
    text-decoration:none;
}
#smenu a:hover {
	background-color:#888;
	color:white;
	width:120px;
    text-decoration:none;
}
p.linkhead {
	font-weight:bold;
	font-variant:small-caps;
	margin-bottom:6px;
    margin-top:0px;
    margin-left:10px;
	padding-bottom:10px;
        padding-top:55px;
        font-size:11pt;
}	

#smenu ul {
 margin-right:5px; 
 margin-left:25px;     
 }

#smenu li {
	margin:0 10px 10px 15px;
	list-style: disc outside; 
	font-weight:bold;
}	

#footer {
	clear:both;
	background-color:#cccccc;
    background-color: #ffbb73;              /*  primary color */
        background-image: url(images/copyright.jpg); 
	border-left: 5px solid white;
	border-right: 5px solid white; 
	text-align:center;
        width:950px;
}	
/*	
@media screen {
.images-on #footer {
   text-indent: -10000px;
   background-image: url(copyright.jpg); 
   /*overflow: hidden;  */
 }
}

*/
input {
/*      margin:20px 0 15px 25x;   */
        margin-top:20px;
        border: 1px solid black; 
 } 
.radio {
      border: 0px; 
 } 
textarea {
         margin:20px 0 15px 25px;
 } 
li {
   margin-bottom:10px;
 } 
 fieldset {  
margin: 1.5em 0 0 0;  
padding: 10px 10px 10px 10px;
border: 1px solid green;
width:95%;
}
legend {  
margin-left: 1em;  
color: #000000;  
color:green;
font-weight: bold;
border: 1px solid green;
}
fieldset ol {  
padding: 1em 1em 0 1em;  
list-style: none;
}
fieldset li {  
padding-bottom: 1em;
}
fieldset.submit {  
border-style: none;
}
input.go {
	background:green;
	color:white;
 }

#sidebar {margin-left:765px;}
#sidebar .frame {background-color:#61b4cf}
#sidebar .frame h2.widgettitle {margin:0;}
#sidebar ul li {margin-left:25px;margin-right:5px;margin-bottom:0px;padding-bottom:5px;font-weight:bold;
     list-style: disc outside none;
     font-family: Verdana, Arial, Helvetica,"sans serif";
     font-size:11pt;
}
#sidebar #textwidget {margin:0;}

#sidebar a {color:#15531b;
	font-weight:bold;
    text-decoration:none;
}

#sidebar a:hover {
	background-color:#888;
	color:white;
	width:120px;
    text-decoration:none;
}