/*==========================================
ACC Blog CSS
url: www.abergelecameraclub.co.uk/news.htm

author: brynmor harries and  michelle palmer
url:    www.stylecymru.co.uk

Last update: 07 Nov 2009
===========================================*/

/*=====================
Blogger Resets
=====================*/
hr {
	display: none;
}

/* Hide Blogger bar */
#navbar-iframe {
	display: none;
}

/* Hide blog description */
#description {
	display: none;
}

/*======================================================================
Body setup
======================================================================*/
body {
	text-align: center;
	margin:  0 auto;
	background: #999 url(../images/general/bodybg2.jpg) repeat-y top;
}

/*======================================================================
Links styling
======================================================================*/
a:link, a:visited {
	color: #004e77;
	background: transparent; 
	outline: none;
}

a:hover {
	color: #fffffa;
	background: #004e77;
	text-decoration: none;	
}

a:active {
	color: Red;
	background: Yellow;
	text-decoration: none;
}

/*======================================================================
Grid layout
======================================================================*/
.size1 { width:60px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size2 { width:140px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size3 { width:220px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size4 { width:300px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size5 { width:380px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size6 { width:460px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size7 { width:540px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size8 { width:620px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size9 { width:700px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size10 { width:780px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size11 { width:860px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }
.size12 { width:940px; margin: 0 10px;	overflow: hidden;	float: left; display: inline; }

.box {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
}

.box .box {
	margin: 0 -10px;
	width: auto;
}

/*======================================================================
Content styling
======================================================================*/
.size4panel { width: 233px; margin: 0 30px; overflow: hidden;	float: left; display: inline; /*background: #eee;*/ }
.size8panel { width: 527px; margin: 0 30px; overflow: hidden;	float: left; display: inline; /*background: #eee;*/ }
.size3panel { width: 160px; margin: 0 30px; overflow: hidden;	float: left; display: inline; /*background: #eee;*/ }
.size6panel { width: 380px; margin: 0 30px; overflow: hidden;	float: left; display: inline; /*background: #eee;*/ }
.size12panel { width: 820px; margin: 0 30px; overflow: hidden;	float: left; display: inline; /*background: #eee;*/ }
.size3panelwide { width: 180px; margin: 0 15px 0 20px; overflow: hidden;	float: left; display: inline; font-size: 0.8em; }

.fullwidthpanel {
	margin: 0 40px;
	padding: 30px 0 0;
	width: 880px;
	overflow: hidden;
	float: left;
	display: inline;
	border-top: 1px solid #999;
	background: #fefefe url(../images/general/fullwidthpanel_bg.jpg) no-repeat 0 0;
}

.fullwidthbottom {
	clear: both;
	background : transparent url(../images/general/fwbg_bottom.jpg) no-repeat top left;
	margin: 0 40px 20px;
	width: 880px;
	height: 25px;
}

/*======================================================================
Text - additional styling
======================================================================*/
h2 { font-size: 2.8em; }
h3 { font-size: 2.2em; }
h4 { font-size: 1.8em; }
p, li, td { font-size: 1.5em; }

h2/*.title*/ { text-transform : lowercase; padding: 0 40px; margin-bottom: 10px; }
.feature h2 { text-transform : lowercase; padding: 0 10px; }
h3.date { color: #004e77; text-transform : lowercase; padding: 0.6em 40px 0; margin-bottom: 0px; }
p.nobox  { padding: 0 40px; }
.cushycms h3, h3.date { text-transform : lowercase; color: #004e77; }
.list ul  { margin-bottom: 3em; }
.list li  { margin-bottom: 1em; }

.special, h3.special {
  color: #ff8800;
	font-weight: bold;
}

blockquote {
	color : #000;
	background : #f3f3f3 url(../images/general/quote.png) no-repeat 10px 10px;
	padding : 2em 2em 1em 60px;
	margin-bottom : 2em;
	font-style : italic;
}

/*======================================================================
Image styling
======================================================================*/
img.lightbox {
	padding: 10px;
	border: 1px solid #000;
	background: #fff;
}

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

.floatpicright img {
	border : 1px solid #ccc;
	padding: 10px;
	margin : 1em;
}

.middlepic {
	margin: 0 auto;
	text-align: center;
}

.middlepic img {
	border : 1px solid #ccc;
	padding: 10px;
	margin : 1em;
}

.piclink a {
	background : transparent;	
	text-decoration : none;
	border : none;	
}

.piclink a:hover img {
	border : 1px solid #ff8800;
}

.noborderlink a, .noborderlink a:hover img  {
	background : transparent;	
	text-decoration : none;
	border : none;	
}
/*======================================================================
Banner Image Replacement for header
======================================================================*/
#accheader {
	margin:  0 auto;
	text-align: left;
	width: 960px;
	overflow: hidden;
	background: #000;
}

#accheader h1 { margin-bottom: 0; } /* removes h1 margin set in screen.css for image replacement in header */

.rir { 
	width: 960px;
	height: 130px;
	position: relative;
}

.rir span {
	background: url(../images/general/banner3.jpg) no-repeat 0 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

/*======================================================================
Main Site Navigation
======================================================================*/
#global_nav {
	margin: 0 auto;
  width: 960px;
	overflow: hidden;
	color : #fff;
	background : #000 url(../images/general/navbg.jpg) repeat-x 0 0;
	border-top: 1px solid #000;
}

#global_nav ul {
  font-size : 1.2em;
  margin: 0;
	padding: 0;
}

#global_nav li {
  float: left;
	list-style: none;
	margin-bottom: 0;
}

#global_nav ul li a {
  display: block; /*makes the floats into blocks of width... */
  width: 160px; /* 960 width divided by 6 */
  padding: 15px 0; /* top and bottom padding */
  text-align: center;
  color : #ff8800;
  background: transparent;
  text-decoration: none; /* removes underline */
	outline: none;
	font-weight: normal;
}

#global_nav ul li a:hover {
  color : #fff;
  background: transparent;
  text-decoration: none;
}

/*Page Here Indicator*/
#one li.one a, #one li.one a:hover,
#two li.two a, #two li.two a:hover,
#three li.three a, #three li.three a:hover,
#four li.four a, #four li.four a:hover,
#five li.five a, #five li.five a:hover,
#six li.six a, #six li.six a:hover
{
	color : #bce8ff;
	background : transparent;
  cursor : default;
}

.bgbottom { background : transparent url(../images/general/navbg_bottom.jpg) no-repeat top left; height: 20px; }

/*======================================================================
Footer styling
======================================================================*/
#footer {
	margin: 10px auto 0;
	padding: 30px;
  width: 900px;
	overflow: hidden;
	color : #fff;
	background : #000 url(../images/general/navbg.jpg) repeat-x 0 0;
}

#footer a {
	color: #fff;
	background : transparent;
}

#footer a:hover {
	color : #f80;
	background : transparent;
}

/* unused */
/*#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #eee;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  font-weight:normal;
  color:#666;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#666;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#c60;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #eee;
  border-width:0 1px 1px;
  max-width:700px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }*/	


/*======================================================================
Blogger original styling
======================================================================*/
/* Headings
----------------------------------------------- */
h2 {
  color:#666;
}


/* Posts
----------------------------------------------- */
.date-header {
	/*font-size: 1.3em;*/
	margin: 0.5em 0;
}

.post {
	margin: 0.5em 0 2em;
	border-bottom: 1px dotted #666;
	padding-bottom: 1.5em;
}
		
.post-title {
  margin: 0.25em 0 0;
  padding: 0 0 4px;
  line-height: 1.4em;
  color: #004e77;
}
	
.post-title a, .post-title a:visited, .post-title strong {
  display: block;
  text-decoration: none;
  color: #c60;
  font-weight: normal;
}
	
.post-title strong, .post-title a:hover {
  color:#333;
}
	
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-body {
 font-size: 1.6em;
}

.post-body ul {
	/*font-size: 0.6em;*/
	margin-bottom: 0;
}

.blogger-labels {
	/*font-size: 0.8em;*/
}
	
p.post-footer {
  margin: -.25em 0 0;
  color: #999;
}

/*.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }*/
	
.post-footer em {
  font-style:normal;
  color:#999;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #ddd;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments {
}

#comments h4 {
  margin:1em 0;
  /*font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;*/
  color:#999;
}

#comments h4 strong {
  /*font-size:130%;*/
}

#comments-block {
  margin: 1em 0 1.5em;
  line-height: 2.4em;
	background-color: #efefef;
	padding: 20px;
}

#comments-block dt {
  margin:.5em 0;
  }

