/*

Theme Name: Caerphilly Observer
Theme URI: Description: My first real attempt at designing the Observer website using Wordpress as its CMS
Version: 1.0
Author: Richard Gurner
Author URI: 

Tags: News Website, Caerphilly

Green: #0f933f
Black: #000000
White: #ffffff

*/
/* RESET*/
* 			{ margin: 0; padding: 0; }
html 		{ overflow-y: scroll; }
html,body 	{ height: 100%; }
body		{ background: url('images/background.gif') top center repeat-y white; }

ul 			{ list-style: disc inside; }
ol			{list-style:decimal inside; }
a 			{outline:none; text-decoration:none; }
a img 		{ border: none; }
img			{ vertical-align:middle; }
table		{ border-collapse:collapse; }

/* UTILITY */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
.button {border: 1px solid #000000; background: white; padding: 1px; margin-top: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: 272727; }
.button:hover { background: #0f933f; color: white; }


/*PICTURE ALIGNMENT*/
.wp-caption 		{ border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 5px; margin: 10px; -moz-border-radius: 3px; 			-khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img 			{ margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 12px; line-height: 15px; padding: 5px 5px 5px; margin: 0; }
img.alignleft, div.alignleft { float:left; margin:0 0.5em 0 0; }
img.alignright, div.alignright { float:right; margin:0 0 0.5em 0.5em; }
img.aligncenter, div.aligncenter { text-align:center; margin:10px auto; }


/*TYPOGRAPHY*/
p					{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0;}
li					{ font-size: 1.2em; line-height: 1.2em; margin: 0 0 10px 0;}
p#intro-paragraph		{ font-family:Arial, sans-serif; font-size:2.0em; line-height:1.4em; margin-top: 5px; }
p#intro-paragraph span  { font-size: 2.4em; font-weight:bold; }
p#intro-paragraph em	{ color:#99000; }
a						{ color:#000000; }
a:hover					{ text-decoration:underline; color:#333333; }


h2						{ font-size:20pt; font-family:Arial, sans-serif; font-weight:bold; text-align:left }
h3						{ font-size:20pt; font-family:Arial, sans-serif; font-weight:bold; text-align:left }
h4						{ color:white; font-size:2.0em; margin-bottom:15px; }
h5						{ font-size:1.6em; font-family:Arial, sans-serif; font-weight:bold; color:#000000; margin: 0 0 10px 0; }
h6						{ font-size:2.6em; font-family:Arial, sans-serif; font-weight:bold; margin-bottom: 20px; }
/* Frontpage only */
h1						{ font-size:15pt; font-family:Arial, sans-serif; font-weight:bold; text-align:left; margin-bottom: -10px; }
.biz					{ margin: -160px 0px 0px 150px; }

/* Traders */
.trader-bubble		{ border: black 2.5px solid; background: white; color: #000000; padding: 5px; width: 600px; height:125px;  -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom:5px; }


i a						{ font-size:14px; font-family:Arial, sans-serif; color: #0f933f; font-style:italic; font-weight:bold; }
i						{ font-size:14px; font-family:Arial, sans-serif; color: #0f933f; font-style:italic; font-weight:bold; }


/* STRUCTURE */

#page-wrap 			{ width: 960px; margin: 0px auto -103px; min-height: 100%; height: auto !important: height: 100%; }
#push 				{ height: 103px; }
#main-col-index		{ width:600px; float:left; text-align:left; font-size:12px; font-family:Arial, sans-serif; color: #000000; }
/* Frontpage only */
#main-col-index-1		{ width:310px; float:left; text-align:left; margin-right:20px; font-size:12px; font-family:Arial, sans-serif; color: #000000; }
#main-col-index-2	{ width:310px; float:left; text-align:left;  margin-right:10px; font-size:12px; font-family:Arial, sans-serif; color: #000000; }


#main-col-services	{ width:960px; text-align:left; font-size:12px; font-family:Arial, sans-serif; color: #000000; }
#facebooklike		{ margin: 3px; height:30px; }
#tweetbutton		{ margin-top: -35px; margin-bottom: 5px; margin-left: 120px; }
#plusone		{ margin-top: -25px; margin-bottom: 5px; margin-left: 220px; }
#linkedin		{ margin-top: -25px; margin-bottom: 5px; margin-left: 285px; }

#main-col			{ width:600px; float:left; text-align:left; margin-right:20px; font-size:12px; font-family:Arial, sans-serif; color: #000000;}



#main-col-info		{ width:960px; float:left; text-align:left; font-size:12px; font-family:Arial, sans-serif; color: #000000; }
#main-col-info a			{ font-weight:bold; color:#0f933f; }

#main-col a			{ font-weight:bold; color:#0f933f; }
#main-col a:hover { text-decoration:underline; color:#333333; }



#sidebar			{ font-size:12px; font-family:Arial, sans-serif; color: #000000; width:300px; float:right; }
#sidebarservice 	{ width:300px; }

#searcharchive		{ float:left;}


/* HEADER */
#header {width: 960px;
			background: url('images/header-bg.png') top center repeat-x white;
			height: 214px; }
h1#logo 		{ width: 738px; height: 88px;
background: url('images/masthead-new.png'); margin-top:-120px; }

#top-bar p		{ color:#000000; width: 300px; float:left; }


.leaderboard{ width:728px; height:90px; margin: 5px 0px 5px 0px; }

/* Menu */

.description { font: "Times New Roman", Times, serif; font-style:italic; color:#FFFFFF; font-size:16px; font-weight:bold;
margin-top:-165px; margin-left:760px; line-height: 20px; 

 }
 
#searchform	{ margin-top:5px;  float:right; }

.date				{ font:Times New Roman, serif; color:#FFFFFF; font-size:16px; font-weight:bold; margin-left: 840px; margin-top:40px; }
.date a				{ color:#FFFFFF; }

#menu {
	width: 960px;
	margin-top: 50px;
	font: "Times New Roman", Times, serif ; color:#FFFFFF; font-size:16px; }

#menu ul li {
	padding: 10px;
	font: "Times New Roman", Times, serif; color:#FFFFFF; font-size:16px;
	display:inline;
}

#menu ul li a {
	color:#FFFFFF;
}
#flag		{ float:right; margin-top: -25px; }

.breadcrumb			{ font-size:14px; font-family:Arial, sans-serif; color: #000000; font-weight: bold; border: #0f933f 2.5px solid; background: #f3f3f3; float:left;  padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-top:5px; margin-bottom:15px; }


.breadcrumb a		{ width:630px; font-size:14px; font-family:Arial, sans-serif; color: #0f933f; font-weight: bold; margin-left: 10px; }

.breadcrumb a:hover { text-decoration:underline; color:#333333; }


/*FOOTER*/
#footer {
	margin: 0 auto;
	width: 950px;
	height: 20px;
	border-top: 2px solid #EAEAEA;
	padding: 5px;
}

.linktable { font-family:Arial, sans-serif; color:#0f933f;}
.linktable a { font-family:Arial, sans-serif; color:#0f933f;}
.linktable a:hover { text-decoration:underline; color:#333333; }

#footer-bottom {background-color:#037541; width:982px; margin-left: -15px; height: 50px; }

.copyright { font-size:12px; font:"Times New Roman", Times, serif; color:#FFFFFF; padding: 10px; }
.copyright a {font-size:12px; font:"Times New Roman", Times, serif; color:#FFFFFF; padding: 10px; }


/*INDEX FRONT PAGE*/

.linebreak		{background-color: #037541; text-align:left; font-size:12px; font-family:Arial, sans-serif; color: #FFFFFF; font-weight:bold; padding:3px; margin-top:5px; margin-bottom:5px;}
.hair {height: 2px; background-color:#EAEAEA; margin-bottom:5px; }
#continue { font-size:12px; font-family:Arial, sans-serif; color: #0f933f; font-weight:bold; }
#continue a { font-size:12px; font-family:Arial, sans-serif; color: #0f933f; font-weight:bold; }
.subhead {background-color: #037541; text-align:left; font-size:12px; font-family:Arial, sans-serif; color: #FFFFFF; font-weight:bold; padding:3px; margin-top:5px; margin-bottom:5px;}
.subhead a {background-color: #037541; text-align:left; font-size:12px; font-family:Arial, sans-serif; color: #FFFFFF; font-weight:bold; padding:3px; margin-top:5px; margin-bottom:5px;}



/*SIDEBAR*/

#sidebar		{ width:300; margin-top: -10px;}

.searchbox	{ margin-bottom: 3px; }
#sidebar-links	{ width:300; border: black 2.5px solid; float:right; padding: 3px 8px; 

						-moz-border-radius: 5px; -webkit-border-radius: 5px; background: #0f933f}						



.askyscraper	{ float:left; width:160px; height:600px;}

.askyscraper2	{ float:right; width:120px; height:600px; }

.sidebarsqad	{ width:300px; height:250px; margin: 5px 0px 5px 0px; }

.button1ad {width: 125px; height:125px; float:left; margin-left: 10px; margin-bottom: 10px; }

.button2ad {width: 125px; height:125px; float:right; margin-right: 30px; margin-bottom:10px; }

.featuressidebar { font-size:14px; font-family:Arial, sans-serif; color: #0f933f; font-style:italic; font-weight:bold; }

.smpu1 { margin-top:5px;}
.smpu2 { margin-left:305px; margin-top:-245px; }


/*jobs*/
div.cjjobbox{
   
   width: 600px ;
   background-color: #FFFFFF ;
   border-style: solid ;
   border-width: 1px ;
   border-color: #919294 ;
   font-family: Arial, sans-serif ;
   font-size: 13px ;
   color: #000000;
   text-align: left;
 }
 div.cjjobbox a{
   color: #198ADC ;
 }



/*IMAGES imgtfe */


img.thumbnail { width: 70px; height: 70px; }




.imgtfe {



	float: left;



	width: 150px;



	height: 150px;



margin: 0 15px 0 0;







	}







/*comments*/







ol.commentlist		{ list-style:none; }







.comment-bubble		{ border: black 2.5px solid; background: white; color: #000000; padding: 5px; width: 485px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }




ol.commentlist	li	p		{ font: Arial, sans-serif; font-size:1.0em }



/*Index Loop*/



.morenews { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; font-style:italic; border: #0f933f 2.5px solid; background: #f3f3f3; color: #000000; padding: 5px; margin: 10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width:300px }

/*Subheadings in Sidebar*/

.sidebarbubble { border: #0f933f 2.5px solid; background: #f3f3f3; color: #000000; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


.relatedposts-bubble	{ border: #0f933f 2.5px solid; background: #f3f3f3; color: #000000; padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


/*Whats On section*/



.post-meta {color: black; }



.post-meta-key {font-weight: bold; }

/*Advertising*/
.advertising		{ border: black 2.5px solid; background: white; color: #000000; padding: 5px; width: 960px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.advertising-620		{ border: black 2.5px solid; background: white; color: #000000; padding: 5px; width: 620px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }


/*Slider*/

.FA_overall_container_smoke {
	display:block;
	position:relative;
	clear:both;
	border:1px solid #b5b5b5;
	background:#000000;
	z-index:1;	
}	

.FA_overall_container_smoke  a:focus {
	outline:0px;
}
focus {
	outline:0px;
}

.FA_overall_container_smoke  h3.FA_title_section { 	
	padding:0px;
	margin:0px;
	font-size:30px;
	letter-spacing:3px;
	color:#003333; 
	font-weight:normal;
	font-style:italic;
}

.FA_overall_container_smoke .FA_featured_articles {
	display:block;
	position:relative;
	clear:both;
	height:300px;
	overflow:hidden;
	width:100%;
}

.FA_overall_container_smoke .FA_featured_articles .FA_article{
	display:block;
	position:relative;
	clear:both;
	/* if you plan on using left slide morph, set width on the elements */
	width:100%;
	height:100%;
	color:#CCCCCC;
	padding:0px;
	overflow:hidden;
	text-align:justify;
}
	.FA_overall_container_smoke .FA_featured_articles
	.FA_wrap{
		background:url(/images/smoke.png);
		width:100%;
		padding:2px;
		height:20%;
			
		display:block;
				
		position:relative;
		overflow:hidden;
	}
	.FA_overall_container_smoke .FA_featured_articles .FA-remove-bg{
		background:none;
	}

.FA_overall_container_smoke .FA_featured_articles .FA_article h2{
	margin:0px;
	padding:0px;
	font-size:18px;
	color:#FFF !important;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	border:none;	
	clear:none;
	text-align:left;
}
	.FA_overall_container_smoke .FA_featured_articles .FA_article h2 a{
		color:#FFF;
	}

.FA_overall_container_smoke .FA_featured_articles .FA_article span.FA_date{
	font-size:12px;
	color:#CCC;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	padding:0px;
}

.FA_overall_container_smoke .FA_featured_articles .FA_article p{
	font-size:12px; 
	color:#FFF;
	margin:0px;
	padding:30px 0px 30px;
	line-height:18px;
}
.FA_overall_container_smoke .FA_featured_articles .FA_article p a{
	color:#FFF !important;
}
.FA_overall_container_smoke .FA_featured_articles .FA_article a.FA_read_more{
	font-size:11px;
	color:#ccc;
	padding:0px;
	text-decoration:none;
	background:url(smoke.png);
	padding:10px;
	float:right;
}

/* Sideways navigation */
.FA_overall_container_smoke .FA_back{
	display:block;
	position:absolute;
	left:10px;
	bottom:10px;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#FFF !important;
	background:url(smoke.png);
	text-decoration:none;
	z-index:110;
}
.FA_overall_container_smoke .FA_next{
	display:block;
	position:absolute;
	left:32px;
	bottom:10px;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	color:#FFF !important;
	background:url(smoke.png);
	text-decoration:none;
	z-index:110;
}
.FA_overall_container_smoke .FA_back:HOVER,
.FA_overall_container_smoke .FA_next:HOVER{
	color:#CCC !important;
}