/* All material copyright © 2003-2009 John Boatwright and Winkbox including but not limited to site design, site graphic design, illustration, CSS programming, other programming, images, textual content, flash elements, animation, RSS and ATOM feeds, Podcasts, audio and video elements and all other elements included within this site unless otherwise noted. All rights reserved.*/

body {
	margin: 0 auto;
	padding: 0;
	color: #003333;
	font: small Georgia, "Times New Roman", Times, serif;
	background-color: #fff;
}

#pagehome, #pageportfolio, #pageportfolio2, #pageabout, #pageservices {
	background: #fff url(./themes/site_themes/winktheme/topgrayorange.png) repeat-x 0 0;
}

#pagesoapbox {
	background: #fff url(./themes/site_themes/winktheme/topgraygreen.png) repeat-x 0 0;
}

#pagesandbox, #pagesandboxnew {
	background: #fff url(./themes/site_themes/winktheme/topgrayred.png) repeat-x 0 0;
}

#pagemailbox {
	background: #fff url(./themes/site_themes/winktheme/topgrayblue.png) repeat-x 0 0;
}

.vcard {
	font: 110%/1.5 "Lucida Grande", Verdana, Lucida, sans-serif;
	background: #d1e4f4 url(./themes/site_themes/winktheme/mailenvelope.png) no-repeat 0 0;
	padding: 10px 10px 30px 10px;
	border-bottom: 3px solid #0941b8;
}


.vcard a {
	color: #0941b8;
}

.vcard a:hover {
	color: #00611b;
}

h3.vcard  {
	background-color: #0941b8;
	background-image: none;
	color: #fff;
	padding: 1px 10px;
	margin: 0;
	border-bottom: 1px solid #000;
}

.org {
	color: #000;
	font-weight: bold;
}

.tel {
	color: #00611b;
	font-size: 120%;
	margin: 10px 0;
}

h1 {
	font-family: georgia, times new roman, times, serif;
	letter-spacing: 0.09em;
}

#navbar a:hover, #subnavwink a:hover {
	background: transparent;
	color: orange;
}

#navbar #soapbox a:hover {
	color: #00b122;
}

#navbar #sandbox a:hover {
	color: #cc3300;
}

#navbar #mailbox a:hover {
	color: #0d44d3;
}

h4 {
	font-family: Calibri, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
	margin-bottom: 4px;
}

ol {
	margin-bottom: 10px;
}

label {
	font: 70% "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #0941b8;
}

#contactform {
	margin-top: 100px;
	border: 1px solid #0941b8;
	padding: 5px;
	width: 350px;
}


.captchastate {
	font: 85% "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #0941b8;
}

.center {
	text-align: center;
}

blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #666;
	padding-left: 8px;
	margin-left: 15px;
	border-left: 4px solid #ccc;
}

.quote {
	font-family: Cambria, Georgia, Times, "Times New Roman", serif;
	color: #444;
	font-style: italic;
	padding-left: 5px;
	margin-left: 5px;
	margin-right: 15px;
	border-left: 5px solid #ddd;
}

ul {
	list-style: square;
	margin-top: 0;
	margin-bottom: 3px;
	margin-left: 1em;
	padding-left: 1em;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}

a:link {
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:visited {
	background-color: transparent;
	text-decoration: none;
	color: #663300;
}

#wrapper {
	margin: 0 auto;
	padding-bottom: 10px;
	width: 750px;
	color: #333;
}

#pageportfolio2 #wrapper {
	width: 950px;
}

#pagehome #navbar #winkbox, #pageabout #navbar #winkbox , #pageportfolio #navbar #winkbox, #pageservices #navbar #winkbox   {
	background: transparent url(./themes/site_themes/winktheme/currentwinkbox.png) no-repeat 15%;
}

#pagesoapbox #navbar #soapbox {
	background: #fff url(./themes/site_themes/winktheme/currentsoapbox.png) no-repeat 15%;
}

