/*  
Theme Name: Tea and White Noise Theme
Theme URI: http://www.ktcoope.com
Description: First custom theme for me.
Version: 1.0
Author: KT Coope
Author URI: http://www.ktcoope.com

*/



@import url("960/960.css");
@import url("960/reset.css");
@import url("960/text.css");

.align-left {
text-align: left;
float: left;
}

.align-right {
text-align: right;
float: right; }

div.clear {
clear: both;
}

body {
font-size: 62.5%;
font-family: Trebuchet MS, Helvetica, sans-serif;
background:  repeat-y center top #362120;
}

p {
font-size: 1.2em;
}

a {
color: black;
text-decoration: none;
}

a:hover {
color:  #248acb;
}

h1 {
border: 1px solid #5b6190;
background: url(images/paper3.jpg);
padding-left: 15px;
margin: 15px;
}

h2 {
border: 1px solid #c49f48;
background: url(images/paper1.jpg);
padding-left: 15px;
}

h2.dashed {
background: none;
border-bottom: dashed 2px #6c6142;
border-top: none;
border-left: none;
border-right: none;
}

h3 {
background: none;
border-bottom: dashed 2px #6c6142;
border-top: none;
border-left: none;
border-right: none;
}

#container {
border: solid black 15px;
}

#pagetop {
background: url(images/bluesplatterbg.jpg) top left no-repeat;
}

#page {
background: url(images/bluefootersplatter.jpg) bottom no-repeat white;
width: 100%;
}

/*decorations*/

.heading-deco-1 {
height: 30px;
width: 30px;
background: url(images/splat1spiral-trans.png) no-repeat top center;
float: right;
margin: 3px 10px 0 0;
}

.heading-deco-2 {
height: 30px;
width: 30px;
background: url(images/splat1star-trans.png) no-repeat top center;
float: right;
margin: 3px 10px 0 0;
}

.heading-deco-3 {
height: 30px;
width: 30px;
background: url(images/splat1circles-trans.png) no-repeat top center;
float: right;
margin: 3px 10px 0 0;
}

.heading-deco-rss {
height: 30px;
width: 30px;
background: url(images/splat1rss-trans.png) no-repeat top center;
float: right;
margin: 3px 10px 0 0;
}

.heading-deco-twitter {
height: 30px;
width: 30px;
background: url(images/splat1twitter-trans.png) no-repeat top center;
float: right;
margin: 3px 10px 0 0;
}

/* posts */

.post img {
padding: 5px;
background: white;
border: 2px dashed #6c6142;
}


.wp-caption-text {
text-align: center;
color: #6c6142;}

img.alignleft, div.alignleft {
float:left;
margin: 5px;
}
img.alignright, div.alignright {
float:right;
margin: 5px;
}
img.aligncenter, div.aligncenter {
text-align:center;
margin: 5px auto;
}

.imagecenter img {
margin: 0 auto;
}

.postmetadata a {
color: #6c6142;
font-size: small;
text-decoration: none;
}

.postmetadata a:hover {
color: #248acb;
}

.postmetadata {
color: #5b6190; 
font-size: small;
}

.entry a {
color: #817858;
}

.entry h2 {
	clear:both;}

.entry a:hover {
color: #248acb;
}

.more-link {
display: block;
color: #6c6142;
margin-top: 15px;
font-style: italic;
}

.navlinks {
border-width: 1px;
border: 1px solid #5b6190;
background: url(images/paper3.jpg);
padding: 5px 15px 5px 15px;
font-size: 1.6em;
}

.navlinks a {
vertical-align: middle;
position: relative;
bottom: 10px;
padding: 0 10px 0 10px;
}

.navlinks a:hover {
color: #248acb; }




/* Header */

#header {
overflow: auto;
}

#logobar {
height: 160px;
text-align: right;
padding-top: 40px;
}

#tagline {
font-size: 1.8em;
font-style: italic;
background: none;
border: none;
color: #6c6142;
margin: 0px;
}

#tagline p {
position: relative;
top: 3px;
}

#tagline .heading-deco-3 {
padding-right: 15px;
margin-bottom: 5px;
}


#menu {
float: right;
text-align: right;
border-bottom: dashed 2px #6c6142;

}

#menu ul {
margin: 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none; }
	
#menu li {margin: 0; padding: 0 15px 0 28px; display: inline; }

