/*
Theme Name: BOB SHEA
Theme URI: http://wordpress.org/
Description: Imagine the best thee in the world. This one is better. <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.0
Author: bob 
Author URI: http://binarybonsai.com/
Tags: awesome, custom header, fixed width, two columns, widgets

	

	This theme was designed and built by Bob Shea,
	whose blog you will find at http://wildlypopular.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/




@charset "UTF-8";
/*
this is the css for Wildly Popular
*/

/*////////// GENERAL /////////*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {/*this removes formatting from all the listed elements*/

margin: 0px;
padding: 0px;
 }

body {
/*    font-size:100%;*/
	background-color: #38424A;
	
	text-align:center;}

#container {
	
}

#container2 {}

#container3 {}



/*////////// TYPOGRAPHY //////////*/

h1 { 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 24px;
	line-height: 18px;
	margin-top: 36px;
	margin-bottom: 18px;
	letter-spacing: 2px;
	color: #596174;
	text-transform:uppercase;
}

h2 {
	line-height: 14px;
	font-size: 14px;
	font-family: georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing: 2px;
	color: #445546;
	font-weight: normal;
	margin-bottom: 6px;
	margin-top: 30px;
}

h3 { 
	font-size: 12px; 
	line-height: 18px; 
}

h4{}



	
postmetadata{}	
	
#sidebar_LEFT h2+p {
/*margin-bottom: 36px; */
}


#sidebar_LEFT h2+h2 {
/*margin-bottom: 36px; */

}



p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 18px;
	color: #596174;
}

ul, ol { 
	margin-bottom: 0px; 
	list-style-image: none;
	list-style: none;
	padding: 0;
	margin: 0;
}

li {text-transform: uppercase;
	text-align: left;
	font-weight: 100;
	text-decoration: none;
	list-style-image: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 25px;
	margin-bottom: 25px;
	margin-left: -5px;
	color: #FFFFFF;}

a:link {
	
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	color: #61697B;
	border-bottom: 1px dotted #597083;
}


a:focus {
border: none;}

a:visited {

	text-decoration: none;
	
	margin: 0px;
	padding: 0px;
	color: #61697B;
	border-bottom: 1px dotted #597083;
}

a:hover {text-decoration: none;
	color: #D95E00;
	border-bottom: 1px dotted #D95E00;
	margin: 0px;
	padding: 0px;
}

a:active {
	border-bottom: 1px dotted #597083;
	text-decoration: none;
	outline: none;
	
	margin: 0px;
	padding: 0px;
	color: #61697B;
}





/*////////// Book specific links //////////*/

#main_content_NAV a:link {
border: none;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
	color:#449CA8;
}

#main_content_NAV a:visited {text-decoration: none;
	font-weight: bold;
	border: none;
	border-bottom: none;
	color:#449CA8;
}

#main_content_NAV a:hover {text-decoration: none;
	font-weight: bold;
	color: #D95E00;
	border-bottom: 1px dotted #D95E00;
}

#main_content_NAV a:active {
	font-weight: bold;
	text-decoration: none;
	color:#449CA8;
	border-bottom: none;
}





/*////////// Main navigation on left //////////*/

#nav_div a:link {
	text-transform: uppercase;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 25px;
	margin-left: -1px;
	color: #FFFFFF;
	border: none;
}

#nav_div a:visited {text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 25px;
	margin-left: -1px;
	border: none;
	border-bottom: none ;
	color: #FFFFFF;}

#nav_div a:hover {text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 25px;
	background-color: #ffffff;
	color: #D95E00;
	margin-left: -1px;
	border: none;
	border-bottom: none;
}

#nav_div a:active {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 25px;
	margin-left: -1px;
	color: #FFFFFF;
	border: none;
	border-bottom: none;
}


.sidenote {
    font-size: 12px;
}

.date {/*This is where the paragraph spacing is*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	margin-bottom: 3px;
	margin-top: 90px;/*this is a "space before" to separate paragraphs*/
	margin: none;
	padding: none;
	letter-spacing: 1px;
	color: #435645;
}

.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
text-align: left;
	margin: 0px;
	margin-bottom: 3px;
	color: #D95E00;

	}
	
	
	.left {
	
text-align: left;
	

	}
	
	

DIV > P:first-child { margin-top: 0px; }/*this rule takes the space out of the first paragraph of the div*/
#sidebar_LEFT > img:last-child { margin-top: 10px; }/*this rule adds space above the last graphic in a of a div*/

img > h2 { margin-top: 0px; }/*this rule takes the space out of the first paragraph of the div*/

.permalink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: none;
	letter-spacing: 1px;
	color: #546857;
}



/*////////// DIVS //////////*/

#outer_div {
margin: auto;
background-color: #CBD8DC;
width: 1025px;
border-style: solid;
border-color: #ffffff;
border-width: 25px;}

#nav_div{
margin-top: -5px;
text-align:left;
text-transform:uppercase;
font-weight:100;
float:left;
width:230px;}

#nav_div img{
	text-align:left;
	margin-bottom: 0px;
	margin-left: -3px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

#main_content_div{
margin-top: 25px;
float: right;
width: 720px; }

#main_content_LEFT{
float:left;
width:550px;}

#main_content_RIGHT{
text-align:left;
float: right;
width: 230px;}

#main_content_TEXT{
margin-top: 0px;
margin-right: 25px;
text-align:left;
float: right;
width: 350px;}


