/*----------------------------------------------------------------
     Main Stylesheet  
     for Leys News Website
     Created  July 2010
     By Julian Dourado
----------------------------------------------------------------*/


/*-------------------------------------------------
  General layout
-------------------------------------------------*/

body  {
        background: #eeeeff;
        color: #000000;
	font-family: Arial, sans-serif;
	font-weight: normal;
         font-size: 14px;
         line-height: 130%;

}

img  {
	border: 0;
}

form  {
	margin: 0;
}

h1, h2, h3, h4, h5, h6  {
	font-family: arial, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

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

li  {
	background: url(http://www.leysnews.co.uk/pix/graphics/arrow.gif) left 5px no-repeat;
	padding: 0 0 0 10px;
	margin: 0 20px;
}
-------------------------------------------------*/



/*-------------------------------------------------
  Basic links
-------------------------------------------------*/
a:link, a:visited  {
	color: #000000;
	text-decoration: none;
}

a:hover, a:active  {
	color: #000000;
	text-decoration: none;
}


/*-------------------------------------------------
  Special classes
-------------------------------------------------*/
.hidden  {
	display: none;
        background: transparent;
        border: none;
}

.centerize  {
	text-align: center;
}

.clearing  {
	width: 800px;
	height: 0;
	clear: both;
}

/*-------------------------------------------------
  Special buttons
-------------------------------------------------*/
.downloadbutton  {
        display: block;
        float: left;
        clear: right;
        width: 121px;
        height: 38px;
        padding: 0;
        margin: 6px 0 0 0;
        border: none;
        background: transparent url(http://www.leysnews.co.uk/pix/graphics/BUTTON_02.jpg) left bottom no-repeat;
}


/*-------------------------------------------------
  Top Links
-------------------------------------------------*/
.toplinks  {
        height: 17px;
        padding: 4px 0px 2px 0;
        margin: 0  0 0 0;
        border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size: 12px;
        line-height: 12px;
}

.toplinks ul  {
        padding: 0;
        margin: 0;
}

.toplinks li  {
        list-style-type:none;
        padding: 0;
        margin: 0;

}

.toplinks li a  {
        float: right;
        margin: 0 0 0 0;
        padding: 0 10px 0 10px;
       border-left: 1px solid #000000;
        text-align: center;
}

.toplinks .firstlink  {
        border-left: 0px;
}

.toplinks .homelink  {
	float: left;
	padding: 0 10px 0 10px;
           margin: 2px 0 0 0;
           border-left: 0px;
}


/*-------------------------------------------------
  Wrapper
-------------------------------------------------*/

#wrapper
{
	width: 882px;
	background: #ffffff;
	margin: auto; 
	padding: 0;
}

/*-------------------------------------------------
  Middle Column section
-------------------------------------------------*/

#middlecolumn  {
	width: 465px;
	overflow: visible;
	float: left;
	padding: 0 0 0 0;
        margin: 20px 0 0 15px;
}

#middlecolumn .staticpagecontent  {
	color: #000000;
}

/*-------------------------------------------------
    Right Column section
-------------------------------------------------*/

#rightcolumn 
{
	width: 180px;
	padding: 0 0 0 0;
        margin: 20px 0 0 0;
	float: right;
}

/*-------------------------------------------------
    Right Column: Diary Dates Box
-------------------------------------------------*/

#rightcolumn .diarydates   {
        float: right;
	width: 160px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid #000000;
	background: #bfeaf6;
	font-size: 12px;
        line-height: 120%;
}

#rightcolumn .diarydates .diaryitem   {
	padding: 12px 4px 10px 6px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #000000;
}

#rightcolumn .diarydates h3  {
	padding: 4px 4px 6px 6px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #000000;
	background: #00adee;
        text-align: center;
        color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

#rightcolumn .diarydates h4   {
	font-weight: bold;
	font-size: 12px;
}

#rightcolumn .diaryfooter   {
	padding: 12px 4px 10px 6px;
	margin: 0 0 0 0;
	background: #95d6f1;
}


/*-------------------------------------------------
  Footer section
-------------------------------------------------*/