#pagesandbox #navbar #sandbox, #pagesandboxnew  #navbar #sandbox {
	background: #fff url(./themes/site_themes/winktheme/currentsandbox.png) no-repeat 90%;
}

#pagehome #navbar #winkbox a, #pagesoapbox #navbar #soapbox a, #pagemailbox #navbar #mailbox a, #pagesandbox #navbar #sandbox a, #pagesandboxnew #navbar #sandbox a {
	color: #000;
}

#pagemailbox #navbar #mailbox {
	background: #fff url(./themes/site_themes/winktheme/currentmailbox.png) no-repeat 90%;
}

#navbar {
	margin: 0;
	padding: 0 0 3px 0;
	font: italic 145% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	margin-top: 15px;
}

#navbar ul {
	list-style: none;
}

#navbar li {
	float: left;
	padding: 0 23px 0 23px;
	margin-right: 9px;
	list-style: none;
	width: 130px;
}

#pagesandboxnew #navbar li {
	float: left;
	padding: 0 23px 0 23px;
	margin-right: 9px;
	list-style: none;
	width: 180px;
}

#navbar li a {
	display: block;
	padding: 0.25em 0 0.25em;
	color: #999;
}

#subnavwink {
	margin: 0;
	padding: 0;
	text-align: center;
	list-style: none;
	font-style: italic;
	font-size: 85%;
	margin-left: 2%;
	clear: both;
}

#subnavwink li {
	float: left;
	list-style: none;
}

#subnavwink a {
	display: block;
	color: #666;
	padding-right: 5px;
	letter-spacing: .1em;
}

#pageabout #subnavwink #snabout a, #pageportfolio #subnavwink #snportfolio a, #pageportfolio2 #subnavwink #snportfolio a, #pageservices #subnavwink #snservices a {
	color: #000;
	font-weight: bold;
	font-size: 110%;
}

#header {
	margin: 0 0 20px 0;
	padding: 0;
	height: 135px;
}

#logo {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 66px;
	left: 44%;
	text-align: center;
}

#pagesandboxnew #logo {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 66px;
	left: 45.3%;
	text-align: center;
}

#about {
	color: #1d4a41;
	font: italic 140%/1.5 Georgia, "Times New Roman", Times, serif;
	margin-bottom: 60px;
}

#about a {
	color: #22724c;
	border-bottom: 1px dotted #22724c;
}

#about a:hover {
	background-color: #eaeaea;
}

#about h2 {
	color: #1d4a41;
	font-weight: normal;
	margin-bottom: 0;
	padding: 0;
	font-size: 120%;
}

#pagesoapbox #about {
	background: #fff url(./themes/site_themes/winktheme/soappronun.png) no-repeat right top;
	font-size: 110%;
}

#pagesoapbox h2.aboutsoap  {
	text-align: center;
	font-size: 1px;
	margin-bottom: 40px;
}

#pagesoapbox #about strong {
	font-size: 100%;
}

#pagesandbox #about {
	margin-bottom: 3px;
	font-size: 95%;
	line-height: 1.5;
}

#pagemailbox #about {
	font-size: 140%;
	line-height: 1.4;
}


#pageservices #about {
	font-size: 100%;
	color: #1d4a41;
	padding: 10px 12px 100px 12px;
	width: 292px;
	background: white url(./themes/site_themes/winktheme/about-back.png) repeat-y;
	border-top: 1px solid #1d4a41;
	margin-top: 175px;
	margin-bottom: 0;
}

#pageservices ul strong {
	color: #00b122;
}

#pageabout #about {
	font-size: 100%;
	color: #1d4a41;
	padding: 10px 12px 100px 12px;
	width: 292px;
	background: white url(./themes/site_themes/winktheme/about-back.png) repeat-y;
	border-top: 1px solid #1d4a41;
	margin-top: 175px;
	margin-bottom: 0;
}

#pageabout .title_home, #pageservices .title_home, #pageportfolio .title_home {
	margin-top: 100px;
	padding-bottom: 40px;
	background: #fff url(./themes/site_themes/winktheme/divider.png) repeat-x 0 bottom;
	border-bottom: 1px solid #000;
	font-size: 240%;
}

