/*-------------------------------------------------

  Nucleus CMS Stylesheet - bundled with version 3.2

  Based on the Stanch skin by Ivan Fong

  Mods by hcgtv and moraes

-------------------------------------------------*/



/*-------------------------------------------------

  General layout

-------------------------------------------------*/

body

{

	background: url(images/mainbg.gif) repeat;

	color: #000000;

	font-family: "Trebuchet MS", "Trebuchet", "Lucida Grande", "Lucida Sans Unicode", "Arial", "sans-serif";

	font-size: 12px;

	padding: 5px 10px;

	margin: 0;

}

img

{

	border: 0;

}

form

{

	margin: 0;

}



/* Headings */



h1,h2,h3,h4,h5,h6

{

    font-family: "Trebuchet MS", "Trebuchet", "Lucida Grande", "Lucida Sans Unicode", "Arial", "sans-serif";

	font-weight: normal;

	margin: 0;

}



/* Lists */

ul

{

	list-style: none;

	padding: 0;

	margin: 0;

}

li

{

	background: url(images/clipperballsm.gif) left 2px no-repeat;

	padding: 0px 5px 2px 15px;

	margin: 0 5px;

}



/* Links */



a:link

{

	color: #0000CD;

	text-decoration: none;

}

a:visited

{

	color: #0000CD;

	text-decoration: none;

}

a:hover

{

	color: silver;

}

a:active

{

	color: orange;

}

#header a:link, #header a:visited

{

	color: #blue;

}

#header a:hover, #header a:active

{

	color: #E11A31;

}

#copyrights a:link, #copyrights a:visited

{

	color: #FFFFFF;

}

#copyrights a:hover, #copyrights a:active

{

	color: #737373;

}



/* Basic classes */

.hidden

{

	display: none;

}

.centerize

{

	text-align: center;

}

.clearing

{

	width: 704px;

	height: 0;

	clear: both;

}



/*-------------------------------------------------

  Header

-------------------------------------------------*/

#header

{

	position: top;

	width: 100%;

	height: 10px;

	/* large header image is defined below */

	/* background: white url(images/header.jpg) no-repeat; */

	background: white url (images/bg.gif);

	margin: 0px 5px;

	

}

#header h1

{

	/* small header image specific lines */

	height: 10px;

	width: 100%;

	background: url (img/mainbg.gif);

	margin: 0 0;

	/* end small header image specific lines */

	font-size: 14px;

	font-color: white;

	text-align: left;

	line-height: 10px;

	

}



#header2

{

	/* small header image specific lines */

	height: 14px;

	width: 100%;

	background: blue url (images/bg.gif);

	margin: 0 0;

	/* end small header image specific lines */

	font-size: 14px;

	font-color: white;

	text-align: right;

	line-height: 14px;

	

}



/*-------------------------------------------------

  Content wrappers

-------------------------------------------------*/

#mainwrapper

{

	width: 90%;

	background: white;

	border-width: 1px 1px 1px 1px;

	border-style: solid;

	border-color: #FF0000;

	margin: auto;

}

#wrapper

{

	width: 100%;

	background: white url(images/bgcontainer02.gif) repeat-y right;

	margin: auto;

}



/*-------------------------------------------------

  Main content

-------------------------------------------------*/

#container

{

	width: 95%;

	height: 1%;

	overflow: visible;

	float: left;

	padding: 1px 0 0 0;

	margin-right: -175px;

}

.content

{

	padding: 0;

	margin: 7px 175px 30px 15px;

}



/*-------------------------------------------------

  Item styles

-------------------------------------------------*/

.mikehr

{

	clear: both;

	background: url(images/dotm.gif) bottom repeat-x;

	padding: 0 2px 2px 0;

	margin: 30px;

}



.contenttitle h2

