/*
THEME NAME: TraceyFlowers
THEME URI: http://philippefigon.com
DESCRIPTION: A theme based on Sandbox (http://www.plaintxt.org/) and Blueprint (http://code.google.com/p/blueprintcss/), for a coherent and semantic layout.
VERSION: n/a
AUTHOR: <a href="http://philippefigon.com/">Philippe Figon</a>
AUTHOR URI:
*/
@import "tracey-style.css";

body {
	  font-family: "Lucida Grande" Helvetica sans-serif;
	  background: white url('images/tall_bg.jpg') top left repeat-x;
	  color: #041860;
	  margin:0 0 0 0;
	  padding:0;
	  }
	  
.w659 {
	width:659px;
	margin:0 auto;
	}
	
h1,h2,h3,h4,h5,h6 {margin: 0px; padding: 0px;}


#header {
	  	background: #6e7e99 url('images/banner.jpg') no-repeat top center;
		height: 204px;
		width: 935px;
		margin: 0 auto;
		padding: 0;
		z-index: 1000;
		}
		
h1#blog-title{
	padding: 12px 0 0 0;
	}
/*
h1#blog-title h1 {
	padding: 22px 0 0 0;
	}
*/	
a {
	text-decoration: none;
	color: gray;
	}
	
a:hover {text-decoration: underline;}
	
/* ------ MENU -------- */
/*
ul#menu{
	width:100%;
	list-style:none;
	}

div#access {
	background-color: transparent;
	height: 21px;
	margin-top: -20px;
	}

ul#menu li{
	float: left; 
	list-style:none;
	margin:0;
	padding:0;
	}

ul#menu li a img{visibility: hidden;}

ul#menu ul li {line-height: 2em;}
*/

div#access {
	background: transparent url(images/under_nav.jpg);
	width: 935px;
	height: 27px;
	margin-top: 0px;
	}

div.menu ul {
	margin:0 0 0 13px;
	padding:0;
	}
		
div.menu ul li{
	float: left; 
	list-style:none;
	margin:0;
	padding:0;
	}
	
li.page_item a {
	/* color: #ffa616; */
	color: red;
	text-indent: -1000px;	}

div.menu ul li.current_page_item a, div.menu ul li.page_item a:hover {
	color: white;
	}
	
div.menu ul li.last-menu-item { /* jQuery generated class */
	padding-right: 0px;
    }
	
/* ------ CONTENT ----- */

div#page {
	float: left;
	margin: 0px;
	padding: 10px 30px;
	width: 875px;
	background: #F2F6EF url('images/main_area_border.jpg') no-repeat top center;
	}
	
	
/* div#content .twocol {background: url(images/BackGrnd2Cols.jpg) repeat-y 4px 4px;} */

h2.entry-title {display: none;}
h2.entry-title.form {
	display: block;
	padding-left: 20px;
	font-size: 1.5em;
	}

.entry-content p {
	line-height: 1.8em;
	margin: 1.5em 20px 10px 20px;
 	text-align: justify;
 	}
 	
