/*
Theme Name: Jackie Lullabies Theme
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Brad Waters
Author URI: 
Tags: empty, clean, development, design
*/

* { padding: 0; margin: 0; }

p {margin-bottom:0.5em;line-height: 1.2em;}



a:link, a:visited, a:active {
color: #5e6f06;	
	
}
a:hover{
	text-decoration: none;
}

h1,h2,h3 {font-family:sans-serif;font-weight:100;
	padding-bottom: 7px;
	line-height: 1.2em;
}

h2{font-size:28px;
	text-transform:capitalize;}

h3 {font-size:24px;color:#988776;
	text-transform:uppercase}

h1 {font-size:36px;text-transform:capitalize;
	margin-bottom: 15px;}

.cname {font-weight:bold; text-transform:capitalize;}

hr
{
border: none 0; 
border-top: 1px dotted gray;/*the border*/
width: 100%;
height: 1px;
  margin: 5px 0 5px;
  clear:both;
}

.connect_widget {background:white;}


/* slide show index */


#slideshow {
    position:relative;
    height:200px;

}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


.quote {font-size:16px;font-weight:normal;padding:0px;margin:0px;line-height:11px;font-style:italic;color:gray; }
.source {font-size:18px;font-weight:bold;line-height:18px}

#headertop h1 {font-size:46px;margin-bottom:0px;padding:0px 0px 0px 0px;color:#bb8c33;text-transfrom:uppercase}
#headertop h3 {font-size:14px;font-family: Verdana, Arial, Sans-Serif;color:gray;}

.date {color:gray;padding-bottom:7px;font-size:70%;font-weight:normal;margin:0px;font-family: Sans-Serif;line-height:10px;}

.datenews {padding-bottom:1px;font-size:12px;font-weight:normal;}
.innerright h3 {font-size:16px;margin-bottom:0;}

body {
 font-family: Sans-Serif;
 font-size: 16px;
 background: url(art/jackie-oates-backdrop-2015.jpg) no-repeat bottom center #e9e3de fixed;
}

#wrapper { 
 margin: 0 auto;
 width: 922px;
 padding: 0px 10px 10px 10px;
 /* background:url(art/corner.jpg) top right no-repeat white; 
 background:white;*/
 border-bottom: 1px solid #ccc;
}
#header {
 color: white;
 width: 902px;
 float: left;
 padding-top: 0px;
 padding-left:20px;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: url(http://www.jackieoates.co.uk/wp-content/uploads/2018/07/Jackie-Header.jpg);
 height:235px;overflow:hidden;
 border-top: 0px solid #ccc;
 
}
#headertop {
 width: 922px;
 float: left;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 border-top: 0px solid #ccc;
 padding-bottom:0px;
 
}

#headertop img {
float:left;overflow:hidden;
}

#headervid {
width:292px;
height:215px;
float:right;
margin:20px;

}
#navigation {
 float: left;
 width: 922px;
 color: #333;
 padding: 0px;
 border-top: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #e9e3de;
}
#leftcolumn { 
 color: #333;
 border-right: 0px solid #ccc;
 border-left: 0px solid #ccc;
 border-bottom: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 20px;
 width: 560px;
 float: left;
 /*background: #f2ecdf;
 background: url(art/backrepeat.jpg);*/
}

#leftcolumn hr {margin: 14px 0 14px;}

#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 width: 302px;
 display: inline;
}
.innerright {width:282px;/*background: #d6d6d6;*/padding:10px;}
.promo {width:538px;
	padding:10px;
	
background:#e9e3de;margin-bottom:25px;height:220px;color:#333;}

#profiles { 
 width: 900px;
 clear: both;
 color: #333;
background: #cccccc;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 border: 1px solid #ccc;
 height:16px;
}



.profileimages img {height:16px;margin-right:15px;display:inline;float:left;border:0;}

#snipsbar { 
 width: 922px;
 clear: both;
 color: white;
background: #282828;
background:rgba(0,0,0,0.65);
	/*background: rgba(184, 206, 63, 0.19);*/
 margin: 0px 0px 0px 0px;
 padding-bottom: 10px;
	border-radius:10px;
/* 
  filter:alpha(opacity=70);
  opacity:0.7;*/
  
}
#snipsbar a:link, #snipsbar a:visited, #snipsbar a:active {
	color:white;
}
#snips .date {color:white;}



#fans { 
 width: 922px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding-bottom: 0px;
  
}

#leftfan { 
 margin: 0px 0px 0px 0px;
 width: 300px;
 float: left;
 padding:0px;display:inline;
}
#midfan { 
 margin: 0px 0px 0px 10px;
padding:0px;
 width: 300px;
 float: left;
display:inline;
}
#rightfan { 
 margin: 0px 0px 0px 10px;
padding:0px;
 width: 302px;
 float: left;
display:inline;
}


.youtubegrp {width:110px;display:inline;float:left;border:0;}
#midfan p {padding-left:120px;}


#footer { 
 width: 922px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 padding: 0px;font-size:85%;
 
}




/* snip boxes */



#snipsbar ul {margin: 0px 0px 0px 0px;
font-size:12px;}
#snips ul li {	list-style: none;margin: 0;padding: 5px 0px 10px 0px;font-weight:normal;border-bottom: 1px dotted black;}

#leftsnip { 
 margin: 0px 0px 0px 10px;
 width: 274px;
 float: left;
 padding:10px;display:inline;
}
#midsnip { 
 margin: 0px 0px 0px 10px;
padding:10px;
 width: 274px;
 float: left;
display:inline;
}
#rightsnip { 
 margin: 0px 0px 0px 10px;
padding:10px;
 width: 274px;
 float: left;
display:inline;
}

.clearfloat {clear:both;}


/* leftcolsnips */

#leftcolsnip { 
 margin: 0px 10px 0px 0px;
 width: 274px;
 float: left;
 color:#333;
 padding:0px;display:inline;
}
#rightcolsnip { 
 margin: 0px 0px 0px 0px;
padding:0px;
 width: 274px;
 float: left;
  color:#333;display:inline;
}






/* -- LISTS -- */
ul {margin: 5px 0px 10px 0px;
font-size:12px;}
ul li {	list-style: none;margin: 0;padding: 7px 0px 7px 0px;}
li {list-style-type:none;}
.disc {list-style-type:disc}

/* lists inside posts */
#leftcolumn ol {margin-bottom:20px;margin-top:20px;}
#leftcolumn ul ol {margin-left:0;}
#leftcolumn ul li {margin-left:10px; list-style:disc; list-style-position:inside;}
#leftcolumn ul li ol {margin-left:0px;}
#leftcolumn ol li {margin:5px 0px 5px 20px; list-style: decimal; list-style-position:inside;}
#leftcolumn ol li li {margin-left:15px;margin-top:10px;}


/* -- ALIGNMENTS --*/
img.alignright {float:right;clear:none;margin:0 0 1em 1em}
img.alignleft {float:left;clear:none;margin:0 1em 1em 0}
img.aligncenter {display: block; margin:1em auto; text-align:center}
img.alignnone {margin:0 0.5em 0 0;}

/* -- NAVIGATION --*/
div.navigation {width:100%;height:auto;float:left;clear:both;padding: 10px 0px;}
.navigation-index {}
.nav-next {float:right;clear:none;width:48%; text-align:right;}
.nav-prev {float:left;clear:none;width:48%; text-align:left;}


#homeicon {display:inline;float:right;margin:0px 0px 3px 3px;}
#homeicon img {width:90px;}