/*  
Theme Name: ynr
Theme URI: http://www.wpdesigner.com
Description: One of my awsome work.
Version: 1.0
Author: Aditia Priyadi
Author URI: http://www.wpdesigner.com/

*/

/*  
-----------------------------------Custom CSS fot glow box + ie fix-------------------------------------------
*/

/*html {background:transparent}*/
/*body {background:#fff url(http://www.yr.co.nz/wp-content/themes/ynr/images/bg.png) repeat-x fixed}*/

#wrap {
	max-width:50em;
	margin:0 auto;
}
* html #wrap {width:50em}
/* Default CSS
================================================*/
/* Basic styling, used when JavaScript is unsupported */
.cbb {
	margin:2em 0;
	padding:0 10px;
	border: none;
	background:#fff;
}
.cbb h1 {
	margin:0 -10px;
	padding:0.3em 10px;
	background:#efece6;
	font:bold 1.2em/1 Arial, Helvetica, sans-serif;
}
/* Normal styling */
.cb {margin:0.5em 0;}
	/* Top corners and border */
.bt {
	height:17px;
	margin:0 0 0 18px;
	background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/box.png) no-repeat 100% 0;
	_background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/box_ie.gif) no-repeat 100% 0;
	_margin:0 -2px 0 16px;
}
.bt div {
	position:relative;
	left:-18px;
	width:18px;
	height:17px;
	background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/box.png) no-repeat 0 0;
	font-size:0;
	line-height:0;
}

	/* Bottom corners and border */
.bb {
	height:14px;
	margin:0 0 0 12px;
	*margin-bottom: -7px; /*IE 7 bottom padding fix */
	background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/box.png) no-repeat 100% 100%;
	_background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/box_ie.gif) no-repeat 100% 100%;
	_margin:0 -2px  0 10px;
}
.bb div {
	position:relative;
	left:-12px;
	width:12px;
	height:14px;
	background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/box.png) no-repeat 0 100%;
	font-size:0;
	line-height:0;
}
	/* Left border */
.i1 {
	padding:0 0 0 7px;
	background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/borders.png) repeat-y 0 0;
}
	/* Right border */
.i2 {
	padding:0 7px 0 0;
	background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/borders.png) repeat-y 100% 0;
}


	/* IE6 Left border */
.i1 {

	_padding:0 0 0 5px;
	_background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/borders_ie.gif) repeat-y 0 0;
	
}
	/*IE6 Right border */ 
*.i2 {

	_padding:0 5px 0 0;
	_background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/borders_ie.gif) repeat-y 100% 0;
}

	/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	display:block;
	margin:0;
	padding:1px 5px;
	background:#fff;
}
	/* Make the content wrapper auto clearing so it will contain floats (see http://positioniseverything.net/easyclearing.html). */
.i3:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.i3 {display:inline-block;}
.i3 {display:block;}
/* Default CSS ends here */

/* Custom CSS
================================================*/
/* You can use different borders for different boxes on the same page. Just adjust the CSS. Here are a few examples, one of which uses the GIF images instead of the PNG images. Note that you can also adjust borders, heights and paddings this way. Remember to adjust the IE CSS as well. */

.one {
	position:absolute;
	top:0;
	right:0;
}
.two {
	float:left;
	width:45%;
}
.two .i1,
.two .i2 { background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/borders.gif); }
.two .bt,
.two .bt div,
.two .bb,
.two .bb div { background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/box.gif); }
#three {
	float:left;
	clear:both;
	width:80%;
}
#three .cb {
	float:left;
	width:40%;
}
.button {
	float:left;
	margin-top:0;
}
.button .bt {
	height:8px;
	margin:0 0 0 9px;
	background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/button.png);
}
.button .bt div {
	left:-9px;
	width:9px;
	height:8px;
	background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/button.png);
}
.button .bb {
	height:8px;
	margin:0 0 0 8px;
	background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/button.png);
}
.button .bb div {
	left:-8px;
	width:8px;
	height:8px;
	background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/button.png);
}
.button .i1 {
	padding:0 0 0 3px;
	background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/button-borders.png);
}
.button .i2 {
	padding:0 3px 0 0;
	background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/button-borders.png);
}
.button .i3 {
	padding:0 0.5em;
	background:#3a3d40 url(http://www.yr.co.nz/wp-content/themes/ynr/images/button.png) no-repeat -3px -8px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.button a:link,
.button a:visited,
.button a:hover {
	border:none;
	color:#fff;
}

/* Just a bit of styling for this demo page. Adjust as you wish. */
#absolute-wrapper {
	position:relative;
	height:9em;
}
.cb li {margin-left:1em;}