#pageabout #about h2, #pageservices #about h2 {
	padding: 10px 15px 0 0;
	font-size: 190%;
}

#pageportfolio #about h2 {
	color: #000;
}

#pagehome #about {
	font-size: 130%;
	color: #1d4a41;
	padding: 0 12px 100px 12px;
	width: 292px;
	background: ;
	margin-top: 0;
	margin-bottom: 0;
}

#pagehome #about h2 {
	font-size: 160%;
}

#pagehome p.big {
	font-size: 120%;
}

#whats {
	background: #fff url(./themes/site_themes/winktheme/arrowwhat.png) no-repeat;
	height: 90px;
	margin: 0;
	padding: 0;
	font: 110% Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #000;
}

#whats p {
	margin: 0;
	padding: 40px 30px 0 0;
}

#whatsanswer {
	background: #fff url(./themes/site_themes/winktheme/arrowblue.png) no-repeat;
	height: 130px;
	color: #000;
	font-style: italic;
}

#whatsanswer p {
	padding: 30px 10px 10px 55px;
	font-style: italic;
}

#where {
	font: 110% Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #000;
}

#whereanswer {
	background: #fff url(./themes/site_themes/winktheme/arrowgreen.png) no-repeat;
	height: 86px;
	margin-bottom: 50px;
}

#whereanswer p {
	color: #000;
	text-align: center;
	padding: 30px 10px 0 10px;
	font-style: italic;
}

#sidelinks {
	background-color: #1d4a41;
	color: #fff;
	padding: 0 0 5px 0;
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #000;
}

#sidelinks ul {
	text-align: center;
	margin: 0;
	padding: 0;
}

#sidelinks .sidetitle {
	margin-bottom: 15px;
	padding: 5px 0;
	background: #fff url(./themes/site_themes/winktheme/sidetitleback.png) repeat-x;
	
}

#sidelinks a {
	color: #16e3ba;
}

#sidelinks a:hover {
	color: #1d4a41;
	background-color: #16e3ba;
}

#sidelinks .recent a {
	font: italic 120% Georgia, Times, "Times New Roman", serif;
	letter-spacing: .1em;
}


/* #sidelinkscheck {
	background: white url(./themes/site_themes/winktheme/about-back.png) repeat-y;
} */

#atomicon a:hover, #rssicon a:hover {
	background-color: transparent;
}

#blogtitle {
	font-size: 1.25em;
	color: #2F4C12;
	float: left;
	margin: 7px 0 0 -2200px;
	padding: 8px 4px 4px 4px;
}

#blogtitle h1 {
	margin: 0;
	padding-top: 5px;
	font: 160% Georgia, Times, serif;
	text-align: left;
}

#nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
	text-align: right;
	background: transparent;
	color: #333;
	font-size: 70%;
	font-variant: small-caps;
	letter-spacing: 0.09em;
}

#content_left {
	float: left;
	margin: 0;
	padding: 0;
	width: 336px;
}

#pageportfolio2 #content_left {
	width: 175px;
	margin-right: 25px;
	position: fixed;
}

/*New portfolio */
#pageportfolio2 h2 {
	color: #ff7400;
	margin-top: 0;
	font-weight: normal;
	font-style: italic;
	font-size: 1.8em;
}

.piece h3 {
	font-weight: normal;
}

.piece {
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

#pagehome .piece {
	clear: both;
}

#pageportfolio2 #winkbox, #pageportfolio2 #snabout {
	margin-left: 100px;
}

#pageportfolio2 #content_left li {
	list-style: none;
	border-bottom: 1px solid #f7f2f2;
}

#pageportfolio2 #content_left a {
	font-style: italic;
	color: #999;
	padding: 5px 0;
	display: block;
}

#pageportfolio2 #content_left a:hover {
	color: #ff7400;
	background-color: #f9f8f8;
	border-bottom: 1px solid #ccc;
}


/*End New portfolio */

