/*  
Theme Name: Kristine
Theme URI: 
Description: Widget ready and tested on WP 2.2+.
Version: 2.0
Author: 
Author URI: 
*/

body {
margin: 0;
padding: 0;
background:#d4e3b0 url(images/background.jpg) repeat-x 

fixed;
font:normal 0.9em/1.1em "trebuchet ms", verdana, arial, sans-serif;
color: #330;
}


/* HEADER filter:alpha(opacity=60); */
#header {
background-color: #fff;
background-image: url('images/logo.gif');
background-repeat: no-repeat;
background-position: 50px 50px;
height:300px;
margin: 0 auto;
overflow: hidden;
width: 90%;
opacity: 0.6;
}

#header h1 {
background-color: transparent;
font: 2.5em "Trebuchet Ms", arial, helvetica;
letter-spacing: 0px;
padding-top: 80px;
margin-left: 128px;
margin-bottom: 0px;
}

#header a {
text-decoration: none;
color: #464646;
}

#header .sub {
background-color: transparent;
color: #464646;
font: 12px arial, helvetica;
letter-spacing: 15px;
margin-left: 130px;
margin-top: 0px;
text-transform:uppercase;
}

#twitter {
background: url(images/twitter.gif) no-repeat top left;
color: #464646;
font: oblique 1.2em/1.3em "Times New Roman", times, serif;
float: right;
margin: 45px 50px 0 0;
padding-top: 25px;
padding-left: 50px;
width: 200px;
}

.follow {
color: #464646;
font: 11px "trebuchet ms", arial, helvetica, sans-serif;
margin-bottom: 20px;
}


/* PAGE */

#page {
background:#fff url(images/footer_flourish.gif) no-repeat bottom right;
border: 0px solid #000;
width: 90%;
margin: 0 auto;
padding-bottom:50px;
margin-bottom:0px;
overflow: hidden;
}


body, th, td, input, textarea, select, option {
font-family: "Trebuchet MS", Arial, Helvetica, 
sans-serif;
}

/* CONTENT */

#content {
border: 0px solid #000;
float: right;
margin: 20px 20px 0px 0px;
position: relative;
width: 68%;
}

.post {
padding: 0 0 20px 0;
}

.title {
margin-bottom: 10px;
	padding-bottom: 10px;
border-bottom: 1px dotted #cc9;
}

.title a {
text-decoration: none;
}

.pagetitle {
border-bottom: 1px dotted #cc9;
}

.byline {
margin: 0;
color: #D79B00;
}

.meta {
text-align: right;
color: #646464;
}

.meta .more {
padding-left: 20px;
background: url(images/img03.gif) no-repeat left center;
}

.meta .comments {
padding-left: 20px;
background: url(images/img04.gif) no-repeat left center;
}

.navigation {
}

/*
.alignleft {
float: left;
}

.alignright {
float: right;
}
*/

.posts {
margin: 0;
padding: 0;
list-style: none;
line-height: normal;
}

.posts li {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 0px solid #0F0F0F;
}

.posts h3 {
margin: 0;
font-weight: bold;
}

.posts p {
margin: 0;
line-height: normal;
}

/* SIDEBAR */

#sidebar {
border: 0px solid #000;
color:#330;
float: left;
margin: 10px 20px;
padding-top: 0px;
position: relative;
width: 25%;
}

hr {
border: 1px dotted #d8e6ba;
margin-top: 5px;
margin-bottom: 5px;
}

.sn {
width: 63px;
height: 23px;
margin-right: 5px;
}

.sn-container {
display: block;
margin-bottom: 10px;
}

#sidebar h2 {
color:#693;
background:url(images/leftlinksbar.png) repeat-x center left;
font: 1.4em/1em "Trebuchet MS", Geneva, sans-serif;
margin-bottom:5px;
padding:2px 2px 2px 4px;
border:1px dotted #d8e6ba;
}

#sidebar ul {
color:#693;
margin: 0 0 8px;
padding: 0;
list-style: none;
}

#sidebar li li {
background:url(images/arrow.png) no-repeat center left;
border-bottom: 1px solid #d8e6ba;
color:#693;
font: .9em "Trebuchet MS", Geneva, sans-serif;
margin: -5px 0 -5px 0;
padding: 6px 0 3px 20px;
}

#sidebar a:link {
background-color: inherit;
color: #693;
text-decoration: none;
}

#sidebar a:visited {
background-color: inherit;
color:#663;
text-decoration: none;
}

#sidebar a:hover, a:active {
background-color: inherit;
color:#464646;
text-decoration: none;
}






/* not using */
#sidebar li.tweet {
background: url(images/twitter.gif) no-repeat top left;
border-top: 0px solid #d8e6ba;
color:#693;
font:oblique 1.2em/1.3em "Times New Roman", times, serif;
margin: 10px 0px 3px 0px;
padding-top: 25px;
padding-left: 50px;
position: relative;
}














