/*  

Theme Name: Whale Of A Tale

Original Theme URI: http://beccary.com/goodies/wordpress-themes/

Description: Purple/blue accented with green

Version: 1.1

Author: Based off of Dusk by Becca Wei

Author URI: http://beccary.com

Modified by: Teresa Jones of http://scribblescratch.com

Graphics by: Teresa Jones of http://scribblescratch.com & http://herbrokentoy.com

Permission to use are for this theme ONLY.  No other use permitted without permission!



*/







/* Basics and Typography */




body {
background-color: #bbdeed;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#1e2126;
padding:0px;
margin:0px;}

html>body {

	font-size: small;

}

p {

	font-size: 1em;

	line-height: 1.5em;

	margin: 1.2em 0;

}

ol, ul{

	font-size: 1.0em;

	line-height: 1.5em;

	padding: 0;
	

}

ul li {
padding: 0px 0px 0px 16px;
background: url(http://artsie.me/wp-content/themes/whaleofatale/images/bullet.png) top left no-repeat;
margin: 0px;
list-style: none;
}



#twitter p {
margin-bottom: 1.5em;
margin: 0px;
}
#twitter ul {
list-style-type: none;
margin: 0px;
}

#twitter ul li {
padding: 5px 15px 0px 16px;
background: url(http://artsie.me/wp-content/themes/whaleofatale/images/bullet.png) left no-repeat;
margin: 0px;
border: #1f6e95;
border-style: dashed;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
}



h1,h2 {
font: bold 1.6em Arial, sans-serif;
text-transform: uppercase;
padding: 5px 5px 5px 5px;
color: #1f6e95;
text-align: left;
letter-spacing: 2px;
margin:0px;
text-decoration: underline;
background-color: #9ed2ed;


}



a:link {

	color: #1f6e95;
    text-decoration: none;

}

a:visited, a:active {

	color: #1f6e95;
	text-decoration: none;

}

a:hover {	color: #d0e7fe; 

		text-decoration: none;
		background: #5698ba;



}

input, textarea, select {

	background-color: #9ed2ed;

	color: #1e2126;

	font-size: 1em;

	font-family: Trebuchet MS, Arial, sans-serif;

}

blockquote {

	background-color: #F3F3F3;

	margin: 0 20px;

	padding: 0 20px;

	border-left: 1px dotted #565799;

	border-right: 1px dotted #565799;

}

code {

	font-family: monospace;

	color: #666;

}









/* Layout */



#wrapper {

	width: 833px;

	margin: 0 auto;

	background: #ffffff url(images/whale_bg.jpg) repeat-y;

	font-size: 0.9em;

	text-align: left;
	

}

#header {

	width: 833px;

	height: 293px;

	background: url(images/whale_header.jpg) no-repeat;

}



	/* Header Styles */

	

	#title {

		float: left;

		margin: 38px 0 0 9px;

		border-bottom: 1px dotted #9e2251;

		padding: 1px;

	}

	#title h1 {

		margin: 0;

		padding: 5px 15px;

		border: 0;

		background-color: #222;

		color: #f9b7d5;

	        font-size: 0.92em;

		line-height: 32px;

		letter-spacing: 1px;

	}

	#title h1 a {

		color: #ccd46e;

		text-decoration: none;

	}

	

#content {

	float: left;

	width: 460px;

	padding: 15px 10px 0 40px;
	
	width: 460px;
	
	
	

} 

html>body #content {

	width: 460px;

}

#sidebar {

	float: left;

	width: 200px;

	padding: 15px 5px 15px 35px;

	color: #1e2126;

	font-size: 0.92em;

	voice-family: "\"}\""; 

	voice-family: inherit;

	width: 200px;


} 

html>body #sidebar {

	width: 220px;

}



	


* html #content, * html #sidebar {

	overflow: hidden; /* For IE */

}

#footer {

	clear: both;

	width: 833px;

	height: 293px;

	background: url(images/whale_footer_final.jpg) no-repeat;
	

}



	/* Footer Styles */

	

	#footer p {

		margin: 0;

		padding: 0.6em 0;

		border-top: 1px dotted #9e2251;

		font-size: 0.92em;

	}



	