#pagesoapbox #content_left {
	width: 440px;
}

#blog {
	float: left;
	margin: 0;
	padding: 0;
	color: #333;
	text-align: left;
}

#pagesoapbox #blog {
	margin-top: 80px;
	width: 440px;
}


#pagesoapbox .entry {
	width: 440px;
}

.intro {
	border-bottom: 1px solid orange;
}

.intro em {
	font: italic 130% Georgia, Times, "Times New Roman", serif;
	color: #ff7400;
}

.intro p {
	font: 100%/160% Calibri, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
}

.entrydetails {
	margin-top: 10px;
	padding: 0;
	background: #fff url(./themes/site_themes/winktheme/dividersoap.png) repeat-y 0 bottom;
	border-bottom: 1px solid #000;
}

.entrydetails a {
	line-height: 1.5;
}

.entry {
	margin: 0 0 50px 0;
	padding: 0 0 10px 0;
	float: left;
	text-align: left;
	font: 100%/140% Calibri, "Helvetica Neue", Helvetica, "Lucida Grande", Arial, sans-serif;
	border-bottom: 1px dotted #ccc;
}


*html .entry {
	border: none;
}

*html #pagesoapbox .entry {
	border-bottom: 1px solid #ccc;
}

.entry a, .intro a {
	color: #0941b8;
	border-bottom: 1px dotted #666;
	padding: 0 1px;
}

*html .entry a {
	border: none;
	text-decoration: underline;
}

.entry a:hover, .intro a:hover {
	background-color: yellow;
	text-decoration: none;
	border: none;
}

.articlethumb a:hover {
	background-color: transparent;
}

#pagehome .entry {
	padding: 0 0 40px 0;
	background: #fff url(./themes/site_themes/winktheme/divider.png) no-repeat 0 bottom;
	width: 316px;
	*padding: 0 0 20px 0;
}

*html #pagehome .entry a {
	border: none;
}

*html #pagehome .entry img {
	border: none;
}

#pagehome .entry p {
	margin: 0;
}

a.morelink {
	float: right;
	background-color: orange;
	color: #fff;
	padding: 0 3px;
	border: none;
}

a:hover.morelink {
	color: #000;
	text-decoration: none;
	background-color: yellow;
}

#content_right {
	float: right;
	margin: 0;
	padding: 0;
	width: 316px;
	color: #003333;
	text-align: right;
}

#pageportfolio2 #content_right {
	width: 750px;
	text-align: left;
}


#pagesoapbox #content_right {
	width: 250px;
}

#pagemailbox #content_right {
	width: 350px;
}

#content_right ul {
	list-style: none;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

.recentpost li {
	margin: 5px 0;
	background: #fff url(./themes/site_themes/winktheme/currentsoapbox.png) no-repeat right;
}

.recentpost a {
	color: #666;
	padding-right: 20px;
	padding-left: 5px;
	font: 85% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.recentpost a:hover {
	background-color: #94d8ac;
	color: #000;
}

h2.recentpost  {
	color: #000;
	font-size: 125%;
	font-weight: normal;
	font-style: italic;
	margin-top: 50px;
}

.quicklinks a {
	color: #0941b8;
	padding: 2px;
	font: 85% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.quicklinks li {
	margin: 2px 0;
}

.quicklinks a:hover {
	color: #fff;
	background-color: #0941b8;
	padding: 2px 4px;
}

h2.quicklinks  {
	color: #000;
	font-style: italic;
	font-weight: normal;
	font-size: 130%;
	margin-bottom: 0;
}

/* @group Old Recent entry style */

.recent {
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
	font: 85% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.recentdate {
	color: yellow;
}

.recent li {
	margin-bottom: 10px;
	border-bottom: 5px solid #215646;
}


.feeds li a {
	font-size: 85%;
}

.recent li a, .feeds li a {
	padding: 2px;
	display: block;
	color: #666;
}

.recent li a:hover {
	background-color: #e6ecf8;
	color: #000;
}

/* @end */

#footer {
	margin: 40px 0 0 0;
	padding: 25px 0;
	text-align: center;
	background-color: orange;
	color: #fff;
	letter-spacing: 0.09em;
	width: 100%;
	float: left;
	font: 70% "Lucida Grande", Lucida, Verdana, sans-serif;
	overflow: visible;
	border-top: 1px solid #000;
}

#pagesoapbox #footer {
	background-color: #00b122;

}

#pagesandbox #footer, #pagesandboxnew #footer {
	background-color: #cc3300;
	margin-top: 425px;
}

