/*
Theme Name: Who Ate all the Themes
Theme URI: http://www.creativeesprit.co.uk/
Description: A Wordpress template created by Creative Esprit 
Author: Sheldon Daniels
Author URI: http://www.creativeesprit.co.uk/
Tags: blue, custom header, fixed width, two columns, widgets

	Who Ate all the Themes v1.0
	Creative Esprit
	Sheldon Daniels

*/

body {
      background: url(images/bg.gif) repeat 0 0 #fff;
      font-family: georgia, Times new roman, serif !important;
      font-size: 65.5%;
}

#content {
float: left
}


* {
   margin: 0;
   padding: 0;
}

#main {
      font-family: arial, helvetica, geneva, sans-serif;
      background-color: #fff;
      width: 940px;
      margin: 20px auto;
      padding: 5px 30px;
      color: #000;
      font-size: 1em;
      text-align: left;
      }

#message {
font-size: 2.3em;
font-family: impact, helvetica, geneva, arial, sans-serif;
margin-bottom: 10px;
color: #8D9C0F !important;
width: 620px;
}
      
.leaderboard {
             padding-bottom: 10px;
             height: 100px;
             margin: 55px auto;
             margin-bottom: 0px;
             float: right;
             }     

#header {
        background-image: none;
        background-color: #fff !important;
        }
        
.logo {
      width: 200px;
      height: 190px;
      margin-right: 0px;
      float: left;
      }

#footer {
         font-size: 1.1em;
         margin-top: 30px;
         margin-bottom: 10px;
         background-image: none;
         padding: 0;
}

ul.sidebar_list {
list-style-type: none;
margin: 0;
font-size: 1.2em;
line-height: 1.6em;
}

ul.sidebar_list li {
margin-bottom: 5px;
}

.left {
float: left;
}

.right {
float: right;
}

/************ Navigation *****************/

ul#nav {
        background-color: #8D9C0F;
        list-style: none !important;
        font-size: 1.2em;
        height: 27px;
        margin: 0 0 10px 0;
        clear: both;
}

#nav li {
display: block;
height: 24px;
width: auto;
float: left;
padding-top: 6px;
}

#nav li a:link, #nav li a:visited {
background-color: #8D9C0F;
padding: 6px 8px;
}

#nav li a:hover {
background-color: #ABBC1A;
}


#search {
float: left;
width: 302px;
height: 20px;
padding: 4px 8px;
padding-bottom: 0;
font-size: 1em;
margin-bottom: 20px;
}

.poll-submit, .searchbutton, .button {
border: 1px solid #000;
color: #fff;
font-size: 1.2em !important;
background-color: #000;
cursor: pointer;
padding: 2px 4px;
padding-top: 0;
font-weight: normal !important;
}

/******************* LAYOUT ***************/

#posts {
width: 608px;
border: 1px solid #ddd;
margin-right: 10px;
padding: 5px 10px;
float:left;
display: block;
} 

#posts img {
border: 0;
}

.post {
width: auto;
padding-bottom: 10px;
border-bottom: 2px dotted #ccc;
margin-bottom: 10px;
}

.post-eon {
width: auto;
height: 356px;
background: url(http://www.whoateallthepies.tv/wp-content/uploads/2010/05/neil-eon.jpg) 0 0 no-repeat #fff;
color: #fff;
padding-bottom: 10px;
border-bottom: 2px dotted #ccc;
margin-bottom: 10px;
}

.post-eon-text {
padding: 150px 0 0 300px;
width: 294px;
height: 154px;
}

a.ad-readmore {
display: block;
width: 80px;
height: 20px;
clear: left;
float: right;
background: url(http://www.whoateallthepies.tv/wp-content/uploads/2010/04/readmore.jpg) 0 0 no-repeat #fff;
}

.standfirst, .entry-body {
margin: 20px 0;
}

.standfirst {
margin-top: 10px;
} 

.entry-body img {
margin: 0 0 10px 0;
}

.post_thumbnail {
width: 100px;
height: 100px;
float: left;
margin-right: 10px;
}

.meta {
border: 1px solid #e1e1e1;
font-size: 1em;
padding: 5px; 
}

.meta a, .meta a:link, .meta a:hover {
color: #8D9C0F !important;
}


#sidebar {
width: 300px;
float: left;
text-align: center;
}

.link {
width: 300px;
margin-bottom: 20px;
text-align: left;
}


/******************* FONTS ********************/

p, p.style {
  line-height: 1.6em;
  font-size: 1.3em !important;
  margin-bottom: 10px; 
  }

h1, h2, h3 {  /* H1 for features and h2 for post headers */
       font-family: georgia, Times new roman, serif !important;
       font-size: 1.8em;
       margin-bottom: 10px; 
       font-weight: normal;
       }              
       
h2 {
   font-size: 1.8em;
   font-weight: bold;
   }

h3 {
   font-size: 1.4em;
   }

em {
line-height: 1.2em;
}
   
a, a:link, a:visited {
                     color: #000 !important;
                     text-decoration: none !important;                      
}

a:hover, a.green, a.pink:link, a.green:visited, a.green:hover, p a,
p a:link, p a:visited, p a:hover, a.white:hover {
        color: #8D9C0F !important;
        text-decoration: none !important;       
}

a.white, a.white:link, a.white:visited, a.white:hover { 
color: #fff !important;
}

ul.twitter_list {
font-size: 1.2em;
font-family: arial;
list-style-type: none;
margin: 0;
}

li.module-list-item {
margin-bottom: 5px;
}

li.module-list-item a:link, li.module-list-item a:visited, li.module-list-item a:hover  {
color: #8D9C0F !important;
}


/*********************** STORIES WIDGET *************************/

.ui-tabs-hide {
display: none;
}

#most_popular, #most_discussed {
clear: both;
width: 288px;
padding: 16px 5px 0 5px;
font-size: 1.4em;
border: 1px solid #ccc;
border-top: 0;
margin-bottom: 20px;
text-align: left;
}

