/* Condy and Wynn Styles :: Home Page :: May, 2008 */

h1 {
 text-indent: -9999px;
 overflow: hidden;
 padding: 0;
 width: 75px;
 height: 75px;
 background: url(../i/c_assets/logo_mark72.gif) top left no-repeat;
 margin: 190px auto 0 auto;
 display: block;
}

/* Two Columns --------------------------------------------- */
div#col-left {
 width: 300px;
 height: 600px;
 float: left;
}

div#col-right {
 width: 500px;
 height: 600px;
 float: right;
 text-align: left;
}


/* Global Navigation ----------------------------------------- */
#navwrap {
 width: 164px;
 height: 65px;
 margin: 27px auto 0 auto;
 padding: 0;
 position: relative;
 z-index: 10;
}

#navwrap #gnav {
 margin: 0;
 padding: 0;
 }
 
 #navwrap #gnav li {
 display: inline;
}

#navwrap #gnav li a {
 float: left;
 width: 164px;
 height: 0px;
 padding-top: 24px;
 overflow: hidden;
 background: url(../i/c_assets/gnav.gif) no-repeat;
}

/* Mouse off */
#navwrap #gnav li#folio a {
 background-position: 0 0;
 }

#navwrap #gnav li#about a {
 background-position: 0 -24px;
 }
 
#navwrap #gnav li#home a {
 background-position: 0 -48px;
 }
 
/* Mouse over */ 
#navwrap #gnav li#folio a:hover {
 background-position: -174px 0;
 } 
 
#navwrap #gnav li#about a:hover {
 background-position: -174px -24px;
 }
 
#navwrap #gnav li#home a:hover {
 background-position: -174px -48px;
 }
 
/* You are here */
#navwrap.folio #gnav li#folio a {
 background-position: -174px 0;
 } 
 
#navwrap.about #gnav li#about a {
 background-position: -174px -24px;
 }
 
#navwrap.home #gnav li#home a {
 background-position: -174px -48px;
 }
 
/* Column Right ----------------------------------------------- */
h2 {
 font: 24px "Times New Roman", Times, serif;
 font-style: italic;
 letter-spacing: 0.03em;
 color: #666;
 margin: 28px 0 0 10px;
}

 
/* Images */
img {
 border: 0;
}

img#logotext {
 margin: 3px 0 0 250px;
}

img.row1 {
 margin: 0 5px 0 0;
}

img.row2 {
 margin: 5px 5px 0 0;
}

div#thumbnails {
 height: 306px;
 margin: 20px 0 0; /* originally 30px */
}

/* List */
div#list-wrapper {
 height: 65px;
 background-color: #e4d39d;
 background-image: url(../i/c_assets/border_top.gif);
 background-repeat: repeat-x;
 background-position: top left; 
 margin: 15px 0 0 10px;
 padding: 6px 0 0;
}

ul#list {
 height: 45px;
 margin: 0;
 padding: 20px 0 0;
 list-style: none;
 background-image: url(../i/c_assets/border_bot.gif);
 background-repeat: repeat-x;
 background-position: bottom left;
 font-size: 92%;
 letter-spacing: 0.1em;
}

ul#list li {
 padding: 0 0 0 24px;
 background-image: url(../i/c_assets/crs_blt.gif);
 background-repeat: no-repeat;
 background-position: 7px 60%;
}

ul#list li a:link, ul#list li a:visited {
 color: #666;
 text-decoration: none;
}

ul#list li a:hover {
 text-decoration: underline;
}


/* Each Project ----------------------------------------------------*/
div#slide {
 height: 244px;
 width: 342px;
 margin: 46px 0 0;
}

div#slide-right {
 position: absolute;
 left: 642px;
 top: 249px;
 width: 138px;
 height: 51px;
 padding: 0 0 0 20px;
}

div#slide-right a:link, div#slide-right a:visited {
    color: #666666;
    text-decoration: none;
    font-size: 90%;
}

div#slide-right a:hover {
 color: #cc4c0c;
 text-decoration: underline;
}

div#slide-right img#lt {
 padding: 0 5px 5px 0;
}

div#slide-right img#rt {
 padding: 0 5px 5px;
}

.onclickimg {
 color: #cc4c0c;
 margin: 0;
 white-space: nowrap;
}

div#click-image {
 color: #cc4c0c;
 margin: 10px 0 0;
 font-size: 11px;
}

/* Info - Project Name and Completed Appointments -------------------- */
div#info {
 height: 236px;
 padding: 15px 0 10px 20px;
 background-color: #f0e9da;
}

