/*
Theme Name: Showcase Theme
Version: 1.0
Theme URI: http://www.wordpresspowered.co.uk/demo
Author: Karl Barton	
Author URI: http://www.wordpresspowered.co.uk
*/

html, body { 
font-family: Verdana; 
font-size: 100%; 
height: 100%; 
background: #EBE9E1 url(images/body_top_bg.jpg) repeat-x top left; 

}

.clear{ 
clear: both; 
}

/*==============================Page Wrapper==============================*/
#wrapper{ 
margin: 0 auto; 
width: 940px; 
}

/*==============================Top Section==============================*/
#navTop{
height: 27px; 
}

#navTop p.count{ 
line-height: 27px; 
font-size: 11px; 
color: #FFFFFF; 
float: left; 
display: inline; 
}

#navTop p.count span { 
font-weight: bold; 
color: #657600; 
}

#navTop p.rss{ line-height: 27px; font-size: 11px; float: right; display: inline; }
#navTop p.rss a { padding: 0 17px 0 0; color: #FFFFFF; text-decoration: none; background: url(images/rss_icon.jpg) no-repeat right;  }
#navTop p.rss a:hover { text-decoration: underline; }
.ads{
width: 728px;
height: 25px;
float: left;
padding-top: 10px;
}

/*==============================Header Section==============================*/
#header{ width: 940px; height: 93px; }

/* Logo */
.logo { 
width: 254px; 
height: 93px; 
float: left; 
display: inline; 
}

.logo a{ 
width: 254px; 
height: 93px; 
background: url(images/logo.jpg) no-repeat; 
display: block; 
}


/*============================== Search Section============================== */
.search{ 
width: 300px; 
height: 40px; 
margin: 34px 0 0 0; 
float: right; 
display: inline; 
background: url(images/search_bg.jpg) no-repeat; 
}

.search #searchform { padding: 10px 0 0 10px; }
.search #searchform #s{ padding: 2px 0 0 0; color: #FFF; border: 0; background: #2B2D21; }

/*==============================Main Menu Section==============================*/
#mainMenu { width: 940px; height: 31px; }
#subPages, #subPages *{ margin:0; padding:0; list-style: none; }
#subPages { height: 30px; border-left: 1px solid #DCDCD4}
#subPages li { line-height: 30px; float: left; list-style:none; }
#subPages li a { color: #323429; display: block; padding: 0 10px; font-size: 12px; line-height: 30px; border-right:1px solid #DCDCD4; text-decoration: none; }

#subPages li.current_page_item a { font-weight: bold; }
#subPages li ul { position:absolute; left: -999em; width:15em; margin-top:0px; }
#subPages li:hover ul, #subPages li.sfhover ul { margin-top: 1px; margin-left: -1px; left:auto; z-index:10 !important; }
#subPages li:hover ul li a:hover { color: #657600; }
#subPages li.sfhover ul li a 	{ font-weight: normal; }
#subPages li.sfhover ul li a:hover { color: #657600; }
#subPages li ul li { color: #FF0000; display:block !important; width:12em; border:1px solid #ddd !important; border-right: none !important; border-top:none !important; background:#fff; } 