<!--[if lt IE 8]>
/* Required IE fixes
================================================*/
/* Serve gif images to IE/Win pre version 7 */
* html .i1,
* html .i2 {background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/borders.png);}
* html .bt,
* html .bt div,
* html .bb,
* html .bb div {background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/box.gif);}
/* Set a height to fix up some rendering issues. */
* html .i1,
* html .i3 {height:1px;}

/* Give the absolutely positioned box a width (including IE 7)*/
.one {width:70%;}

/* Custom rules for the buttons */
/* All IE versions need a width */
.button {width:20em;}
/* IE 7 does not need these */
* html .button .i1,
* html .button .i2 {background:transparent;}
* html .button .bt,
* html .button .bt div {background-image:url(images/button.gif);}
* html .button .bb,
* html .button .bb div {background-image:url(images/button.gif);}
<![endif]-->

/*  
-------------end-------------------Custom CSS fot glow box + ie fix----------------end-----------------------
*/

/* Typography */

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	}


h4{
margin:10px 0 0 0;
font-size:20px;
height: 24px;
}

h5{
font-size:12px;
font-family:Geneva, Arial, Helvetica, sans-serif;
background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/line_devider.png) no-repeat bottom;
padding: 0 0 30px 0;
height: 30px;
text-transform:uppercase;
}

h6{
width:300px;
font-size:11px;
font-weight:normal;
}

.entry h2{
font-size:40px;
height: 40px;
}

.entry h3{
margin-top:-10px;
font-size:32px;
height: 32px;
}

h1 {
	font-size: 4em;
	text-align: center;
	}

h2 {
	font-size: 1.6em;
	}

h2.pagetitle {
	font-size: 1.8em;
	}

#sidebar h2 {
	font-family: 'Lucida Grande', Verdana, Sans-Serif;
	font-size: 1.2em;
	}
	
#sidebar li {
list-style: none;
margin-left:-40px;
	}

.post{
padding: 5px 0 0 0;
}

.postcategory{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
margin: 0 0 0 7px;
}

.posttitle{
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#999999;
margin:-8px 0 0 7px;
}

html[xmlns*=""] body:last-child .posttitle {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#999999;
margin:-3px 0 0 7px;
}



@media all and (min-width:0px) {
	body:not(:root:root) .posttitle {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#999999;
margin:-4px 0 0 7px;
}
}

.moretext{
background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/more_link.gif) no-repeat right;
width:130px;
height:50px;
color:#FFFFFF;
text-align:right;
font-family:Helvetica, sans-serif;
font-variant:small-caps;
font-size:12px;
padding:4px 10px 4px 45px;
}

.more-link{
float:right;
}


#nav td {
border-bottom:#666 1px solid;
background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/blue_arrow.gif) no-repeat center left;
line-height:2;
padding: 0 0 0 20px;
font-weight:bold;
}

html[xmlns*=""] body:last-child #nav td {
border-bottom:#666 1px solid;
background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/blue_arrow.gif) no-repeat center left;
line-height:2;
padding: 0 0 0 30px;
font-weight:bold;
}



@media all and (min-width:0px) {
	body:not(:root:root) #nav td {
border-bottom:#666 1px solid;
background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/blue_arrow.gif) no-repeat center left;
line-height:2;
padding: 0 0 0 30px;
font-weight:bold;
}
}

#nav td a{
color:#000000;
}

#nav td a:hover{
color:#0099CC;
text-decoration:none;
}


.poll-question{
display:block;
margin:-5px 2px 0 2px;
text-indent:1px;
}

h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #b85b5a;
	}
	
.entry{
line-height: 1.8em;
padding: 0 10px 10px 10px;
margin:5px 0 5px 0;
}

.navigation{
padding: 10px 0 10px 0;
}

.navigation.prev {
	/*margin: -14px 0 0 0;*/
	text-align: left;
}

.navigation .next {
	/*margin: -14px 0 0 0;*/
	text-align: right;
	/*width:520px;*/
}


body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
margin: 0;
padding: 0;
}

.blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

