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

  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: #F0FAFF;

	color: #494949;

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

	font-size: 11px;

	padding: 15px 0;

	margin: 0;

}

img

{

	border: 0;

}

form

{

	margin: 0;

}



/* Headings */


h1,h2,h3,h4,h5,h6

{

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

	font-weight: normal;

	margin: 0;

}
/* Lists */

ul

{

	list-style: none;

	padding: 0;

	margin: 0;

}



/* Links */

a:link, a:visited

{

	color: #635D45;

	text-decoration: none;

}

a:hover, a:active

{

	color: black;

}

#copyrights a:link, #copyrights a:visited

{

	color: #474747;

}

#copyrights a:hover, #copyrights a:active

{

	color: #737373;

}



/* Basic classes */

.hidden

{

	display: none;

}

.centerize

{

	text-align: center;

}

.clearing

{

	width: 800px;

	height: 0;

	clear: both;

}



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

  Header

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

#header

{

	position: relative;

	width: 800px;

	height: 218px;

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

	margin: auto;

}

.header_catch

{

	color: #FFFFFF;

	text-align: right;

	padding: 2px 15px 0 0;

	font-size: 70%;

	letter-spacing: 0.2em;

}

.header_catch a:link, .header_catch a:visited

{

	color: #FFFFFF;

	text-decoration: none;

}

.header_catch a:hover, .header_catch a:active

{

	color: FFFFFF;

	text-decoration: underline;

}



.header_title1

{

	color: #0099FF;

	padding: 50px 0 0 30px;

	font-size:32px;



}

.header_title1 a:link, .header_title1 a:visited

{

	color: #0099FF;

	text-decoration: none;

}

.header_title1 a:hover, .header_title1 a:active

{

	color: #0099FF;

	text-decoration: underline;

}

.header_title2

{

	color: #626262;

	padding: 50px 0 0 30px;

	font-size:16px;

}

#header h1

{

	/* small header image specific lines */

	height: 168px;

	width: 788px;

	background: white url(images/header_sm.jpg) repeat-x 0 6px;

	margin: 0 6px;

	/* end small header image specific lines */

	font-size: 38px;

	text-align: center;

	line-height: 160px;

}



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

  Content wrappers

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

#mainwrapper

{

	width: 800px;

	background: white;

	margin: auto;

}

#wrapper

{

	width: 800px;

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

	margin: auto;

}



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

  Main content

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

#container

{

	width: 800px;

	height: 1%;

	overflow: visible;

	float: left;

	padding: 0;

	margin-right: -237px;

	/* width of sidebarcontainer*/

}

.content

{

	padding: 0;

	margin: 20px 270px 30px 30px;

}



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

  Item styles

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

.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;

	padding: 10px 25px 25px 25px;

}

.contentbody a:link

{

	color: black;

	text-decoration: underline;

}

.contentbody a:visited

{

	color: black;

	text-decoration: underline;

}

.contentbody a:hover

{

	color: blue;

	text-decoration: underline;

}

.contentbody a:active

{

	color: blue;

	text-decoration: underline;

}









.cubecontentheader

{

	background: url(images/item_body_top.gif) no-repeat;

}

.cubecontenttitle01

{

	font-size: 12px;

	padding: 5px 25px 5px 25px;

	margin: 0;

	text-align: right;

}

.cubecontentbody

{

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

	margin: 5px 0 25px 0;

}

.cubecontenttitle02

{

	color: #FF9999;

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

	font-size: 14px;

	padding: 10px 5px 10px 60px;

	margin: 0 10px;

	font-weight: bold;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #B6CEE7;

}

.cubecontenttitle02 a:link

{

	color: #FF9999;

}

.cubecontenttitle02 a:visited

{

	color: #FF9999;

}

.cubecontenttitle02 a:hover

{

	color: #FF9999;

}

.cubecontenttitle02 a:active

{

	color: #FF9999;

}

.cubecontentfooter