/*==============================Gallery Main Section==============================*/
#galleryWrap{ margin: 20px 0 0 0; width: 940px; overflow: hidden; }
#gallery { width: 640px; overflow: hidden; float: left; display: inline; }
.title{ /*border: 1px solid #DCDCD4;*/ height: 25px; /*background: #FFF;*/ margin-right: 20px; margin-bottom: 15px; }
.title p.bread{ padding-left: 5px; font-size: 11px; color: #323429; line-height: 25px; float: left; display: inline; }
.title p.bread a 	{ color: #323429; text-decoration: underline; }
.title p.bread a:hover { text-decoration: none; }
.title p.bread span { font-weight: bold; }
.title p.rss { padding-right: 5px; font-size: 11px; line-height: 25px; float: right; display: inline; }
.title p.rss a{ padding-right: 17px; text-decoration: none; color: #323429; background: url(images/rss_icon_cats.jpg) no-repeat right; }
.title p.rss a:hover { text-decoration: underline; }
.thumbs	{ margin: 0 20px 20px 0; width: 298px; height: 182px; float: left; display: inline; background: #FFF; border: 1px solid #DCDCD4; position: relative;}

.thumbs a img { margin: 6px 6px 8px 6px; width: 284px; height: 147px; display: block; border: 1px solid #DCDCD4; }
.thumbs h2 { margin: 0 0 0 6px; font-size: 11px; font-weight: normal;}	 											
.thumbs h2 a { color: #323429; text-decoration: none; display: block;}
.thumbs h2 a span{ position: absolute; right: 6px; color: #657600;}
.thumbs h2 a:hover{ text-decoration: underline; }

.content{ width: 620px; background: #FFFFFF; border: 1px solid #DCDCD4; float: left; display: inline; }
.content h1 { padding: 10px 10px 0 10px; font-size: 22px; font-weight: normal; }
.content .entry { padding: 10px; }
.content .entry p { font-size: 12px; text-align: justify; padding: 5px 0 5px 0; line-height: 18px; color: #323429;}
.content .details { margin: 0 10px 0 10px; overflow: hidden; }
.content .details img.thumbnail{ margin: 10px 0 10px 0; width: 598px; height: 147px; border: 1px solid #DCDCD4; display: block; overflow: hidden;}
.content .detailMeta { display: block; color: #323429;  }
.content .detailMeta p { font-size: 12px; line-height: 18px; }
.content .detailMeta p.date{ margin: 10px 0 10px 0; font-size: 12px;}
.content .detailMeta p.date span { color: #657600; } 
.content .detailMeta p.category 	{ font-size: 12px; margin: 0 0 10px 0; }
.content .detailMeta p.category a, .content .detailMeta p.tags a	{ color: #657600; text-decoration: none; }
.content .detailMeta p.tags{ padding: 0 0 10px 0; font-size: 12px; }

/*==============================Sidebar Section==============================*/
#sidebar { width: 300px; float: right; display: inline; }

/*125x125 Adds */
#adds{ padding: 15px 0 0 0; margin: 0 0 20px 0; width: 298px; height: auto; background: #FFFFFF; border: 1px solid #DCDCD4; overflow: hidden;}
#adds a { width: 125px; height: 125px; position: relative;}
#adds a img { height: 125px; width: 125px; margin: 0 0 15px 15px; float: left; display: inline; border: 1px solid #DCDCD4; overflow: hidden; }

/* Categories */
#cats{ width: 298px; margin: 0 0 20px 0; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; }
#cats h2 { margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;}
#cats ul 	{ list-style: none; }
#cats ul li { width: 149px; padding: 0 0 10px 0; font-size: 12px; float: left; display: inline; }
#cats ul li a { padding: 0 15px 0 15px; color: #323429; text-decoration: none; }
#cats ul li a:hover { text-decoration: underline; }
#cats ul li.current-cat a{ font-weight: bold; color: #657600; }

/* Archives */
#archives{ margin: 0 0 20px 0; width: 298px; padding: 0 0 5px 0; background: #FFF; border: 1px solid #DCDCD4; overflow: hidden; }
#archives h2 { margin: 15px 15px 10px 15px; padding: 0 0 5px 0; font-size: 12px; color: #323429; border-bottom: 1px solid #DCDCD4;}
#archives ul 	{ list-style: none; }
#archives ul li { width: 149px; padding: 0 0 10px 0; font-size: 12px; float: left; display: inline; }
#archives ul li a { padding: 0 15px 0 15px; color: #323429; text-decoration: none; }
#archives ul li a:hover{ text-decoration: none; color: #657600;   }
#archives ul li a:active{ font-weight: bold; color: #657600; }	

/* Tags*/

#tags{ 
margin-bottom:20px;
width: 298px; 
padding: 0 0 5px 0; 
background: #FFF; 
border: 1px solid #DCDCD4; 
overflow: hidden; 
}

#tags h2 { 
margin: 15px 15px 10px 15px; 
padding: 0 0 5px 0; 
font-size: 12px; 
color: #323429; 
border-bottom: 1px solid #DCDCD4;
}
#tags ul { 
list-style: none; 
}
#tags ul li{
font-family:Tahoma;
 padding: 0 0 10px 15px; 
font-size: 16px; 
float: left; 
display: inline; 
}
#tags ul li a{ 
font-family:Tahoma;
font-size: 16px; 
padding: 0 15px 0 0; 
color: #323429; 
text-decoration: none; 
}
#tags ul li a:hover { 
font-family:Tahoma;
text-decoration: none; 
color: #657600; 
}
#tags ul li a:active{
font-family:Tahoma;
}	

/*==============================Footer Section==============================*/
#footerWrap{ clear: both; margin: 20px 0 0 0; width: 100%; background: #323429; overflow: hidden;}
.footerInner{ width: 100%; background:url(images/footer_top_bg.jpg) repeat-x left top; overflow: hidden;}
#footer{ width: 940px; margin: 50px auto; overflow: hidden; }

/*==============================Footer Modules==============================*/
.popular{ width: 300px; margin: 0 20px 0 0; float: left; display: inline; }
.popular h2{ color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; }
.popular ul { list-style: none;}
.popular ul li{ padding: 7px 5px 7px 5px; font-size: 12px; background: #2B2D21; margin: 0 0 1px 0; display: block; }
.popular ul li a{ color: #657600; text-decoration: none; }
.popular ul li a:hover{ color: #96E93F; text-decoration: underline; }

.random { width: 298px; margin: 0 20px 0 0; float: left; display: inline; }
.random h2 { color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; }
.random .thumbWrap{ width: 298px; height: 161px; background: #2B2D21; overflow: hidden; }
.thumbWrap a img { margin: 6px 6px 8px 6px; width: 284px; height: 147px; display: block; }

.links{ width: 300px; margin: 0; float: right; display: inline; }
.links h2 { color: #FFFFFF; margin: 0 0 15px 0; font-size: 12px; }
.links ul { list-style: none;}
.links ul li { padding: 7px 5px 7px 5px; font-size: 12px; background: #2B2D21; margin: 0 0 1px 0; display: block; }
.links ul li a { color: #657600; text-decoration: none; }
.links ul li a:hover { color: #96E93F; text-decoration: underline; }

/*==============================Copyright==============================*/
#copyrightWrap{ height: 35px; width: 100%; background: #2b2d21; border-top: 1px solid #3d3f32;}
.copyrightInner 	{ width: 940px; margin: 0 auto; line-height: 35px;}
p.copyText{ font-size: 11px; color: #FFFFFF; float: left; display: inline;}
p.copyText span { color: #657600; }
p.anchorLink { font-size: 11px; float: right; display: inline; }
p.anchorLink a{ color: #657600; text-decoration: none; }
p.anchorLink a:hover { text-decoration: underline;/*important*/}

/*==============================The Comments Template Section Styles==============================*/
.comments-template { margin: 20px 20px 0 0; width : 620px; overflow: hidden; background-color:#fff;  border: 1px solid #DCDCD4; }
.comments-template ol{ list-style: none; border-top: 1px solid #DCDCD4; }
.comments-template ol li{ padding: 0 10px 10px 10px; border-bottom: 1px solid #DCDCD4; position: relative; }
.comments-template ol li img.gravatar { float: left; width: 50px; height: 50px; display: block; border: 1px solid #DCDCD4; margin: 10px 10px 10px 0; }
.comments-template ol li p { padding : 10px 0 5px 0; font-size : 12px; text-align: justify; line-height: 18px; color: #323429; margin-left: 60px; }
.comments-template ol li a { color: #657600;text-decoration : none;}
.comments-template ol li a:hover { text-decoration : underline;}
.comments-template h3#comments{ color: #323429;padding: 15px 0 5px 10px; font-size: 18px; font-weight: normal; }
.comments-template h3#reply { color: #323429;padding: 10px; font-size: 18px; font-weight: normal; }
.comments-template .meta { font-size : 11px;color : #606060;}
.comments-template .meta a{ color: #657600;text-decoration : none;}
.comments-template .meta a:hover{ text-decoration : underline;}
.comments-template p.logged { margin-bottom: 10px;margin-top: 10px;font-size: 12px;color: #606060;}
.comments-template p.logged a { color: #657600;text-decoration : none;}	
#commentform #comment{ margin-top : 10px;font-size : 12px;border : 1px solid #DCDCD4;background: none;}
#commentform  { padding: 0 10px 0 10px;display: block;}
#commentform label { font-size : 11px;color : #666666;}
#commentform input { margin-top : 5px; width : 300px;font-size: 12px;padding : 2px 0 2px 2px;border : 1px solid #DCDCD4;background: none;}
#commentform #submit { margin-bottom : 20px;padding : 0;width : 166px;height : 33px;border : none;overflow : hidden;}
#commentform p { padding : 5px 0 0 0;font-size : 10px;color : #606060;}
#commentform p a{ color: #657600;text-decoration : none;}
#commentform p a:hover { text-decoration : underline;}