span.first-words{font-size: 1.5em; color: #ffa615;}

.entry-content h2 {
	line-height: 1.5em;
	margin: 20px 0 0 20px;
	font-size: 1.5em;
	font-weight: bold;
	color: #B83500;
	}
	
.entry-content h4 {
	line-height: 1.5em;
	margin: 20px 0 0 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #B83500;
	}


	
img.alignleft {
	float: left;
	border: 1px solid black;
	margin: 0 20px 10px 0;
	}
	
img.alignright {
	float: right;
	border: 1px solid black;
	margin: 0 0 10px 20px;
	}

/*
h2.catlist {
	line-height: 1.5em;
	margin: 0em 20px 10px 20px;
 	text-align: justify;
 	color: #800080;
 	}
*/


/* ------ WEB SITES LIST ------ */

/* .pageid-4 .entry-content p, ul.p2c_catlist li h5 {margin-left: 354px; padding: 5px;} */

ul.p2c_catlist {
	list-style: none;
	margin: 0px;
	padding: 0;
	}
	
ul.p2c_catlist li {
	clear:both;
	margin: 0;
	padding: 0;
	}
	
ul.p2c_catlist li h5 {
	margin: 0 31px 0 350px;
	padding: 0;
	border-bottom: none;
	width:255px;
	float: left;
	text-align: left;
	}
	
/*
ul.p2c_catlist li.left h5 {float: left;text-align: left;}
ul.p2c_catlist li.right h5 {float: left; text-align: right;}
*/

ul.p2c_catlist li span {
	border-top: none;
	/* padding: 5px; */
	width:286px;
	}

ul.p2c_catlist li.left span {float: left; margin: 0 0 0 20px;
}
ul.p2c_catlist li.right span {float: left;
}


ul.p2c_catlist li p img { /* the images in the websites, flash, wordpress... pages */
	margin: -1em 0 60px 0;
	padding: 0;
	width: 310px;
	border: 1px solid black; 
	}

ul.p2c_catlist li.left p a img.alignnone {float:left;}
ul.p2c_catlist li.right p a img.alignnone {float:right;}


/* --- NEW WEB SITES LIST (screenshot grid) --- */

div.photogallery ul { 
        margin: 0px;
        }

div.photogallery ul li { 
        list-style-type: none;
        display: inline;
        }

div.photogallery img { 
        margin: 6px;
        border: 12px solid #E5EAE4;
        }

	
/* MISC */
div.pre-carousel {
	margin: 0px 20px 40px 20px;
	padding: 10px 10px;
	background: #CBD1D7;
	border: 2px solid #6E7E99;
	}
	
div.cadetroussel {
	float: left;
	margin: 0 0 0 20px;
	}
	
div.cadetroussel ul li {margin: 3px 0 -2px 0;}

div.cadetroussel {border: 2px solid #6E7E99;}
div.cadetroussel img{border-right: 12px solid #CBD1D7;}
div.cadetroussel img{border-left: 12px solid #CBD1D7;}

p.prev {
	display: block;
	float: left;
	margin: 40px 0 0 0;
	width: 20px;
	height: 30px;
	padding: 0;
	background: url('./images/back.png') top left no-repeat;
}

p.next {
	display: block;
	float: right;
	margin: 40px 0 0 0;
	padding: 0;
	width: 20px;
	height: 30px;
	background: url('./images/forward.png') top left no-repeat;
}

p.prev:hover, p.next:hover {cursor: pointer;}

div#testimony {
	float: right;
	width: 259px;
	padding: 20px 0px 20px 40px;
	margin: 10px 0 0 10px;
	text-align: justify;
	font-style: italic;
	font-size: .95em;
	line-height: 190%;
	background: url(images/begin_quotes.gif) no-repeat 10px 0;
	color:black;
	}

p.signature {text-align: right; font-style: normal; margin: 0; line-height: .5em;}
	
div#testimony #closingQuote {
	/*background: url(images/end_quotes.gif) no-repeat 100% 92%;*/
	padding: 0 20px 0 0;
	}

span.super-quote, span.signature {
	padding: 10px 0 0 0;
	text-align: justify;
	font-style: italic;
	font-size: .95em;
	line-height: 24px;
	background: url(images/QuoteOpenSmall.png) no-repeat;
	background-position:  0px 8px;
	color:#62738F;
	}

p.quote { 
        background: url(images/end_quotes.gif) no-repeat bottom right;
        margin-bottom: 0;
        padding-bottom: 16px;
}

p.ultra-quote {
	padding: 10px 0 16px 0;
	text-align: justify;
	font-style: italic;
	font-size: 1.3em;
	line-height: 24px;
        background: url(images/end_quotes.gif) no-repeat bottom right;
        color: #041860;
        margin-bottom: 0;
	}

	
p.signature {
	padding: 0 0 0 0;
        margin-top: 0;
	text-align: right;
	font-style: normal;
        line-height: 1.5em;
	color:#62738F;
	}

/* -------- DOWN THERE ------ */
 	
 #footer {
 	padding:0;
 	margin:0 auto;
 	background: transparent url(images/bottom_border.jpg) no-repeat bottom left;
 	height: 66px;
 	width: 934px;
 	}
 
 #footer {text-align: center;}
 
 
 #sub-footer {
 	padding:0 10px;
 	text-align: right;
 	font-size: .8em;
 	width: 935px;
 	margin: auto;
 	}
 	
 .clearer {
 	clear: both;
 	margin: 0;
 	padding: 0;
 	line-height: 0px;
 	}
 
 .linklove {display: none;}
 
 #li--14 textarea,#li--16 textarea,#li--18 textarea,#li--19 textarea,#li--20 textarea, #li--23 textarea, #li--24 textarea {height: 100px;}
 
 
 
/* Thickbox customization */