/* FOOTER */

#footer {
border: 0px solid #000;
background-color:#ebebc9;
clear: both;
margin-top: 0px;
overflow: hidden;
padding-top: 0px;
padding-bottom: 10px;
text-align: center;
font-size: smaller;
}

#footer-grass {
background-color:transparent;
background:url(images/footer_grass.gif) repeat-x top 

left;
width: 100%;
margin-top: 0px;
height: 100px;
padding-bottom: 0px;
text-align: center;
font-size: smaller;
}

#footer-container {
border: 0px solid #000;
background-color:transparent;
color: #afaf80;
margin-right: auto;
margin-left: auto;
overflow: hidden;
width: 850px;
}

#footer .left {
background-color:transparent;
color: #afaf80;
float: left;
height: 100px;
overflow: hidden;
width: 375px;
text-align:right;
}

#footer .right {
background-color:transparent;
line-height: 2em;
float: right;
height: 100px;
overflow: hidden;
text-align:left;
width: 450px;
}

#footer a:link {
background-color:inherit;
color:#afaf80;
padding: 0px;
text-decoration:none;
}
#footer a:visited {
background-color:inherit;
color:#663;
padding: 0px;
text-decoration:none;
}
#footer a:hover {
background-color:#f6f3df;
color:#960;
padding: 0px;
text-decoration:none;
}
#footer a:active {
background-color:inherit;
color:#9c6;
padding: 0px;
text-decoration:none;
}




















/* FONT STYLES */

h1 {
background-color:inherit;
color:#9c6;
font:2.5em/1em "Trebuchet MS", Geneva, sans-serif;
letter-spacing:-2px;
}

.sub {
background-color:inherit;
color:#9c6;
font:.1em/1em "Trebuchet MS", Geneva, sans-serif;
letter-spacing:-2px;
}

h2 {
background-color:inherit;
color:#acac82;
font: 2em/1em "Trebuchet MS", Geneva, sans-serif;
}

.sub2 {
background-color:inherit;
color:#acac82;
display:inline;
font: 2em/1em "Trebuchet MS", Geneva, sans-serif;
}

h3 {
background-color:inherit;
color:#693;
font: 1.3em/1.4em "Trebuchet MS", Geneva, sans-serif;
}

h4 {
background-color:inherit;
color:#330;
display:inline;
font:bold 1.1em/1.1em "trebuchet ms", verdana, arial, 

sans-serif;
}

p, ul, ol {
	line-height: 200%;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
color: #464646;
}

a:hover {
text-decoration: none;
color: #960;
}



em {
color:#663;
display:inline;
font:oblique 1em/1.6em "Trebuchet MS", Geneva, sans-serif;
}

p.ital {
color:#663;
display:inline;
font:oblique 1.2em/1.2em "Times New Roman", times, serif;
}




/* MISC */

img {
border:0;
}

.cap {
background-color:inherit;
color:#cc9;
display:inline;
font:bolder 3em/.7em georgia, "times new roman", Geneva, sans-serif;
}

.port {
background-color: #f9fbf2;

border:1px dotted #cc9;
color:#330;
position:relative;
text-align:left;
margin-top: 50px;
padding:20px;
}

.top {
background-color:inherit;
color:#330;
font:1em/1.7em "Trebuchet MS", sans-serif;
padding-bottom:20px;
text-align:right;
}

textarea {
border:1px dotted #9c6;
width: 400px;
}

submit {
background-color: #f3f7e7; 
border:1px outset #d8e6ba;
color: #693;
font: .8em arial, verdana;
text-decoration: none;
padding:3px;
}

.hmimg {
border: 0px solid #cc9;
float:right;
height:364px;
overflow:hidden;
width:411px;
margin:26px 0 50px 10px;
}

.imgright {
border: 1px dotted #cc9;
float: right;
overflow:hidden;
padding: 25px;
margin: 20px 0 20px 20px;
text-align:center;
width: 175px;
}

.iconlist {
background-color: inherit;
color: #000;
list-style: none;
margin-left: 20px;
padding: 0;
}

li.check { 
background-image: url(images/check.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}

li.bullet { 
background-image: url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .2em .4em;
}






/* FAQ PAGE */
.faq-icons {
text-align:center;
width:80px;
}

a.type3:link {
background-color:inherit;
color:#333300;
font:.7em/1em arial, helvetica, sans-serif;
margin-top:12px;
text-decoration:none;
text-transform:uppercase;
}

a.type3:visited {
background-color:inherit;
color:#333300;
font:.7em/1em arial, helvetica, sans-serif;
margin-top:12px;
text-decoration:none;
text-transform:uppercase;
}

a.type3:hover {
background-color:#f6f3df;
color:#693;
font:.7em/1em arial, helvetica, sans-serif;
margin-top:12px;
text-decoration:none;
text-transform:uppercase;
}

a.type3:active {
background-color:inherit;
color:#9c6;
font:.7em/1em arial, helvetica, sans-serif;
margin-top:12px;
text-decoration:none;
text-transform:uppercase;
}












/* ELEMENTS */

#search input {
display: none;
}

