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

	Based on Kubrick v1.5
	 http://binarybonsai.com/kubrick/
	The Kubrick theme was designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

* { padding: 0; margin: 0; }

p {margin-bottom:0.5em;}

a:link {color: #57b2a0;text-decoration: none;}
a:visited {color: #57b2a0;text-decoration: none;}
a:hover {color: #57b2a0;text-decoration: underline;}
a:active {color: #57b2a0;text-decoration: none;}

h1,h2,h3 {font-family:Georgia, "Times New Roman", Times, serif;}

h2{font-weight:normal;font-size:24px;margin-bottom:0.5em;text-transform:capitalize;}
h3 {font-weight:normal;font-size:20px;color:#57b2a0;margin-bottom:0.5em;}
h1 {font-weight:normal;font-size:28px;text-transform:capitalize;}

.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;font-weight:normal;margin-bottom:0px;padding:10px 0px 0px 0px;line-height:50px;color:#57b2a0}
#headertop h3 {font-size:14px;font-family: Verdana, Arial, Sans-Serif;color:gray;}
.date {color:gray;padding-bottom:1px;font-size:80%;font-weight:bold;margin:0px;font-family: Verdana, Arial, Sans-Serif;line-height:10px;}

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

body {
 font-family: Verdana, Arial, Sans-Serif;
 font-size: 12px;
 /* background: url(art/back.gif) repeat-y center #f6f6f6; */
 background: url(art/back2.jpg) no-repeat top center white 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(art/header2.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:5px;
 
}
#navigation {
 float: left;
 width: 920px;
 color: #333;
 padding: 0px;
 border: 1px solid #ccc;
 margin: 0px 0px 0px 0px;
 background: #d6d6d6;
}
#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: #ececec;
}

#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:white;margin-bottom:10px;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: #333;
background: #333;
 margin: 0px 0px 0px 0px;
 padding-bottom: 10px;
/* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  
}

#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 a:link {color: white;text-decoration: underline;}
#snipsbar a:visited {color: white;text-decoration: underline;}
#snipsbar a:hover {color: white;text-decoration: none;}
#snipsbar a:active {color: white;text-decoration: underline;}

#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;
 color:white;
 padding:10px;display:inline;
}
#midsnip { 
 margin: 0px 0px 0px 10px;
padding:10px;
 width: 274px;
 float: left;
  color:white;display:inline;
}
#rightsnip { 
 margin: 0px 0px 0px 10px;
padding:10px;
 width: 274px;
 float: left;
  color:white;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: 2px 0px 2px 0px;font-weight:normal;}
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;}