div#info-list-wrapper {
 height: 190px;
 margin: 15px 0 10px 0;
 overflow: auto;
}

h2.proj-entry {
 margin: 0;
 padding: 0;
 font-family: "Times New Roman", Times, serif;
 font-style: italic;
 font-weight: bold;
 color: #333;
 letter-spacing: normal;
 font-size: 19px;
}

.small {
 font-size: 80%;
 font-style: normal;
 font-weight: normal;
 letter-spacing: normal;
}

p.comp-appt {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 85%;
 font-weight: bold;
 margin: 0 0 5px 0;
}

p.comp-appt-material {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 85%;
 font-weight: bold;
 margin: 15px 0 5px 0;
}

ul#appt {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul#appt li {
 font-family: "Times New Roman", Times, serif;
 font-size: 110%;
}

ul#appt li a:link, ul#appt li a:visited {
	color: #cc4c0c;
	text-decoration: none;
}

ul#appt li a:hover {
	text-decoration: underline;
}

.appt {
	list-style: none;
 	margin: 0;
 	padding: 0;
}

.appt li {
 font-family: "Times New Roman", Times, serif;
 font-size: 110%;
}

.appt li a:link, .appt li a:visited {
	color: #cc4c0c;
	text-decoration: none;
}

.appt li a:hover {
	text-decoration: underline;
}


/* Portfolio Top --------------------------------------------------- */
img#title {
 margin: 28px 0 0 10px;
}

div#category {
 margin: 60px 0 0 10px;
 padding: 0;
}

.cat-entry {
 width: 411px;
 margin: 0;
 padding: 0;
}

.cat-entry-wrap {
 width: 411px;
 margin: 0;
 padding: 0;
 border-bottom: 3px solid #cc4c0c;
}

.cat-entry-wrap img {
 display: block; /* to fix IE bug */ 
}

.cat-entry a.entryname:link, .cat-entry a.entryname:visited {
 color: #666;
 font: 20px "Times New Roman", Times, serif;
 font-style: italic;
 margin: 0 0 0 260px;
 padding: 0;
 color: #666;
 text-decoration: none;
 letter-spacing: 0.01em;
}

.cat-entry a.entryname:hover {
 color: #cc4c0c;
}

.cat-entry p {
 width: 411px;
 color: #666;
 font: 20px "Times New Roman", Times, serif;
 font-style: italic;
 margin: 0 0 0 266px;
 padding: 0;
}

ul#page-number {
	font-size: 11px;
	margin: 8px 0 0;
	padding-left: 8px;
	list-style: none;
}

ul#page-number li {
	display: inline;
	padding: 0 3px;
}

ul#page-number li a {
	text-decoration: none;
 	color: #cc4c0c;
}

ul#page-number li a:hover {
	color: #ccc;
 	text-decoration: underline;
}

ul#page-number li.selected {	
	color: #ccc;
 	text-decoration: underline;
}


/* Liturgical --------------------------------------------------*/
div#col-right p.liturgical {
 color: #666;
 margin: 10px 0 0 8px;
 padding: 0 30px 0 0;
 font-size: 90%;
}

/* List */
h3 {
 font: 15px "Times New Roman", Times, serif;
 letter-spacing: 0.05em;
 color: #666;
 margin: 20px 0 0 10px;
}

h4 {
 font-size: 15px;
 letter-spacing: 0.05em;
 color: #666;
 margin: 0;
 padding: 0;
}

div#ltgcllist-content {
 margin: 20px 0 0;
 padding: 10px;
 width: 410px;
 height: 374px;
 overflow: auto;
 font: 100% "Times New Roman", Times, serif;
}

div#ltgcllist-content ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

div#ltgcllist-content ul li.listentry {
 margin-top: 10px;
 font-size: 110%;
 letter-spacing: 0.05em;
 font-weight: bold;
}

div#ltgcllist-content ul li.listentry:first-child {
 margin: 0;
}

div#ltgcllist-content ul li.listentry-bk {
 margin-top: 10px;
 font-size: 110%;
 letter-spacing: 0.05em;
 font-weight: bold;
 text-decoration: underline;
}

div#ltgcllist-content ul li.listentry a:link, div#ltgcllist-content ul li.listentry a:visited {
 color: #cc4c0c;
 text-decoration: underline;
}

div#ltgcllist-content ul li.listentry a:hover {
 color: #0c8ccc;
 text-decoration: none;
}

p.back {
 width: 430px;
 text-align: right;
 font-size: 11px;
 margin: 10px 0 0;
}