dt.comment-poster {
	/*font-size: 1.6em;*/
	color : #004e77;
}

#comments-block dd {
  margin: 0.25em 0 0;
	padding: 0 0.5em;
}

#comments-block dd.comment-timestamp {
	padding-bottom: 2em;
  margin: -0.25em 0 1em;
	border-bottom: 1px dotted #ccc;
  /*font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;*/
}
	
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.paging-control-container {
  float: right;
  margin: 0px 6px 0px 0px;
  /*font-size: 80%;*/
}
.unneeded-paging-control {
  visibility: hidden;
}

/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin: 0 0 1.5em;
  padding: 0 0 1.5em;
  border-bottom: 1px dotted #999;
  /*list-style:none;*/
}
	
#sidebar li {
  margin: 0 0 0.5em 15px;
  padding: 0;
  /*line-height:1.5em;
  list-style: none;*/
  }
	
#sidebar h3 {
	margin-bottom: 0.5em;
	color: #333;
}

#sidebar p {
  color:#666;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #999;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #ddd;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  /*font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;*/
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;/*
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;*/
  }


/* Feeds
----------------------------------------------- */
#blogfeeds {
  }
#postfeeds {
  }

/*==============================
Utilities
==============================*/
/* Clearfix */
#content:after, #footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#content, #footer {
	display: inline-block;
}

/* Hides from IE-mac \
*html #content, *html #footer {height: 1%;}*/
#content, #footer {display: block;}
/* End hide from IE-mac */

.fright {
	float : right;
}

.fleft {
	float : left;
}

.clearfloats {
	clear : both;
}