{

	clear: both;

	background-image: url(images/item_body_bottom.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	height: 5px;

}



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

  Item info

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

.contentitemcategory

{

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

	font-size: 10px;

	line-height: 12px;

	padding: 0 10px 0 14px;

}

.contentitempostedby

{

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

	font-size: 10px;

	line-height: 12px;

	padding: 0 10px 0 12px;

}

.contentitemcomments

{

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

	font-size: 10px;

	line-height: 12px;

	padding: 0 10px 0 13px;

}

.contentitemedit

{

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

	text-align: center;

}

.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: 237px;

	padding: 20px 0 0 0;

}

.sidebar

{

	color: #21262A;

	margin: 0 37px 15px 0;

}



/* Menu lists */

.sidebardl

{

	padding: 0;

	margin: 10px 0 0 0;

}

.sidebardl dt

{

	background: gree url(images/cube_sidebar_title.gif) no-repeat;

	color: #3A3523;

	font-size: 11px;

	font-weight: bold;

	padding: 2px 10px;

}

.sidebardl dd

{

	background: #EEEEEE;

	padding: 2px 0;

	margin: 1px 0 0 0;

}

.sidebardl dd:hover

{

	background: #E7E7E7;

	padding: 2px 0;

	margin: 1px 0 0 0;

}

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

{

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

	padding: 0 0 0 10px;

}

.sidebar_contents

{

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

	padding: 0;

	margin: 0;

	border-collapse: collapse;

}

.sidebar_contents_header

{

	background: url(images/sidebar_header.gif) no-repeat;

	padding: 5px 0 0 0;

}

.sidebar_contents_title

{

	color: #3A3523;

	font-size:13px;

	font-weight: bold;

	padding: 10px 10px 0 25px;

	margin: 0 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #B6CEE7;

	background-image: url(images/sidebar_icon.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}

.sidebar_contents_value

{

	padding-top: 5px;

	padding-left: 5px;

	padding-right: 5px;

}

.sidebar_contents_value_text

{

	padding-top: 5px;

	padding-left: 5px;

	padding-right: 5px;

	line-height: 1.5em;

	font-size:12px;

	color: #666666;

}



.sidebar_contents_bottom

{

	height: 5px;

	background-color: #FFFFFF;

	background-image: url(images/sidebar_bottom.gif);

	background-repeat: no-repeat;

}

.sidebar_contents_value_ul li

{

	padding: 2px 5px;

	margin: 0;

}

.sidebar_contents_value_ul li a:link, .sidebar_contents_value_ul li a:visited

{

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

	padding: 0 0 0 20px;

}

.sidebar_contents_value_ul li a:hover

{

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

	padding: 0 0 0 20px;

	margin: 0;

}

.category_ul { 

	list-style: none; 

	margin: 0; 

	padding: 0; 

} 

.category_li { 

	background: url(images/arrow.gif) 5px 6px no-repeat; 

	margin: 0; 

	padding: 2px 0 2px 20px; 

} 

.headline_ul { 

	list-style: none; 

	margin: 0; 

	padding: 0; 

} 

.headline_li { 

	background: url(images/arrow.gif) 5px 6px no-repeat; 

	margin: 0; 

	padding: 2px 0 2px 20px; 

} 

.links_ul { 

	list-style: none; 

	margin: 0; 

	padding: 0; 

} 

.links_li { 

	background: url(images/arrow.gif) 5px 6px no-repeat; 

	margin: 0; 

	padding: 2px 0 2px 20px; 

} 







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

  Footer

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

.footer

{

	width: 800px;

	margin: 0 auto;

	background-image: url(images/blog_page_footer.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

	clear: both;

}



#copyrights

{

	color: #474747;

}



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

  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

{

	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;

}

.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;

}

.leftbox {

	float: left;

	border-right: 2px solid #ccc;

}

.rightbox {

	float: right;

	border-left: 2px solid #ccc;

}

.blogindex_title {
	color: #FF9999;

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

	font-size: 14px;

	padding: 10px 5px 10px 60px;

	margin: 0 10px;

	font-weight: bold;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #B6CEE7;

}

.blogindex_title a:link, .blogindex_title a:visited {
	color: #FF9999;

}
.blogindex_title a:hover, .blogindex_title a:active {
	color: #FF9999;

}