#footer  {
        clear: both;
        width: 880px;
        margin: 0 0 0 0;
        padding: 150px 0 0 0;
}

#footer .box   {
        width: 872px;
        height: 30px;
        margin: 0 0 0 0;
        padding: 4px 4px 4px 4px;
        border-top: 1px solid #000000;
	font-size: 12px;
        line-height: 12px;
}

#footer .box ul  {
        display:inline;
        float: right;
        list-style-type:none;
        width: 600px;
         padding: 0;
         margin: 0;
}

#footer.box  li  {
        display:inline;
}

#footer .box li a  {
        float: right;
        margin: 0 0 0 10px;
        padding: 0 0 0 10px;
        border-left: 1px solid #000000;
        text-align: center;

}

#footer .box .firstlink  {
        border-left: 0px;
}

#footer .copyrightcorner   {
        float: left;
}


/*-------------------------------------------------
  Left column section
-------------------------------------------------*/

#leftcolumn {
	float: left;
	width: 220px;
	padding: 0 0 0 0;
        margin: 0 0 0 0;
}

#leftcolumn .leftmenu {
        margin: 0 0 0 0;
	padding: 10px 0 0 0;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

#leftcolumn .leftmenu .menusectionheader {
	padding: 4px 10px;
        margin: 4px 0 0 0;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	font-size: 14px;
	font-weight: bold;
}

#leftcolumn .leftmenu .menulink {
	padding: 2px 10px 6px 25px;
	margin: 0 0 0 0;
	border-bottom: 1px solid #000000;
         line-height: 120%;
}

#leftcolumn .leftmenu .bluebox {
	padding: 6px 3px 6px 5px;
	margin: 0px 10px 10px 10px;
	background: #bfeafb;
	color: #2569b0;
}

#leftcolumn .leftmenu .bluebox h3 {
	padding: 0;
	margin: 0;
	font-size: 16px;
        
	font-weight: bold;
         line-height: 140%;
}

#leftcolumn .leftmenu .whitebox {
	background: #ffffff;
	padding: 2px 10px 6px 10px;
	margin: 10px 0 10px 0;
}


/*-------------------------------------------------
  Header Section
-------------------------------------------------*/

#header  {
	width: 880px; 
	height: 65px;
	background: #00adee url(http://www.leysnews.co.uk/pix/graphics/LNBANNER-JUL2010.jpg) left bottom no-repeat;
        border: 1px solid #000000;
}


/*-------------------------------------------------
 Header Section: Search  Forms
-------------------------------------------------*/
#header .searchformbar   {
         float: right;
         width: 330px;
	padding: 2px 2px 2px 2px;
	margin: 30px 10px 0 0;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	background: #bfeaf6;
	color: #000000;
	text-align: right;
           line-height: 11px;
	font-size: 11px;
}

#header .searchformbar .searchformfield   {
	width: 120px;
	padding: 1px 4px 1px 4px;
	margin: 0 2px 0 2px;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	background: #ffffff;
           line-height: 11px;
	font-size: 11px;
}

#header .searchformbar .searchformbutton   {
	margin: 0 0 0 0;
	padding: 1px 3px 1px 3px;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	background: #ffffff;
           line-height: 11px;
	font-size: 11px;
}


/*-------------------------------------------------
   Middle column: Lead box
-------------------------------------------------*/
#middlecolumn .leadbox   {
        padding: 10px 10px 10px 10px;
	margin: 0 0 0 0;
	border: 1px solid #000000;
}

#middlecolumn .leadbox h1 {
           clear: both;
	margin: 0 0 10px 0;
           padding: 0 0 10px 0;
           border-bottom: 1px solid #000000;
           font-size: 32px;
}

#middlecolumn .leadbox .leadboxpicture   {
      	width: 200px;
	float: left;
           padding: 0 0 0 0;
	margin: 0 0 0 0;
	border: 1px solid #000000;
}

#middlecolumn .leadbox .leadboxtext  {
      	width: 230px;
	float: left;
        padding: 0 0 0 10px;
	margin: 0 0 0 0;
}

#middlecolumn .leadbox .leadboxtext  ul {
            list-style-type: disc; 
            padding: 0 0 0 0;
	margin: 6px 0 6px 16px;
}