{

	clear: both;

	background: url(images/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

-------------------------------------------------*/

.contentitemcategory

{

	background: url(images/bgcategory.gif) center left no-repeat;

	font-size: 12px;

	line-height: 12px;

	padding: 0 10px 0 14px;

}

.contentitemlink

{

	background: url(images/link.gif) center left no-repeat;

	font-size: 12px;

	line-height: 12px;

	padding: 0 10px 0 12px;

}

.contentitempostedby

{

	background: url(images/bgpostedby.gif) center left no-repeat;

	font-size: 12px;

	line-height: 12px;

	padding: 0 10px 0 12px;

}

.contentitemcomments

{

	background: url(images/bgcomment.gif) center left no-repeat;

	font-size: 12px;

	line-height: 12px;

	padding: 0 10px 0 13px;

}

.contentitemedit

{

	background: url(images/bgedit.gif) center left no-repeat;

	font-size: 12px;

	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(images/dotv.gif) left repeat-y;

	padding: 0 0 0 10px;

}

.contentitem3

{

	display: inline;

	background: url(images/dotv.gif) left repeat-y;

	padding: 0 0 0 10px;

}

.contentitem4

{

	display: inline;

	padding: 0 0 0 10px;

	background: url(images/dotv.gif) left repeat-y;

}



/*-------------------------------------------------

  Comments

-------------------------------------------------*/

.itemcomment

{

	background: url(images/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(images/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(images/commentquote02.gif) no-repeat;

	background-position: 6px 9px;

	border: 1px solid #B3C492;

}

.id1:hover

{

	background: #F9F9F9 url(images/commentquote02.gif) no-repeat;

	background-position: 6px 9px;

	border: 1px solid #B3C492;

}

.itemcomment h3

{

	font-size: 12px;

}



/*-------------------------------------------------

  Menu

-------------------------------------------------*/

#sidebarcontainer

{

	float: right;

	width: 195px;

	padding: 0px 0 0 0;

}

.sidebar

{

	color: #21262A;

	margin: 0 0px 4px 0;

}



/* Menu lists */

.sidebardl

{

	padding: 0 0 5px 0;

	margin: 0;

}

.sidebardl dt

{

	background: #E5E5E5 url(images/sidetitlebg.gif);

	color: #FFFFFF;

	font-size: 14px;

	font-weight: bold;

    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;

	padding: 4px 10px;

}

.sidebardl dd

{

	background: #EEEEEE;

	padding: 2px 10px;

	margin: 1px 0 0 0;

}

.sidebardl dd:hover

{

	background: #E7E7E7;

	padding: 2px 10px;

	margin: 1px 0 0 0;

}

.sidebardl dd a:link, .sidebardl dd a:visited

{

	background: left center no-repeat;

	padding: 0 0 0 0px;

}



.sidebardm

{

	background: #EEEEEE;

	font-size: 9px;

	font-weight: normal;

    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Trebuchet, Arial, sans-serif;

	padding: 2px 0px;

	margin: 1px 0 0 0;

}



.sidebardm dd

{

	background: #EEEEEE;

	padding: 2px 5px;

	margin: 1px 0 0 0;

}



.sidebardm dd:hover

{

	background: #E7E7E7;

	padding: 2px 5px;

	margin: 1px 0 0 0;

}



.sidebardm dd a:link, .sidebardl dd a:visited

{

	background: left center no-repeat;

	padding: 0 0 0 0px;

}





/*-------------------------------------------------

  calendar css temp: url(images/arrow.gif) padding: 0 0 0 10px;

-------------------------------------------------*/



table.calendar {

  font-size: xx-small;

  color: black;

}



tr.calendardateheaders {

  font-size: xx-small;

  color: blue;

}

#poli {

	border: thin solid #999999;

	padding: 1px;

	margin: 1px;

}





td.days {

  text-align: center;

}



td.today {

  text-align: center;

  color: red;

  background-color: whitesmoke;

}



/*-------------------------------------------------

  Footer

-------------------------------------------------*/

#footer

{

	width: 90%;

	background: #FF0000;

	text-align: center;

	padding: 10px 0 10px 0;

	border-width: 0px 2px 2px 2px;

	border-style: solid;

	border-color: #FF0000;

	margin: 0 auto;

}



#copyrights

{

	color: #FFFFFF;

}



/*-------------------------------------------------

  Forms

-------------------------------------------------*/

.loginform, .searchform

{

	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

{

	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;

}

.searchform .formfield

{

	width: 130px;

    font-family: Arial, Tahoma, Trebuchet MS, Verdana, sans-serif;

	padding: 2px 0;

	margin: 0 2px 2px 0;

}

.searchform .formbutton

{

	width: 60px;

    font-family: Tahoma, Arial, Trebuchet MS, Verdana, sans-serif;

	padding: 2px 2px;

}

.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

{

    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(images/shadow.gif) right bottom no-repeat;

	margin: 0 5px 3px 0;

}

.wrap2

{

	background:url(images/corner_br.gif) left bottom no-repeat;

}

.wrap3

{

	background:url(images/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;

}

/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	border-bottom:1px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('http://www.clipperblog.com/ratings/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('http://www.clipperblog.com/ratings/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('http://www.clipperblog.com/ratings/images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('http://www.clipperblog.com/ratings/images/starrating.gif') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}