#searchform{
margin:16px 6px 15px 6px;
font-size:10px;
background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/search_bg.gif) no-repeat;
padding: 0 0 0 13px;
/*padding-top: 3px;*/
*padding: 1px 0 0 9px;
}

.searchbox #s {
vertical-align:middle;
background-color:transparent;
border:0;
padding:1px 2px 2px 2px;
width:125px; /* the width of the actual search box, must be shorter than your image so it fits inside it. */
*width:115px;/* the width of the actual search box for IE7, must be shorter than your image so it fits inside it. */
height:20px;
color:#666666;
font-size:11px;
}
/*css to target safari*/
html[xmlns*=""] body:last-child #s{
width:130px;
}
/*css to target firefox*/
html:not([lang*=""]):not(:only-child) #s { 
padding-top:5px;
padding-left:5px;
}

.search_button{
vertical-align:middle;
margin:0 0 0 0;
*margin:-5px 0 0 0;
}
/*css to target safari*/
html[xmlns*=""] body:last-child .search_button {
margin: 1px 0 0 0;
}
/*css to target firefox*/
html:not([lang*=""]):not(:only-child) .search_button{ 
margin-top:-4px;
}

#emailForm{
width:148px;
height:65px;
padding: 0 0 0 2px;
line-height:2;
*line-height:1;
}

#eform{
padding-top:5px;
}

.email_button{
}

#emailForm .ebox{
height:25px;
background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/name_bg.gif) no-repeat;
}

html[xmlns*=""] body:last-child #emailForm .ebox{
background:none;
}

#emailForm .ebox2{
height:35px;
background:url(http://www.yr.co.nz/wp-content/themes/ynr/images/email_bg.gif) no-repeat;
}

html[xmlns*=""] body:last-child #emailForm .ebox2{
background:none;
}

#emailForm #emailname{
font-size:10px;
background-color:transparent;
border:none;
width:105px;
padding: 3px 10px 0 6px;
vertical-align:top;
color:#666666;
}

html[xmlns*=""] body:last-child #emailname{
width:122px;
}

#emailForm #emailaddress{
font-size:10px;
background-color:transparent;
border:none;
width:130px;
padding: 5px 10px 0 6px;
vertical-align:top;
color:#666666;
}


html[xmlns*=""] body:last-child #emailaddress{
width:147px;
}

#copyright{
background:#666666;
text-align:right;
padding:2px 5px 2px 0 ;
color:#CCCCCC;
}
	
/* End Typography & Colors */
	
/*
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
}
*/

/* Sidebar formatting */
/*sidebar formatting finished*/

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color:#CCCCCC;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}


/* post CSS*/


.utwtags {
font-variant:small-caps;
color: #333333;
} 

.utwtags a {
color: #333333;
}

.utwtags a:hover {
color: #0099cc;
}

#delicious h2{
padding:0px 20px 5px 25px;
font-size:20px;
}

#delicious li a{
padding-left:25px;
list-style-position:outside;
color:#666666;
}

#delicious li a:hover{
color:#999999;
text-decoration:none;
}



#delicious-box{
margin-bottom:-10px;
}


#democracy{
margin-top:50px}

.dem-results{
margin-left:10px;
}


/* post CSS end */


/* structure */
html{
height:auto;
}

body{
      margin:0;
      padding:0;
	  font-size: 62.5%;
	  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	  background-color:#333333;
	  min-height:100%;
	  _height: 100%;
}
   
#header{
height:100px;
background-image:url(http://www.yr.co.nz/wp-content/themes/ynr/images/head_img.png);
background-repeat:no-repeat;
}

#container{
width:745px;
position:absolute;
left:50%;
margin-left:-373px;
background:#FFFFFF;
min-height:100%;
_height:100%;
}

#mainColumn {
width:520px;
float:left;
padding: 10px 0px 10px 15px;
margin: -40px 0 0 0;
background:#FFFFFF;
min-height:100%;
_height:100%;
}

#sidebar {
width:195px;
float:right;
text-align:left;
text-indent:-10px;
background:#FFFFFF;
padding: 25px 10px 10px 5px;
min-height:100%;
_height:100%;
_display:inline;
}

.widget{
margin:-15px 0px 0px 0px;
left:-20px;
width:173px;
}

#footer {
width:745px;
margin: 0 auto 0 auto;
clear:both;
color:#666666;
}