#main_content_VISIT{
margin-top: 0px;
margin-right: 0px;
text-align:left;
float: left;
width: 500px;}

#main_content_NAV{
margin-top: 0px;
margin-left: 25px;
text-align:left;
float:left;
width: 110px;}

#main_content_QUOTE{
padding: 25px;
width: 500px;
text-align: left;
} 


.side_box {
width: 100px;
height: 100px;
margin-left: -7px;
margin-top: 15px;
background-color: #A9B1B0;



padding: 7px;
}

.side_box p {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 10px;
	line-height: 10px;
	padding-top: 3px;
	color: #FFFFFF;
	background-color: #A9B1B0;
}

/*////////// a links for side boxes //////////*/

.side_box p a:link {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 10px;
	line-height: 10px;
	padding-top: 3px;
	color: #FFFFFF;
	background-color: #A9B1B0;
}

.side_box p a:visited {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 10px;
	line-height: 10px;
	padding: 3px;
	color: #FFFFFF;
	background-color: #A9B1B0;
}

.side_box p a:hover {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 10px;
	line-height: 10px;
	padding-top: 3px;
	color: #FFFFFF;
	background-color: #D95E00;
}

.side_box p a:active {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 10px;
	line-height: 10px;
	padding-top: 3px;
	color: #FFFFFF;
	background-color: #A9B1B0;}
	
	
	
	
/*////////// BOX COLOR CHANGING ROLLOVER //////////*/


#link_box{width: 100px;}

#link_box img{margin: 0px;
padding: 0px;
border: #FFFFFF;
border-style:solid;
border-width: 1px;}

#link_box img+p{margin: 0px;
padding-top: 3px;}

#link_box p {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 10px;
	line-height: 10px;
	padding-top: 3px;
	padding-bottom: 15px;
	color: #FFFFFF;
	
}



#link_box a:link {
	display:block;
	width: 102px;
	height: 107px;
	margin-left: -7px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 10px;
	line-height: 10px;
	padding: 7px;
	color: #FFFFFF;
	background-color: #A9B1B0;
}


#link_box a:visited {
	display:block;
	width: 102px;
	height: 107px;
	margin-left: -7px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 10px;
	line-height: 10px;
	padding: 7px;
	color: #FFFFFF;
	background-color: #A9B1B0;
}

#link_box a:hover {
	display:block;
	width: 102px;
	height: 107px;
	margin-left: -7px;
	margin-top: 15px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 10px;
	line-height: 10px;
	padding: 7px;
	color: #FFFFFF;
	background-color: #D95E00;
	border-bottom: 0px;
}

#link_box a:active {
	display:block;
	width: 102px;
	height: 107px;
	margin-left: -7px;
	margin-top: 0px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	font-size: 10px;
	line-height: 10px;
	padding: 7px;
	color: #FFFFFF;
	background-color: #A9B1B0;
}


	
/*////////// DIVS FOR COLORED BACKGROUNDS //////////*/

#outer_div_HOME {
	margin: auto;
	background-color: #E8D488;
	width: 1025px;
	height: 633px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 25px;
	background-image: url(art/POTTY.jpg);
	background-repeat: no-repeat;
}


#outer_div_DINO {
	margin: auto;
	background-color: #B9E0F7;
	width: 1025px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 25px;}

#outer_div_NEW_SOCKS {
	margin: auto;
	background-color: #c8e59a;
	width: 1025px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 25px;}

#outer_div_BIG_PLANS {
	margin: auto;
	background-color: #9CDCD9;
	width: 1025px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 25px;}

#outer_div_BIO {
	margin: auto;
	background-color: #E8D488;
	width: 1025px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 25px;}

#outer_div_CONTACT {
	margin: auto;
	background-color: #E7E188;
	width: 1025px;
	border-style: solid;
	border-color: #ffffff;
	border-width: 25px;}
	
	


/*////////// HEADERS //////////*/

#header {
	width: 700px;
	height: 300px;
	padding-bottom: 20px;
	background-image:url(art/header.gif);
	background-repeat: no-repeat;
	}


/*////////// CONTENT //////////*/

#content {
	width: 375px;
	float: right;
	padding-top: 0px;
	margin-left: 0px;
	margin-right: 75px;
	
	
}
/*////////// HOME PAGE DIV //////////*/

.bottom_right{
	text-align:left;
	margin-top: 580px;
	margin-left: 375px;
	margin-right: 290px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	color: eeeeee;
}


/*////////// SIDEBARS //////////*/



#sidebar_RIGHT {/*not in use*/}


/*////////// NAV //////////*/



/*////////// FORMS //////////*/

/*////////// BLOG ELEMENTS /////////*/

/*////////// FOOTER /////////*/

#footer {
margin-top: 25px;}

#footer p{
font-size: 10px;
}

/*////////// IMAGES /////////*/

/*////////// FLOATS /////////*/

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.left { 
  float: left; 
  margin: 0 18px 18px 0; 
}
.right { 
  float: right; 
  margin: 0 0 18px 18px; 
}

.callout {
  border: 1px solid #ddd;
  padding: 8px 10px;
  margin-bottom: 18px; 
}this is the float for callout boxes, in order to keep it on the established baseline

.callout :last-child {/*this removes margin from the last element */ 
  margin-bottom: 0; 
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear: both;
    height: 0px;
 	line-height: 0px;
}
strong { font-weight: bold; }

/*////////// FUN CLASSES /////////*/