/*   
Theme Name: Unicef
THEME URI: http://blog.unicef.co.nz
Author: Vimal Jobanputra
Version: 0.1
Author URI: http://thecosm.org
Description: Based on thematic (http://themeshaper.com/thematic/)
Template: thematic
*/
/*@import url(../thematic/style.css);*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');
/* Basic image layout */
@import url('../thematic/library/styles/images.css');
/* Apply a basic layout */
@import url('../thematic/library/layouts/3c-r-fixed.css');

/* Match main content and sidebar widths */
/*.main-aside {
    width:220px;
		right:0px;
}
#container {
    width:720px;
}
#branding, #header div.menu {
    width: auto;
}
#main {
	width:960px;
}
#content {
	width: auto;
}
*/

/* These styles fix the breaks in IE */
#main {
/*margin:0 auto;
overflow:hidden;
position:relative;*/
width:970px;
}

#container {
/*float:left;
margin:0 0 0 10px;
width:540px;*/
}

#primary {
/*float:right;
margin:0 10px 0 20px;*/
width:225px;
overflow: hidden;
}

#secondary {
/*float:right;
margin:0 0 0 10px;
width:140px;*/
}
/* These styles fix the breaks in IE */

/* ------------------------------------- */
/*Match the main body styles*/
body {
	/*from global.css*/
	background:transparent url(mainsite/assets/bg.png) repeat-x scroll 0 0;
	font-size:0.7em;
	line-height:normal;
	margin:0;
	padding:0;
	text-align:center;

	/*from from boss.editor.css*/
	color:#797979;
	font-family:verdana,arial,sans-serif;
}

/* ------------------------------------- */
/*Header*/
#header {
	width: 960px;
	margin:auto;
	text-align: left;
	text-align:left;
	height: 118px;
	color: #FFFFFF;	  
	position:relative;   
}

#blog-title {
	z-index: 2;
	position:absolute;
	left:10px;  
	top:29px;
}

#blog-description {
	position:absolute;
	left:180px;
	top:39px;
	background-image:url(mainsite/assets/strapline.png);		
	background-repeat:no-repeat;
	display: block;
	height: 0px !important;
	padding-top: 40px;
	padding-right:100px;
	overflow: hidden;
}

.skip-link {
    display:none;
}

#access{  
	position:relative;
	right:0px; 
	top:0px;
	height:118px;
	width:960px;
	text-align:right;
}

#top-links a {
	background-image:url(mainsite/assets/arrows.png);
	background-repeat:no-repeat;
	background-position:0px -97px;
	padding-left: 16px;
	font-size: 1.1em;
	color: #ffffff;
	z-index: 1;
	position:absolute;
	right:260px;
	top:39px;
}

/* Search form */
#searchform {
	position:absolute;
	right:15px;
	top:35px;
	height:118px;   
}

#searchform input {
	background-color:transparent;
	background-image: url(mainsite/assets//search.png);
	background-repeat:no-repeat;
	border:medium none;
	margin:0;
	padding: 0;
	font-size:11px; 
	line-height:18px; 
	width:220px;
	height:22px;
}  
.msie #searchform input{
	line-height:14px;
	padding-left:4px;
}

#searchform #searchsubmit {
	background-position:-299px 0;
	color:#FF0198;
	height:22px;
	width:46px;
	/* Fix the search box for ie6 */
	_margin-left: -3px;
}

#searchform #s {
	float: left;
	width:175px;
	padding:4px 0 0 4px;
	height:17px;
	color:#8C8C8C;
	margin: 0;
}

/* Main page */
.menu {     
	position:absolute;
	right:20px;
	top:94px;
	text-align: right;
}

.menu li {
	display: inline;
	padding-left: 30px;
	font-size: 1.2em;
}

.menu li a {
	color: #ffffff;
	text-decoration: none;
	display: inline;    
	font-size:1em;
}

.menu li a:link, .menu li a:visited {
}

.menu li a:hover, .menu li a:focus, .menu li a:active {
	color: #ffffff;
	text-decoration: underline;
}

.menu #ShopLink a {
	color: #ffff00
}

.menu #SubscribeLink a {
	background-image:url(mainsite/assets/rss.png); 
	background-repeat:no-repeat;
	background-position: -0px 0;
	padding-left: 21px;
}


/* ------------------------------------- */
/* Main page */
#main {
	background: url(mainsite/assets/body-bg.png) no-repeat scroll center top;
	margin:auto;
	padding: 20px 0 0;
	text-align:left;
}

.nav-previous {
	float:left;
	width:50%;
}
.nav-next {
	float:right;
	text-align:right;
	width:50%;
}

.nav-previous {
	float:left;
	width:50%;
}