/* div#TB_ajaxWindowTitle {display: none;} */


#TB_window {background-color: transparent;}


div#access div.menu ul li.page_item {/* visibility: hidden; */
	text-indent: -2000px;
	color: blue;
	}

div#access div.menu ul li.page_item {height: 27px;}
div#access div.menu ul li.page_item a {
        display: block;
        height: 27px;
        color: transparent; /* hides text navigation */
        }

div#access div.menu ul li.page-item-3 a {background: url(images/buttons/home.jpg); width: 108px;}
div#access div.menu ul li.page-item-3 a:hover {background: url(images/buttons/home-over.jpg); width: 108px;}

div#access div.menu ul li.page-item-4 a {background: url(images/buttons/web_design.jpg); width: 140px;}
div#access div.menu ul li.page-item-4 a:hover {background: url(images/buttons/web_design-over.jpg); width: 140px;}

div#access div.menu ul li.page-item-5 a {background: url(images/buttons/wordpress.jpg); width: 138px;}
div#access div.menu ul li.page-item-5 a:hover {background: url(images/buttons/wordpress-over.jpg); width: 138px;}

div#access div.menu ul li.page-item-6 a{background: url(images/buttons/flash.jpg); width: 96px;}
div#access div.menu ul li.page-item-6 a:hover {background: url(images/buttons/flash-over.jpg); width: 96px;}

div#access div.menu ul li.page-item-7 a {background: url(images/buttons/services.jpg); width: 120px;}
div#access div.menu ul li.page-item-7 a:hover {background: url(images/buttons/services-over.jpg); width: 120px;}

div#access div.menu ul li.page-item-9 a {background: url(images/buttons/contact.jpg); width: 113px;}
div#access div.menu ul li.page-item-9 a:hover {background: url(images/buttons/contact-over.jpg); width: 113px;}

div#access div.menu ul li.page-item-30 a {background: url(images/buttons/questions.jpg); width: 193px;}
div#access div.menu ul li.page-item-30 a:hover {background: url(images/buttons/questions-over.jpg); width: 193px;}


div#footer div.menu {margin: 0 auto; padding: 20px 0 0 0;}

div#footer div.menu a { 
text-align: center; 
font-size: .8em; 
color: gray; 
padding: 0 5px 0 5px; 
border-right: 1px solid black;
}

div#footer div.menu a.last_menu_item {border:none;}

/* --------  homebar ------- */

div#homebar ul li.homebar {
	float: left; 
	list-style:none;
	list-style-position:inside;
	margin:0;
	}
	
div#homebar ul li.homebar ul li{
	list-style-image: url(images/checkmark.gif);
	line-height: 200%;
	}


li.homebar {
	width: 32.1%;
	/* height: 170px; */
	padding: 0 0 30px 10px;
	margin: 0 0 0px 0;
	background: url(images/corner_bg.jpg) no-repeat bottom left;
	}
	
div#homebar h2.entry-title {
	display: block;
	font-size: 1.3em;
	padding: 0 0 20px 80px;
	color:#B83500;
	}

	
div#homebar h4 {
	line-height: 1.5em;
	margin: 0 0 40px 20px;
	font-weight: bolder;
	text-align: center;
	color: #041860;
	}
	
div#homebar h4 em {
	color:#B83500;
	font-style: normal;
	}	

/* -------- services ------- */


div#services ul li.row { 
        display: table-row;
        list-style: none;
        }

div#services ul li.services {
	float: left; 
	list-style:none;
	list-style-position:inside;
	margin: 20px 0px 20px 0px;
	}
	
div#services ul li.services ul li{
	list-style-image: url(images/checkmark.gif);
	line-height: 200%;
	}


li.services {
	width: 45%;
	padding: 0 0 30px 10px;
	margin: 0 0 0px 0;
	background: url(images/corner_bg.jpg) no-repeat bottom left;
	}

div#services img { 
        float: left;
        }

div#services h2.entry-title {
	display: block;
	font-size: 1.3em;
        margin-top: 0px;
	color:#B83500;
	}

div#services p { 
        text-align: left;
        }

	
div#post-181 h2.entry-title {background: url(images/artwork.jpg) no-repeat 20px 0; height: 50px;}
div#post-179 h2.entry-title {background: url(images/print.jpg) no-repeat 20px 0; height: 50px;}
div#post-177 h2.entry-title {background: url(images/laptop.jpg) no-repeat 20px 0; height: 50px;}