#pagemailbox #footer {
	background-color: #0d44d3;
}

.clogin a {
	color: #fff;
	text-decoration: underline;
	padding: 2px;
}

.clogin a:hover {
	color: #000;
	text-decoration: none;
	background-color: #fff;
}

.date {
	background-color: #00b122;
	color: #fff;
	padding: 3px 0 3px 5px;
	margin: 0 0 5px 0;
	font: 80% Verdana, "Lucida Grande", sans-serif;
}

.date em {
	color: yellow;
	font-size: 135%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	letter-spacing: .1em;
}

.cats {
	color: #666;
	margin: 0;
	font-size: 85%;
	border-top: 1px dotted #ccc;
	padding-left: 5px;
}

.cats strong {
	font-weight: normal;
}


.cats a {
	color: green;
	font-weight: normal;
}

.title {
	background: transparent;
	color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	font: normal 130% Georgia, "Times New Roman", Times, serif;
}

.title_home, .title_blog {
	color: #fff;
	padding: 5px 0 5px 5px;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-weight: normal;
	font-style: italic;
	margin-top: 50px;
	background-color: #0941b8;
	width: 336px;
}


.title_blog {
	color: #00b122;
	background-color: transparent;
	font-size: 50px;
	line-height: 1.05;
	width: 440px;
	*width: 335px;
	margin-top: 5px;
	margin-bottom: 2px;
}

.title_home {
	background-color: transparent;
	color: orange;
	font-size: 30px;
	border: none;
	margin-bottom: 5px;
	line-height: 1.05;
	margin-top: 20px;
}

h2.title_home {
	padding: 0;
}

.posted {
	margin-bottom: 10px;
	background: transparent;
	color: #006666;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
}

.sidetitle {
	font-style: italic;
	font-weight: normal;
	font-size: 130%;
	margin-bottom: 0;
	margin-top: 0;
}

#sidesearch {
	margin: 30px 0;
}

#sidesearch a {
	display: block;
	margin-top: 6px;
	font: 80% "Lucida Grande", Lucida, Verdana, sans-serif;
}

.spacer {
	clear: both;
}

.paginate {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: .1em;
	padding: 10px 6px 10px 4px;
	margin: 0;
	background-color: transparent;
}

.pagecount {
	font-family: Verdana, Geneva, Tahoma, Trebuchet MS, Arial, Sans-serif;
	font-size: 10px;
	color: #666;
	font-weight: normal;
	background-color: transparent;
}

.calendarBG {
	background-color: #000;
}

.calendarBlank {
	background-color: #9DB7A7;
}

.calendarHeader {
	font-weight: bold;
	color: #fff;
	text-align: center;
	background-color: #000;
}

.calendarMonthLinks {
	font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	color: #fff;
	background-color: transparent;
}

.calendarMonthLinks a {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

.calendarMonthLinks a:visited {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

.calendarMonthLinks a:hover {
	color: #ccc;
	text-decoration: underline;
	background-color: transparent;
}

.calendarDayHeading {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	background-color: #195337;
	text-align: center;
	vertical-align: middle;
}

.calendarToday {
	font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #000;
	background-color: #ccc;
}

.calendarCell {
	font-family: Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .1em;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #666;
	background-color: #fff;
}

.calendarCell a {
	color: #000;
	text-decoration: underline;
	background-color: transparent;
}

.calendarCell a:visited {
	color: #000;
	text-decoration: underline;
	background-color: transparent;
}

.calendarCell a:hover {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}