h1, h2, h3, h4, h5, h6 {
	color: #000000;
	line-height:normal;
	padding-bottom: 0.1em;
	margin-bottom: 0.1em;
}
h1 {
	font-size:2.5em;	
}
h2 {
	font-size:2em;
}
h3{
	font-size:1.2em;	
}
h4{
	font-size:1.1em;	
}
h5{
	font-size:1.1em;	
}
h5{
	font-size:1.1em;	
}

.entry-content {
	font-size:12px;
	line-height:150%;
}

.entry-content p, .entry-content ul, .entry-content ol {
	margin: 0px 0 1.5em 0;
}

.entry-content li {
	padding-left: 1em;
	list-style-position: inside;
}

.entry-content ul li {
	list-style-type: disc;
}

.entry-content ol li {
	list-style-type: decimal;
}

.entry-content blockquote  {
	border-left: 1px dotted #CCCCCC;
	padding: 0 1em 0 1em;
	margin: 2em;
	font-style: italic;
}
.entry-content cite  {
	margin: 0 2em 0 2em;
	font-style: italic;
}


/* Blog posts - list */
div.post {
	margin: 0 0 20px 0;
	padding: 10px;      
	padding-bottom:20px;
	border-bottom: 1px solid #dddddd;
	clear: both;
}

div.post div.entry-meta {
	margin-top: 3px;
	font-style: italic;
	clear: both;
}

div.post span.meta-prep-entry-date {
	display: none;
}

div.post div.entry-content {
	margin: 10px 0 10px 0;
}

div.entry-utility {
	padding: 5px;
	background-color:#FFFFCB;
	line-height: 1.5em;
	font-style: italic;
}                         
div.entry-utility a {
	font-style: normal;
}

div.entry-utility span.comments-link a {
	background:transparent url(mainsite/assets/comment.png) no-repeat scroll;
	padding-left:18px;
}

div.post a.more-link {
	display: block;
	margin: 5px 0 5px 0;
	padding: 0;
}

/* Blog posts - single */
div.post h1.entry-title {
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
}

div.post a.share-bar {
	display: block;
	margin-top: 20px;
}

div#comments {
	padding: 10px;
	clear: both;
}

div#comments img.avatar {
	display: none;
}

div.comments {
	margin-bottom: 20px;
}

div.comments ol {
	padding: 10px;
}

div.comments li {	
	margin-bottom: 10px;
	padding: 5px;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	background: #F7F7F7;
}
div#comments-list .comment-author {
	float: left;
	width: 40%;
}
div#comments-list .comment-meta {
	float: right;
	width: 60%;
	text-align: right;
	font-style: italic;
}

div#trackbacks-list .comment-author {
	font-style: italic;
}

div.comments .comment-content {
	padding-top: 5px;
	clear: both;
}

div.comments .formcontainer {
	padding: 10px;
}

div.comments .form-section {
	margin-top: 10px;
}

/* Archive pages */
h1.page-title {
	color: #000000;
	border-bottom: 1px solid #CCCCCC;
}

/* ------------------------------------- */
/* Sidbar bits */
.main-aside {
	margin: 10px 0 0 0;
}

.main-aside h4, .main-aside h3 {
	color:#FF009A;  
	text-transform:uppercase;
}
.main-aside li a{
	font-size:1.1em;     
	line-height:1.3em;
}
.SidebarItem, .widgetcontainer {
	margin:0 0 20px 0px;
}

/* Social Media Links */
div#social-media-links {
	margin-top: 20px;
}
div#social-media-links img {
	padding-left: 5px;
	padding-bottom: 5px;
	border: 0;
}

#secondary {
	margin-right: 5px;
	text-align: right;
}

/* Text link - Global Parents */
.textwidget {
	padding: 2px;
}

/* Newsletter signup */
h5.email {
	color:#444444;
	font-size:11px;
}
#newsletter {width: 220px;}
#newsletter .body,#PasswordRemind .body,#Login .body  {padding: 5px 10px;}
#newsletter .body .bottom {margin-top:10px;}
#newsletter .body .bottom .left {width:50%;font-size:11px;}
#newsletter .body .bottom .right button {width:70px;}
#newsletter p {
	margin: 10px 0 10px 0;
}
#newsletter label.replace {
	display: none;
}
input.BossInput {
	background:transparent url(mainsite/assets/forms.png) no-repeat scroll 0 0;
	border:medium none;
	color:#8C8C8C;
	font-size:11px;
	height:17px;
	margin:2px 0;
	padding:4px 0 0 4px;
	width:200px;
}
button.button {
	background:transparent none no-repeat scroll 0 0;
	border:medium none;
	color:#FF0099;
	cursor:pointer;
	margin:0;
	padding:0;
}