/* Blog Styles */



.posttitle {

		margin: 0 0 0.6em 0;

                color: #9e2251;

		font-size: 1.1em;

                font-family: georgia;

}

.posttitle a {

	text-decoration: none;

}

.postmeta {

	margin: 0;

	padding: 0.2em 0 0 0;

}

.postmeta, .postfeedback {

	font-size: 0.92em;

	text-align: left;

}

.pagetitle {

	margin: 0.6em 0 1.2em 0;

}

.commentauthor {

	margin: 1.2em 0 0 0;

	border-bottom: 1px dotted #7E6348;

	font-size: 1.1em;

}

.commentauthor a {

	text-decoration: none;

}

.commentmeta {

	margin: 0;

	padding: 0.2em 0 0 0;

	font-size: 0.92em;

}

#comment {

	width: 98%;

}


/*CORNERS*/

.sidebox {
	width: 250px;
	background-color: #9ed2ed;
	color: #1e2126;
}

.sideboxcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/top_right.jpg) no-repeat top right; 
	
}

.roundbottom {
	background: url(images/bottom_right.jpg) no-repeat top right; 
	
}

img.corner {
   width: 24px;
   height: 24px;
   border: none;
   display: block !important;
}

.sidetitle {
font: bold 1.27em Arial, sans-serif;
text-transform: uppercase;
padding: 5px 5px 5px 5px;
color: #1f6e95;
text-align: left;
letter-spacing: 2px;
margin:0px;
text-decoration: underline;
}

.sideblurbs {
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#1e2126;
padding: 5px 5px 5px 5px;
margin:0px;}
}

.blogtitle1 {
	background-color: #9ed2ed;
	padding: 5px 5px 5px 5px; 
	margin:0px;
}

.blogtitle {
font: bold 1.5em Arial, sans-serif;
text-transform: uppercase;
padding: 4px 3px 2px 5px;
color: #1f6e95;
text-align: left;
}

.blogtitle a{
color: #d5f0fe;
}

.blogtitle a hover{
color: #789ae9;
text-decoration: none;
}

#sidebar p {
margin-bottom: 1.5em;
}
#sidebar ul {
list-style-type: none;
margin-bottom: 10px;
font-size: 1.1em;
line-height: 1.5em;
margin: 0px;
}
#sidebar ul li {
padding: 0px 0px 0px 16px;
background: url(http://artsie.me/wp-content/themes/whaleofatale/images/bullet.png) left no-repeat;
margin: 0px;
}

.roundContainer{
width: 300px;
position: relative;
backgrground: #bcg_of_the_rounded_rectangle; 
}

.roundTopLeft, .roundTopRight, .roundBottomLeft, .roundBottomRight{
width: 20px;
height: 20px;
position: absolute;
}

.roundTopLeft{
background: url('images/top_left.jpg') 0 0 no-repeat;
top: 0;
left: 0;
}

.roundTopRight{
background: url('images/top_right.jpg') 0 0 no-repeat;
top: 0;
right: 0;
}

.roundBottomLeft{
background: url('images/bottom_left.jpg') 0 0 no-repeat;
bottom: 0;
left: 0;
}

.roundBottomRight{
background: url('images/bottom_right.jpg') 0 0 no-repeat;
bottom: 0;
right: 0;
}


#flickrtable {
        text-align: left;
        padding: 0px 10px 0px 10px;
        margin: 40px;
        display: block;
        float: left;
        width: 350px;
        }

.flickrtable img {
margin: 3px;
}

.a: flickrtable img {
padding: 0;
border: 3px solid #f2f0b1; 
margin: 5px;
}


#twitter {
        text-align: left;
        padding: 35px 0px 0px 0px;
        margin: 0px;
        display: block;
        float: left;
        width: 350px;
       
}
.commentsbox {
	background-color: #9ed2ed;;
	padding: 5px 5px 5px 5px; 
}
    
.commentsbox {
background: #9ed2ed;;
padding: 5px;
}
.plugs {
width: 350px;
border-right: 1px dotted;
padding-right: 20px;
}
.comments {
float: right;
}