#most_popular li, #most_discussed li {
list-style-type: none;
font-size: 1em;
margin-bottom: 10px;
padding: 5px 0;
border-bottom: 2px dotted #ccc;
}

#pop_stories {
margin-bottom: 20px;
}

#pop_stories img {
border: 0;  
}

#pop_stories ul {
list-style-type: none;
margin: 0;
}

#pop_stories ul li {
float: left;
}

.pop_story_tb {
display: block;
height: 26px;
width: 136px;
background: url(http://www.whoateallthepies.tv/images/most_popular_tab_over.gif) 0 0 no-repeat #fff;
}

.pop_story_tb.ui-tabs-selected {
display: block;
height: 26px;
width: 136px;
background: url(http://www.whoateallthepies.tv/images/most_popular_tab.gif) 0 0 no-repeat #fff;
}

.discussed_tb {
display: block;
height: 26px;
width: 164px;
background: url(http://www.whoateallthepies.tv/images/most_discussed_tab_over.gif) 0 0 no-repeat #fff;
}

.discussed_tb.ui-tabs-selected {
display: block;
height: 26px;
width: 164px;
background: url(http://www.whoateallthepies.tv/images/most_discussed_tab.gif) 0 0 no-repeat #fff;
}


/******************* FEATURES WIFGET *******************/

#features {
margin: 0;
margin-bottom: 10px;
width: 608px;
overflow:hidden;
}

features img {
margin-bottom: 10px;
}

#features li {
        float: left;
        width: 140px;
        padding: 0px 0px;
        margin: 0 6px 0 6px;
}

/********* GALLERY 
   
.paginate {
float: left;
width:160px;
height: 22px;
margin: 0px;
}

img.galpostpic {
             margin: 10px 0px 20px 30px;
}


#gtop {
       float: left;
       width: 790px;
}

             
#mainpic { 
  width: 480px;
  float: left;
  margin: 0px;
  overflow: hidden;
}

#mainpic img { 
  margin: 0px;
}

.description {
background-color:#888;
color:#FFFFFF;
margin: 0px 0px 10px 0px;
padding:5px;
width:470px;

}


h2.gal a, h2.gal a:link, h2.gal a:visited {
text-decoration: none;
font-weight: bold; 
}

#thumb {
float: right;
margin-left: 4px;
width: 300px;
align: center;
}

#thumb img {
width: 80px;
margin: 0 2px 10px 2px;
border: 1px solid #CCC;
padding: 4px;
} */

/** LATEST STORIES **/

a.latest-post {
display: block;
width: 300px;
height: 100px;
margin-bottom: 10px;
border: 1px solid #ddd;
background-color: #efefef;
color: #444 !important;
}

a.latest-post:hover {
background-color: #8D9C0F; 
color: #fff !important;
}

.latest-pic {
width: 100px;
height: 100px;
float: right;
border: 0;
}
.latest-post-text {
float: left;
width: 180px;
height: 90px;
padding: 5px;
margin-right: 8px;
display: block;
font-size: 1.2em;
}

a.late-post { 
color: #444;
text-decoration: none;
}

/*
a.latest-post, latest-post:hover {

padding: 5px 95px 5px 5px;
text-decoration: none;
text-align:left;
font-size: 1.1em;
line-height: 1.4em;
cursor: pointer;
}

a.latest-post {
background-color: #eee;
color: #444;
}
a.latest-post:hover, .latest-post:hover  {
background-color: #8D9C0F; 
color: #fff !important;
} */



/****** WAGs WIDGET *******/

.pic-of-the-day-page-main {
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom:1px solid #aaa;
font-size: 0.8em;
font-weight: normal;
font-family: arial, helvetica, sans-serif;
line-height: 1.6em;
clear: both;
}

.pic-of-the-day-page-main img {
border: 1px solid #aaa;
padding: 5px;
margin-right: 10px;
float: left;
}



.tooltip {
float: left;
text-decoration: none !important;
}

.pic-of-the-day-widget-thumbs img, .tooltip {
width: 94px;
height: 94px;
margin: 2px 2px;
display: block !important;
text-decoration: none !important;
border: 0;
}

.pic-of-the-day-widget-thumbs a:active {
outline: none;
}


#pic-of-the-day-widget-nav {
width: 296px;
float: left;
padding: 2px 2px 6px;
border: 1px solid #ccc;
text-decoration: none !important;
clear: both;
margin-bottom: 20px;
}


.tooltip-popup {
background: #8D9C0F;
width: 200px;
text-align: center !important;
border: 0;
padding: 5px;
text-align: left;
color: #fff;
font-weight: bold;
font-size: 0.9em;
position: relative;
z-index: 3000;
left: -100px;
display: none;
margin: 0 !important;
}



/************ WAGS CATEGORY ***************/

#gallerypost {
float: left;
padding-bottom: 10px;
border: 1px solid #ccc;
margin: 5px 2px;
text-align: center;
width: 160px;
height: 250px;
}

