/*
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: #ccc;
      font-family: georgia, Times new roman, serif !important;
      font-size: 65.5%;
}

#content {
float: left;
margin-top: 20px;
}


* {
   margin: 0;
   padding: 0;
}

#main {
background-color:#FFFFFF;
color: #000;
font-family:arial,helvetica,geneva,sans-serif;
font-size:1.2em;
margin: 0 auto;
padding: 5px 0 22px 0;
width: 1000px;
}

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

#header {
        background-color: #fff;
        padding-bottom: 20px;
        }
        
.logo {
      width: 242px;
      height: 85px;
      margin: 0 10px;
      float: left;
      }

#footer {
         font-size: 1em;
         margin-top: 20px;
         background: #000;
         color: #fff;
}

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

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

.left {
float: left;
}

.right {
float: right;
text-align: right;
}



/*************  TOP ***********/

.clear {
clear: both;
}

#top {
height: 30px;
padding: 10px 10px 0 10px;
margin-bottom: 10px;
}

#top ul {
list-style-type: none;
float: left;
}

#top ul li {
float: left;
margin-right: 10px; /* gap between images */
}

#top ul li.icons {
padding-top: 5px;
}

#top .top-left  ul li img {
height: 20px;
}

.top-left {
float: left;
}

.top-right {
float: right;
}

.top-search {
float: right;
}

/** search **/

#search {
display: inline;
width: 280px;
float: right;
padding: 6px 0;
width: 300px;
} 



#searchform #s {
	width: 200px;
	margin-right: 10px;
	float: left;
	}




#searchform {
	float: right;
	display: block;
	}
.search-button {
width: 30px;
height: 30px;
background: url(images/search-button.jpg) 0 0 no-repeat #fff; 
border: 0;
cursor: pointer;
}

.search-field {
width: 200px;
background-color: #e3e3e;
height: 20px;
border: 1px solid #ccc;
color: #111;
font-size: 1em;
padding: 5px 0 0;
}

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

.navigation {
float: left;
width: 250px;
height: 200px;
background-color: #E7569B; 
font-size: 1em;
line-height: 1.4em;
padding: 5px;
}

html > body .navigation {
width: 240px;
height: 190px;
}


.navigation ul li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
color: #fff;
}

.navigation ul li a:link,
.navigation ul li a:visited,
.navigation ul li a:hover {
color: #fff;
font-weight: bold;
text-decoration: none !important;
margin: 0 !important;
padding: 0 !important;
}


/**** FEATURES  ****/

#featured-news {
background-color: #000;
width: 750px;
float: right;
height: 200px;
padding: 10px;
}

html > body #featured-news {
width: 730px;
height: 180px;
}


.boxgrid {   
width: 80px;  
height: 180px;  
margin-right: 12px;  
float:left;   
overflow: hidden;  
} 

.boxgrid-last {
margin-right: 0;
}  

.boxgrid img,
.boxgrid-last img {    
top: 0;  
left: 0;  
border: 0;  
width: 80px;
height: 80px;
} 

.boxgrid h2,
.boxgrid-last h2 {
color: #fff;
font-family: arial, helvetica, sans-serif !important;
font-weight: normal;
font-size: 0.9em;
line-height: 1.2em !important;
margin: 0;
}

.boxgrid h2 a:link,
.boxgrid-last h2 a:link,
.boxgrid h2 a:visited,
.boxgrid-last h2 a:visited,
.boxgrid h2 a:hover,
.boxgrid-last h2 a:hover {
color: #fff !important;
text-decoration: none;
}



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

#posts {
width: 658px;
margin-right: 10px;
padding: 0 10px;
float:left;
display: block;
} 

#posts img {
border: 0;
}

.post {
width: auto;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #aaa;
}

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

.standfirst {
margin-top: 10px;
} 

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

.large-img {
display: block;
margin: 10px auto;
}
.post_thumbnail {
width: 100px;
height: 100px;
float: left;
margin-right: 10px;
}

.postmetadata {
border-top: 1px solid #222;
font-size: 1em;
padding: 5px;
margin-bottom: 40px; 
background: #e4e4e4;
}

small {
font-size: 0.9em;
}


.share {
float: left;
padding: 4px;
border: 1px solid #ccc;
margin: 0 10px 10px 0;
text-align: center;
}