p.back a:link, p.back a:visited {
 color: #666;
 text-decoration: none;
}

p.back a:hover {
 color: #cc4c0c;
 text-decoration: underline;
}

/* About Us -------------------------------------------------------------*/
ul.about-subnav {
 letter-spacing: 0.05em;
 margin: 20px 0 0 10px;
 padding: 0;
 list-style: none;
}

ul.about-subnav li {
 display: inline;
 letter-spacing: 0.05em;
 margin: 0 10px 0 0;
 color: #666;
}

ul.about-subnav li a:link, ul.about-subnav li a:visited {
 color: #666;
 text-decoration: none;
}

ul.about-subnav li a:hover {
 color: #f2f1e5;
 background-color: #cc4c0c;
} 

ul.about-subnav li.yrhere {
 color: #cc4c0c;
}

h2.about-entry {
 font: 150% "Times New Roman", Times, serif;
 font-weight: bold;
 letter-spacing: 0.2em;
 color: #333;
 margin: 0;
 padding: 0;
 border-bottom: 2px solid #333;
}

p.about-cw {
 font: 100%/130% Verdana, Arial, Helvetica, sans-serif;
 margin-top: 15px;
}

.designing {
 margin: 20px 0 0;
 padding: 0;
 float: left;
}

.designing-left {
 float: left;
 margin: 0 0 0 2px;
}

.designing-right {
 float: right;
 margin: 0 0 0 15px;
 text-align: left;
}

.designing-right p {
 width: 255px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 0;
}

.designing-left img {
 margin: 3px 0 0;
}

.designing-right img {
 margin: 15px 0 0;
}

.designing-right p.caption {
 width: 180px;
 text-align: right;
 font: 13px "Times New Roman", Times, serif;
 margin: 2px 0 0;
}

/* Contact --------------------------------------------------*/
p.cntct {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 20px 0 0;
}

.cw-co {
 font: 130% "Times New Roman", Times, serif;
 font-weight: bold;
}

p.cntct a:link, p.cntct a:visited {
 color: #cc4c0c;
 text-decoration: underline;
}

p.cntct a:hover {
 color: #0c8ccc;
 text-decoration: none;
}

/* Endorsements ----------------------------------------------*/
p.about-endorse {
 font: 100%/130% Verdana, Arial, Helvetica, sans-serif;
 margin-top: 15px;
}

p.about-endorse35 {
 font: 100%/130% Verdana, Arial, Helvetica, sans-serif;
 margin-top: 45px;
}

p.endorse-sign {
 line-height: 110%;
 margin: 0;
}

a.pdf:link, a.pdf:visited {
 color: #cc4c0c;
 text-decoration: none;
}

a.pdf:hover {
 color: #0c8ccc;
 text-decoration: underline;
}

.pdf-sm {
 font-size: 80%;
}


/* Site Map -------------------------------------------------------*/
div#sm-content {
 margin: 20px 0 0;
 padding: 10px;
 width: 410px;
 height: 374px;
 overflow: auto;
 font: 100% "Times New Roman", Times, serif;
}

div#sm-content h2 {
 font: 150% "Times New Roman", Times, serif;
 font-weight: bold;
 letter-spacing: 0.2em;
 color: #333;
 margin: 0;
 padding: 0;
 border-bottom: 2px solid #333;
}

div#sm-content h2 a:link, div#sm-content h2 a:visited {
 color: #333;
 text-decoration: none;
}

div#sm-content h2 a:hover {
 color: #cc4c0c;
}

div#sm-content h3 {
 font: 100% Verdana, Arial, Helvetica, sans-serif;
 margin: 15px 0 0;
 font-weight: bold;
 letter-spacing: 0.1em;
}

div#sm-content h3 a:link, div#sm-content h3 a:visited {
 color: #333;
 text-decoration: none;
}

div#sm-content h3 a:hover {
 color: #cc4c0c;
}

div#sm-content p {
 font: 90%/120% Verdana, Arial, Helvetica, sans-serif;
 margin: 3px 0 0;
}

div#sm-content ul {
 margin: 10px 0 15px;
 padding: 0;
 list-style: none;
 font: 90%/120% Verdana, Arial, Helvetica, sans-serif;
}

div#sm-content li {
 margin: 3px 0;
}

div#sm-content li a:link, div#sm-content li a:visited {
 color: #cc4c0c;
 text-decoration: none;
}

div#sm-content li a:hover {
 color: #cc4c0c;
 text-decoration: underline;
}

#sm-content ul+h3 {
	margin-top: 18px;
}

#sm-content ul+h2 {
	margin-top: 36px;
}