#menu a {
text-transform: uppercase;
color: black;
font-size: 2em;
font-weight: bold;
text-decoration: none;}

#menu .current_page_item a {
border-top: dashed 2px #6c6142;

}

/* Introbox */

#introbox {
border: solid 1px #c49f48;
margin-top: 20px;
background: url(images/paper1.jpg);
min-height: 200px;
}

#introbox a {
color: #6c6142;
}

#introbox a h1 {
color: black;
}

#introbox a:hover {
color: #248acb;
}

#introbox a:hover h1 {
color: #248acb;
}

#introcontent  {
padding: 0 15px;
margin: 0px;
float: right;
}

#introbox .rotate {
float: left;
padding: 5px;
border: dashed 2px #6c6142;
background: white;
margin: 30px 0 0 30px;
}

#introbox h1 {
background: none;
border: none;
margin: 0px;
padding: none;
}

#introbox h2 {
background: none;
border: none;
margin: 0px;
padding: none;
font-size: 1.6em;
}


/* Front and General */

#frontcol1 {
margin-top: 15px;
border: none;
height: 100%;
float: left;
}


#frontcol1 h1 {
border: 1px solid #c49f48;
background: url(images/paper1.jpg);
margin: 15px 0px;
padding-left: 15px;
}

#frontsketchblog {
margin: 15px 0px 15px 0px;
border: 1px solid #5b6190;
background: url(images/paper3.jpg);
}

#frontevents {
margin: 15px 0px;
}

#fronttwitter {
margin: 15px 0px;
border: 1px solid #5b6190;
background: url(images/paper3.jpg);
}

#frontmainblog {
margin: 15px;
}



#main {
margin-top: 15px;
border: none;
background: url(images/paper2.jpg);
height: 100%;
float: right;
min-height: 700px;
}

#main li {
font-size: 12px;}

.frontnavlinks {
border: 1px solid #5b6190;
background: url(images/paper3.jpg);
padding-left: 15px;
margin: 15px;
font-size: 1.8em;
text-align: center;
}

.frontnavlinks a {
position: relative;
bottom: 7px;
}



/* sketchblog */

.sketch-blog-post {
padding:10px;

}

.sketch-blog-post img {
border: 3px solid black;
float: left; }

.sketch-blog-date {
float:right;
margin-top: 2px;
}

.sketch-blog-day {
font-weight: bold;
font-size: 2em;
margin: 0px;
line-height: 1;
padding: 0px;
text-align: center;
}

.sketch-blog-month {
font-weight: bold;
margin: 0px;
padding: 0px;
font-size: 1.3em;
line-height: 1;
text-align: center;
}

/* Twitter */

#fronttwitter a {
text-decoration: none;
color: #5b6190;
}

li.twitter-item {
list-style-type: none;
list-style-position: outside;
font-size: 1.2em;
padding:5px 10px 5px 10px;
margin-top: 5px;
margin-left: 0px;
}

/*sidebar*/

#sidebar {
float: left;
padding: 20px 0 0 0;
font-size: 1.2em;
}

#sidebar ul {
margin: 0px;
}

#sidebar li {
list-style-type: none;
list-style-position: outside;
margin-left: 0px;
}

#sidebar ul li ul {
padding-left: 15px;
margin-left: 0px;
border: 1px solid #5b6190;
background: url(images/paper3.jpg)
}

#sidebar ul li ul li{
margin-bottom: 5px;
margin-top: 5px;
}

#sidebar ul li ul li ul {
border: none;
background: none;
}

#sidebar ul li ul li ul li {
border: none;
background: none;
margin: 0 0 0 10px;
padding: 0px;
list-style-type: circle;
list-style-position: outside;
}

#sidebar ul li ul li ul {
margin: 0; 
}

#sidebar h2 {
border: 1px solid #c49f48;
background: url(images/paper1.jpg);
margin: 10px 0px 15px 0px;
padding-left: 15px;
}

#searchform {
margin-left: 5px;
}

#searchsubmit {
padding-left: 10px;
}

#searchform .textinput {
background: white;
border: 2px dashed #6c6142
}

#searchsubmit .button {
height: 25px;
width: 37px;
background:  url(images/gobuttonblank-trans.png) no-repeat;
border: none;
position: relative;
top: 1px;
border: none;
font-size: 1.6em;
font-weight: bold;
text-transform: uppercase;
padding-bottom: 3px;
padding-left: 0;}