.entry {
margin: 20px 0;
}

.story-nav {
border-bottom: 1px solid #000;
margin: 10px;
padding-bottom: 5px;
}


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

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

img.banners {
margin: 10px 0;
border: 0 !important;
}

/***** TOOLBAR ******/
#toolbar {
font-family: arial, helvetica, sans-serif;
position: fixed;
bottom: 0px;
left: 0px;
padding: 2px 10px;;
width: 100%;
background: #8CCFE0;
background: #ccc;
border-top: 1px solid #aaa;
filter:alpha(opacity=95);
opacity: 0.95;
-moz-opacity:0.95;
}

#toolbar td.title {
font-weight: bold;
font-size: 1em;
}

#toolbar select {
width: 200px;
}


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

p, p.style {
  line-height: 1.5em;
  margin-bottom: 10px; 
  }

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

h1.area-heading {
font-size: 1.6em;
font-family: verdana, helvetica, sans-serif;
text-transform: uppercase;
padding-bottom: 5px;
border-bottom: 1px solid #000; 
}       


h2 {
   font-size: 1.6em;
   }

h3 {
   font-size: 1.4em;
   }

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

a.title, a.title:link, a.title:visited {
color: #000;
}

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

a:hover, a.white:hover {
        color: #E7569B;
        text-decoration: none !important;       
}

a.more-link, a.more-link:hover {
background: url(images/read-more-up.jpg) 0px 0px no-repeat #fff;
width: 96px;
height: 20px;
display: block;
color: #fff;
padding-left: 10px;
}

html > body a.more-link, html > body a.more-link:hover {
background: url(images/read-more-up.jpg) 0px 0px no-repeat #fff;
width: 86px;
height: 20px;
display: block;
color: #fff;
padding-left: 10px;
}

a.more-link:hover {
background: url(images/read-more-down.jpg) 0px 0px no-repeat #fff;
color: #E7569B;
}


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

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;
}


/** LATEST STORIES **/

a.latest-post {
font-family: georgia, Times new roman, serif;
display: block;
width: 300px;
height: 100px;
margin-bottom: 10px;
border: 1px solid #ddd;
background-color: #efefef;
color: #000 !important;
}

a.latest-post:hover {
background-color: #E7569B; 
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;
}

/****** LATEST GALLERIES *******/

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

.recent-galleries-thumbs img, .tooltip {
width: 94px;
height: 94px;
margin: 2px 2px;
display: block !important;
text-decoration: none !important;
border: 0;
}

recent-galleries-thumbs a:active {
outline: none;
}

#recent-galleries {
width: 296px;
float: left;
padding: 2px 2px 6px;
border: 1px solid #000;
text-decoration: none !important;
clear: both;
margin-bottom: 20px;
}


.tooltip-popup {
background: #E7569B;
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;
}



/********* 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:1em; display:block; float:left; padding:2px 6px; 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:#E7569B !important; }
.ln-letters a.ln-selected { background-color:#E7569B; 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:#E7569B; }
ul.celebs {
         list-style-type: none;
         margin: 0;
}

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

}

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;
			}

.poll-submit, .button,
.poll-submit:hover, .button:hover {
background-color: #000;
float: left;
border: 0;
color: #fff;
padding: 2px;
}

.poll-submit:hover, .button:hover {
background: url(images/search-button-down.jpg) 0px 0px repeat-x #fff;
color: #fff;
cursor: pointer;
}

html > body .poll-submit, html > body .button,
html > body .poll-submit:hover, html > body .button:hover {

padding: 2px;
}


/******* WP PAGE NAVI ******/

.wp-pagenavi {
margin: 15px 0 !important;
font-size: 1.1em;
}


.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000 !important;
	color: #000 !important;
	background-color: #FFFFFF !important;	
}


.wp-pagenavi a:hover {	
	border: 1px solid #000000 !important;
	color: #fff !important;
	background-color: #E7569B !important;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #000 !important;
	color: #E7569B !important;
	background-color: #FFFFFF !important;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #000000 !important;
	border: 1px solid #000000 !important;
	background-color: #FFFFFF !important;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000 !important;
	color: #E7569B !important;
	background-color: #FFFFFF !important;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000 !important;
	color: #000000 !important;
	background-color: #FFFFFF !important;
}