#middlecolumn .leadbox .leadboxtext  ul {
            font-weight: bold;
}

#middlecolumn .leadbox .leadboxtext  .downloads   {
           padding: 6px 0 0 0;
	margin: 10px 0 0 0;
           border-top: 1px solid #000000
}


#middlecolumn .leadbox .leadboxfoot   {
	 clear: both;
}

/*-------------------------------------------------
  Middle column: Main content
-------------------------------------------------*/

#middlecolumn .content
{
	clear: both;
	padding: 0;
	margin: 0px 0 0 0px;
}


/*-------------------------------------------------
  Middle column: Posted Items
-------------------------------------------------*/

#middlecolumn .post  {
	clear: both;
	background: url(http://www.leysnews.co.uk/pix/graphics/dot.gif) bottom repeat-x;
	padding: 0 0 0 0;
	margin: 40px 0 0 0;
}

#middlecolumn .post .author  {
	padding: 5px 0 6px 0;
	margin: 0 0 2px 0;
        font-style:italic;
}

#middlecolumn .post .title a  {
	color: #000000;
}

#middlecolumn .post .title h2  {
	padding: 0 0 6px 0;
	margin: 0 0 0 0;
	background: url(http://www.leysnews.co.uk/pix/graphics/dot.gif) bottom repeat-x;
           font-size: 18px;
}

#middlecolumn .post a:link, .item a:visited  {
	color: #000000;
}

#middlecolumn .post a:hover, .item a:active  {
	color: #000000;
}

#middlecolumn .post .edit  {
       text-align: right;
}

#middlecolumn .post .body  {
       padding: 0 12px 0 0;
}

#middlecolumn .post .readmore  {
	font-weight: bold;
	padding: 4px 0 0 0;
}

#middlecolumn .post .info  {
	padding: 16px 0 6px 0;
	margin: 0 0 0 0;
}

#middlecolumn .post .edit  {
        text-align: right;
	margin: 0 0 16px 0;
}


/*-------------------------------------------------
   Items - not in use
-------------------------------------------------*/