#search input#s {
display: block;
width: 230px;
padding: 2px 5px;
border: 1px solid #3DD1FF;
background: #FFFFFF url(images/img05.gif) repeat-x;
}

#search br {
display: none;
}

/* Calendar */

#calendar {
}


#calendar h2 {
	margin-bottom: 15px;
}

#calendar table {
	width: 80%;
	margin: 0 auto;
	text-align: center;
}

#calendar caption {
	width: 100%;
	text-align: center;
}

#next {
	text-align: right;
}

#prev {
	text-align: left;
}



#flickr_badge_uber_wrapper {
background-color:inherit;
color:#000;
}
#flickr_badge_wrapper {
background-color:inherit;
color:#000;
}
.flickr_badge_image {
background-color:inherit;
color:#000;
}
.flickr_badge_image img {
background-color:inherit;
border:0 solid #fff !important;
color:#000;
padding:10px;margin:10px;
}













/* LINKS */

/* content links */
a.type2:link {
background-color:inherit;
color:#693;
text-decoration:none;
border-bottom:1px solid #693;
padding:0 1px 1px;
}
a.type2:visited {
background-color:inherit;
color:#663;
text-decoration:none;
padding:1px;
}
a.type2:hover {
background-color:#f6f3df;
color:#960;
text-decoration:none;
border-bottom:3px solid #e9e2b7;
padding:0 1px 1px;
}
a.type2:active {
background-color:inherit;
color:#9c6;
text-decoration:none;
padding:1px;
}






#sidebar a.email:link, #sidebar a.email:visited {
background-color: #f3f7e7; 
border:1px outset #d8e6ba;
color: #693;
font: .8em arial, verdana;
text-decoration: none;
padding:3px;
}

#sidebar a.email:hover, a.email:active {
background-color: #fdfff9;
border:1px outset #d8e6ba;
color: #060;
text-decoration: none;
padding:3px;
}








/* TOP MENU */

#nav {
background:#f5efc4 url(images/nav_back.gif) repeat-x 

bottom left;
height:75px;
position:relative;
opacity: 0.8;
white-space:nowrap;
}

#nav ul {
border:0px solid #bfbf99;
display:block;
margin: 0 auto 0 auto;
overflow:hidden;
padding:45px 0px 0px 0px;
position:relative;
width: 990px;
}

#nav li {
border:0px solid #000;
background-color:inherit;
color:#9C6;
display:inline;
list-style-type:none;
	margin-right:24px;
	margin-right:24px;
overflow:hidden;
}


#nav li a.menu {
background-color:inherit;
color:#fff;
font:2em "Trebuchet MS", Geneva, sans-serif;
text-decoration:none;
padding:70px 3px 3px 3px;
}

#nav li a.menu:link,a.menu:visited {
background-color:inherit;
color:#fff;
padding:70px 3px 3px 3px;
}



/* hover HOME HAND */
#nav li a.menu:hover,a.menu:active {
background:#9C6 url(images/nav_hi.gif) no-repeat center;
background-color:#9C6;
color:#FFF;
padding:75px 3px 3px 3px;
}

/* hover PROJECTS */
#nav li:first-child + li a.menu:hover,a.menu:active {
background:#9C6 url(images/nav_projects.gif) no-repeat 

center;
background-color:#9C6;
color:#FFF;
padding:75px 3px 3px 3px;
}


/* hover PROFILE */
#nav li:first-child + li + li a.menu:hover,a.menu:active 

{
background:#9C6 url(images/nav_profile.gif) no-repeat 

center;
background-color:#9C6;
color:#FFF;
padding:75px 3px 3px 3px;
}


/* hover SERVICES */
#nav li:first-child + li + li + li  

a.menu:hover,a.menu:active {
background:#9C6 url(images/nav_services.gif) no-repeat 

center;
background-color:#9C6;
color:#FFF;
padding:75px 3px 3px 3px;
}
/* hover PROCESS */
#nav li:first-child + li + li + li + li 
a.menu:hover,a.menu:active {
background:#9C6 url(images/nav_process.gif) no-repeat 

center;
background-color:#9C6;
color:#FFF;
padding:75px 3px 3px 3px;
}
/* hover FAQ */
#nav li:first-child + li + li + li + li + li 

a.menu:hover,a.menu:active {
background:#9C6 url(images/nav_faq.gif) no-repeat center;
background-color:#9C6;
color:#FFF;
padding:75px 3px 3px 3px;
}
/* hover resources */
#nav li:first-child + li + li + li + li + li + li  
a.menu:hover,a.menu:active {
background:#9C6 url(images/nav_resources.gif) no-repeat 

center;
background-color:#9C6;
color:#FFF;
padding:75px 3px 3px 3px;
}