button.button span {
	background-image:url(mainsite/assets/buttons.png);
	float:left;
	padding:3px 0 4px 0;
}
button.button .l {
	background-position:0 -27px;
	padding-left:8px;
	padding-right:3px;
}

button.button .r {
	background-position:100% -27px;
}

.box .head, .box .foot, .box .head span, .box .foot span {background-image : url(mainsite/assets/boxes.png);background-repeat: no-repeat;}
.box .head span, .box .foot span {display:block; width: 10px;}
.box .head, .box .head span {height: 6px;font-size:0;}
.box .body {border-width: 0 1px;border-style:solid;}
.box .foot, .box .foot span {height: 6px;font-size:0;}

.grey-box .head {background-position: 100% 0;}
.grey-box .body {background:#F7F7F7;border-color:#E1E1E1;}
.grey-box .foot {background-position: 100% -6px;}
.grey-box .foot span {background-position: 0 -6px;}

/* Tags */
#TagBox .body {
	padding:6px 10px;
}
#TagBox h4 {
	background:transparent url(mainsite/assets/icons.png) no-repeat scroll 0 0px;
	margin-bottom:4px;
	padding:1px 20px;
}

#TagBox a {
	font-size: 11px;
	color:#444444;	
	background-color: #c7e6fa;
	line-height: 24px;
	padding: 3px;
	margin: 3px;
	margin-left: 3px;
}
#TagBox a:hover, #TagBox a:focus, #TagBox a:active {
	text-decoration: none;
	color: #000000;	
}	

/* Hopper */
.hopper {margin:2px 0;font-weight:bold;}
.hopper .title {display:block;background: url(mainsite/assets/hoppers.png) no-repeat 0 0;height: 42px;font-size: 17px;color: #fff;line-height:39px;padding-left:20px;text-transform: uppercase;}
.hopper a:hover, .hopper li a:focus, .hopper li a:active {
	color: #ffffff;	
}
#Sidebar-Hoppers dd .body {display:none;}
.purple-hopper .title {background-position: 0 -43px;}
.green-hopper  .title {background-position: 0 -86px;}
/* ------------------------------------- */
/* General Styles */
a {text-decoration:none;color:#09f;}
a:hover {text-decoration:underline; color:#3EB1FE}
a.nohover:hover {text-decoration:none;}

.arrows .arrow {
	background-image:url(mainsite/assets/arrows.png);
	background-repeat:no-repeat;
	background-position:0px -6px;
	font-size:13px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:2px 0 2px 16px;
}
.arrow {background-image:url(mainsite/assets/arrows.png); background-repeat:no-repeat; }
.arrows .blue-right {background-position:0 -5px; padding-left:16px; }
.blue-right { background-position:100% -7px; padding-right:15px; }

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear:both;
}
/* ------------------------------------- */
/* Footer */
#footer {clear:both;height: 160px;background-color: #E5F5FF;border-top:1px solid #CCEBFF;margin-top:30px;}
#footer div.inner {margin:16px auto 0 auto;width:960px;font-size:12px;}
#footer div.inner ul {margin:0;padding:0 0 0 10px;text-align:left;float:left;}
#footer div.inner li {list-style:none;list-style-position:inside;}
#footer div.inner ul.heading {padding-left:15px;line-height:150%;}
#footer div.inner ul.heading li {float:left;padding-left:20px;margin-left:12px;}
#footer div.inner ul.heading li.visit {padding:0;margin:0;font-weight:bold;}
#footer div.inner ul.heading li.facebook{line-height:130%;background:url(mainsite/assets/icons.png) no-repeat 0 -32px;}
#footer div.inner ul.heading li.myspace{line-height:130%;background:url(mainsite/assets/icons.png) no-repeat 0 -48px;}
#footer div.inner div.links {float:left;padding:20px 0 0 0px;height:65px}
#footer div.inner div.links ul.arrows  li{width:135px;border-bottom:1px solid #D1EDFF;}
#footer div.inner div.links ul.arrows a {display:block;font-size:12px;}
#footer div.inner div.contact {float:right;line-height:160%;}
#footer div.inner div.contact  li {text-align:right;}
#footer div.inner div.contact  li.grey {color:#B1B8BC;}

#siteinfo {
	font-size: 0.8em;
	margin-top: 1.5em;
}
    
/* jarreds tweaks/changes */                            
/*.home .post .entry-utility{
	display:none;
}
*/#
form-allowed-tags{
	font-size:1.1em;
	line-height:1.3em;         
	padding-bottom:10px;
}
#form-allowed-tags code{
	font-family:inherit;
}
.home .post .entry-content{
	clear:both;
}               
.msie #siteinfo{
	padding-top:6px;
}   
.ie6 #secondary{
	width:130px;
}