.item
{
	clear: both;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.item .author
{
	background: url(http://www.leysnews.co.uk/pix/graphics/dot.gif) bottom repeat-x;
        font-size: 10px;
        text-align: right;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}

.item .title h1
{
	font-family: arial black, sans-serif;
	margin: 0 0 40px 0;
}

.item .body 
{
	margin: 0 0 10px 0;
}

.item .category 
{
        font-size: 10px;
	margin: 0 0 4px 0;
}

.item .edit
{
        text-align: right;
        font-size: 10px;
	margin: 0 0 30px 0;
}


/*-------------------------------------------------
  Content styles - not in use?
-------------------------------------------------*/
.contenttitle h2
{
	clear: both;
	background: url(http://www.leysnews.co.uk/pix/graphics/dot.gif) bottom repeat-x;
	font-size: 18px;
	padding: 0 0 6px 0;
	margin: 0;
}

.contentbody
{
	font-size:13px;
	text-align: justify;
	padding: 0 0 16px 0;
}

/*-------------------------------------------------
  Item info - not in use?
-------------------------------------------------*/
.contentitemcategory
{
	background: url(http://www.leysnews.co.uk/pix/graphics/bgcategory.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 14px;
}
.contentitempostedby
{
	background: url(http://www.leysnews.co.uk/pix/graphics/bgpostedby.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 12px;
}
.contentitemcomments
{
	background: url(http://www.leysnews.co.uk/pix/graphics/bgcomment.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 13px;
}
.contentitemedit
{
	background: url(http://www.leysnews.co.uk/pix/graphics/bgedit.gif) center left no-repeat;
	font-size: 10px;
	line-height: 12px;
	padding: 0 10px 0 11px;
}
.contentitem
{
	padding: 3px 0 0 0;
	margin: 0 0 16px 0;
}
.contentitem1
{
	display: inline;
}
.contentitem2
{
	display: inline;
	background: url(http://www.leysnews.co.uk/pix/graphics/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem3
{
	display: inline;
	background: url(http://www.leysnews.co.uk/pix/graphics/dotv.gif) left repeat-y;
	padding: 0 0 0 10px;
}
.contentitem4
{
	display: inline;
	padding: 0 0 0 10px;
	background: url(http://www.leysnews.co.uk/pix/graphics/dotv.gif) left repeat-y;
}

/*-------------------------------------------------
  Comments - not in use?
-------------------------------------------------*/
.itemcomment
{
	background: url(http://www.leysnews.co.uk/pix/graphics/commentquote01.gif) no-repeat;
	background-position: 6px 9px;
	padding: 6px 42px;
	border: 1px solid white;
	margin: 10px 0 0 0;
}
.itemcomment:hover
{
	background: #F9F9F9 url(http://www.leysnews.co.uk/pix/graphics/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #CCCCCC;
}
.id1 /*This is to give the admin a special comment style, to distinguish him/her from the rest of the commentors*/
{
	background: #F9F9F9 url(http://www.leysnews.co.uk/pix/graphics/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.id1:hover
{
	background: #F9F9F9 url(http://www.leysnews.co.uk/pix/graphics/commentquote02.gif) no-repeat;
	background-position: 6px 9px;
	border: 1px solid #B3C492;
}
.itemcomment h3
{
	font-size: 12px;
}


/*-------------------------------------------------
  Forms
-------------------------------------------------*/
.loginform
{
	margin: 5px 0;
}
.commentform, .mailform
{
	margin-top: 10px;
	padding: 10px;
	background: #EEEEEE;
	/* Rounded borders, for Mozilla browsers */
	/* -moz-border-radius: 10px; */
}
.commentform img{
	margin: 5px 0 0 0;
}
.formfield {
	display:block;
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #868686;
	border-left: 1px solid #868686;
	border-bottom: 1px solid #D4D2CF;
	border-right: 1px solid #D4D2CF;
	margin: 1px 0 0 0;
}
.formbutton
{
	font-size: 11px;
	background: white;
	color: #494949;
	border-top: 1px solid #D4D2CF;
	border-left: 1px solid #D4D2CF;
	border-bottom: 1px solid #868686;
	border-right: 1px solid #868686;
	margin: 1px 0 0 0;
}
.commentform .formfield, .commentform .formbutton, .loginform .formbutton {
	display: block;
}


.loginform .formfield
{
	width: 130px;
	font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.loginform .formbutton
{
	width: 60px;
	font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
.mainform .formfield
{
	width: 280px;
	font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 0;
	margin: 0 2px 2px 0;
}
.mailform .formbutton
{
	width: 100px;
	font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
	padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail, #nucleus_cf_email
{
	width: 300px;
	margin-right: 105px;
	font-family: Arial, Trebuchet MS, Verdana, sans-serif;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield
{
	width: 300px;
}
.commentform .formbutton
{
	width: 100px;
	height: 22px;
	font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;
}
.error
{
	color: red;
	font-weight: bold;
}


/*-------------------------------------------------
  Miscelaneous
-------------------------------------------------*/
/* VBlog image onion skin shadow - From AListApart.com*/

.wrap1, .wrap2, .wrap3
{
	display:inline-table;
	/* \*/display:block;/**/
}
.wrap1
{
	float:left;
	background:url(http://www.leysnews.co.uk/pix/graphics/shadow.gif) right bottom no-repeat;
	margin: 0 5px 3px 0;
}
.wrap2
{
	background:url(http://www.leysnews.co.uk/pix/graphics/corner_br.gif) left bottom no-repeat;
}
.wrap3
{
	background:url(http://www.leysnews.co.uk/pix/graphics/corner_tr.gif) right top no-repeat;
	padding:0 5px 5px 0;
}
.wrap3 img
{
	display:block;
	border: 3px solid white;
}

/* Search highlight color */
.highlight
{
	background: #DEFFA9;
}

/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
	margin: 3px;
	padding: 3px;
	font-size: larger;
	width: 20%;
}
.leftbox {
	float: left;
	border-right: 2px solid #ccc;
}
.rightbox {
	float: right;
	border-left: 2px solid #ccc;
}