#gallerypost:hover {
border: 1px solid #f00;
}

#gallerypost h1 {
font-size: 0.8em;
padding: 0px 10px;
}

#gallerypost img {
height: 160px;
width: 160px;
border: 0;
}

ul.potd-list {
list-style-type: none;
display: block;
margin-bottom: 20px;
}

ul.potd-list li {
line-height: 1.4em;
} 

ul.potd-list li a, ul.potd-list li a:link, ul.potd-list li a:visited {
text-decoration: none;
color: #444;
}

ul.potd-list li a:hover {
text-decoration: none;
color: #DA1A35;
}

/**************** INPOST GALLERY **********************/

/********** test ***********/
/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url('images/left.png') no-repeat;
	float:left;
	margin:35px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url('images/right.png');
	clear:right;	
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin: 5px 0 5px 278px;
	height:14px;

}



/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url('images/navigator.png') 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 524px;	
	height: 80px;	

	
	
	/* custom decorations */
	padding: 0;			
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:2000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;	
}


div.scrollable div.items div img {
width: 70px;
height: 70px;
float: left;
margin: 5px 2px;
display: block !important;
border: 0;
opacity:0.6;
filter:alpha(opacity=60);
}

/* active item */
div.scrollable div.items div img:hover {
opacity:1.0;
filter:alpha(opacity=100)
}

/********* KERCHING AD *********/

#i1{font-family:arial;width:300px;height:300px;display:block;background-image:url('http://www.theeword.co.uk/da-vinci-diamonds/dvd-pies.gif');background-repeat:no-repeat;background-position:bottom;-moz-box-sizing:border-box;box-sizing:border-box;}
#i1 img{width:300px;height:31px;}
#i2{padding:216px 10px 0px 16px;font-size:11px;color:white;-moz-box-sizing:border-box;box-sizing:border-box;}
#i2 img{float:right;width:155px;height:50px;border:none;}
#i3, #i3:link, #i3:visited  {color:white !important;}
#i3:hover{text-decoration:none;}

/********* LIST NAVIGATION *********/

.listNav { margin:10px auto 20px auto; }
.ln-letters { overflow:hidden; }
.ln-letters a { font-size:1.3em; display:block; float:left; padding:4px 5px; border:1px solid silver; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid silver; }
.ln-letters a:hover { background-color:#eaeaea; color:#8D9C0F !important; }
.ln-letters a.ln-selected { background-color:#8D9C0F; color: #fff !important; }
.ln-letters a.ln-disabled { color:#ccc !important; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#8D9C0F; }
ul.celebs {
         list-style-type: none;
         margin: 0;
}

ul.celebs li {
line-height: 1.1em;
font-size: 1.6em;
margin-bottom: 10px;
clear: left;

}

a.celeb-links:link, a.celeb-links:visited {
color: #999 !important; 
text-decoration: none;
}

a.celeb-links:hover {
color:#8D9C0F !important; 
text-decoration: none;
}

ul.celebs li img {
display: block;
float: left;
height: 50px;
width: 50px;
margin: 0 5px 10px 0;
}

/********** Pagination ********/

.gallery {
				margin: auto;
			}
.gallery-item {
				float: left;
				margin-top: 10px;
				text-align: center;
				width: 25%;			
        }
.gallery img {
				border: 2px solid #cfcfcf;
			}
.gallery-caption {
				margin-left: 0;
			}

#sundreamteam {
	
	width:121px;
	border:1px solid #cccccc;
	font-size:10px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding: 0px 2px 4px 2px;
}
#sunlogo {
	margin:auto;
	width:87px;
}