#searchsubmit .button:hover {
color: #248acb;
}

/*footer*/


#footer {
border-top: 2px dashed #6c6142;
margin-top: 20px;
}

.footbox {
text-align: left;
position: relative;
bottom: 10px; 
}

.footbox h2 {
background: none;
border: none;
 }

.footbox .grid_4 {
margin: 0px;
}

.footbox p {
font-size: 1.2em;
font-weight: bold;
text-align: left;
margin-top: 5px;
}

.footbox .deco {
position: relative;
bottom: 5px;
margin-right: 5px;
}

#mainfooter {
margin-top: 15px;
}

#lowestfooter {
text-align: center;
color: #362120;
}

/* single */

#single {
margin: 15px;
}

#single h1 {
margin: 0 0 15px 0;
}



/*comments*/

.comment-template img {
background: none;
border: none;
}

.avatar {
float: left;
margin: 15px 15px 15px 0;
border: 1px solid #96a1c0;
background: white;
}

.alt .avatar {

background: white;
}



.comments-template{
	margin: 10px 0 0;
	border-top: 2px dashed #6c6142;
	padding: 10px 0 0;
}

.comments-template ol{
	padding-left: 0;
	padding-bottom: 15px;
	padding-right: 0;
	margin: 0;
	list-style: none;
}

.comments-template ol li{
	padding: 10px;
	margin: 10px 0 0;
	line-height: 18px;
}

.alt {
	padding: 10px;
	margin: 10px 0 0;
	line-height: 18px;
}

.comment {
border-bottom: #ccc solid 1px;
}

.comments-template p.nocomments{
	padding: 0;
}

textarea {
background: white;
border: 2px dashed #6c6142;
Width: 600px;
}

input.text {
background: white;
border: 2px dashed #6c6142;
padding-left: 10px;
}

#respond .button {
height: 46px;
width: 400px;
background: url(images/rule3-trans.png) no-repeat;
border: none;
font-size: 1.6em;
font-weight: bold;
text-align: left; 
padding-bottom: 8px;
}

#respond .button:hover {
color: #248acb ;
}

#respond label {
color: #6c6142;
font-weight: bold;
font-size: 1.4em;
}


/* pages */

#page-nav {
background: url(images/rule3-trans.png) no-repeat;
height: 46px;
width: 400px;
font-size: 1.6em;
font-weight: bold;
padding-top: 7px;
}

#page-nav a {
}




/*About Page*/

.bioimage {
border: none;
background: none;
}

.bioimage img {
border: none;
float: right;
background: none;}


/*Events*/

.event-title {
font-weight: bold;
font-size: 12px;;
}


/*Gallery template*/



#gallery-container {
margin-top: 15px;
border: none;
background: url(images/paper2.jpg);
height: 100%;
float: right;
}

.gallery-textbox {
border: 1px solid #c49f48;
margin: 15px;
background: url(images/paper1.jpg);
padding: 10px;
vertical-align: middle;
font-size: 1.2em;
}

.gallery-content {
margin: 15px;
}

.gallery-content h3 {
border-bottom: 2px dashed #6c6142;
padding: 15px 30px 0px 15px;
margin-bottom: 5px;
}

.gallery-content p {
margin: 0 15px 0 15px;
}

.gallery-row{
background: url(images/horiline3-trans.png);
padding: 0px 5px 0px 5px;
margin: 0px 15px 0px 15px;
clear: both;
text-align: center;
}


.gallerythumbs {
height: 150px;
margin: 0 5px 20px 5px;
float: left;
padding: 5px;
}

.gallerythumbs img {
background: white;
border: 2px dashed #6c6142;
}


.navpushup {
position: relative;
bottom: 8px;
}


/* Contact Page */

.button input {
height: 46px;
width: 400px;
background: url(images/rule3-trans.png) no-repeat;
border: none;
font-size: 1.6em;
font-weight: bold;
text-align: left; 
padding-bottom: 8px;
}

.button input:hover {
color: #248acb;
}

.input-text input {
background: white;
border: 2px dashed #6c6142;
}

.input-text label {
color: #6c6142;
font-weight: bold;
font-size: 1.4em;
}



.nobg {
background: none;
border: none;
}