/*
Theme Name: National
Theme URI: http://www.aarongilmore.org.nz/
Description: WP theme for the Aaron Gilmore - National Party Candidate Website
Version: 1.0
Author: Urbanite Design Studio.
Author URI: http://www.urbanitedesign.co.nz/
*/


/*** General Format ***/

body {
	font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #27013A;
	/*background: #FFFFFF url(img/bg.gif) repeat-x;*/
	background: url(img/headerbg.gif) no-repeat top center;
	color: #333333;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
a {
	color: #0b98d1 ;
	text-decoration: none;
}
a:visited {
	color: #0b98d1;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}

.similiar a {
	color: #0b98d1 ;
	text-decoration: none;
}
.similiar a:visited {
	color: #0b98d1;
	text-decoration: none;
}

img {
	border: none;
}
p {
	padding: 0px 0px 15px;
	margin: 0px;
}
h1 {
	margin:0px;
	padding-left: 0px;
	height: 50px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
	color: #ffffff;
}
h1 a, h1 a:visited{
	color: #ffffff;
	text-decoration: none;
}
h1 a:hover{
	color: #000000;
	text-decoration: none;
}
h2 {
	color: #002f5c;
	margin:0px;
	font: bold 23px Arial, Sans-Serif;
	padding-bottom: 3px;
	padding-left: 5px;
}
h2 a, h2 a:visited {
	text-decoration: none;
}
h2 a:hover {
	text-decoration: none;
}
h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #6699cc;
	margin: 10px 0px 5px;
}
h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #6699cc;
	margin: 10px 0px 5px;
	background-image:url(img/dots.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

h5 {
	color: #7CAF0D;
	font-size: 22px;
	font-family: Tahoma, Arial;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	}

h6 {
	color: #FAFAFA;
	margin:0px;
	font: bold 23px Arial, Sans-Serif;
	padding-bottom: 3px;
}

form {
	margin:0px;
	padding:0px;
}
#page {
	margin: 0px auto;
	width: 756px;
	background: url(img/postbg.gif) repeat-y;
	}
/*****************************************/
/* HEADER *                            /
/*****************************************/
 
#top {
 width:756px;
 background: url(img/headerbg.gif) no-repeat top center;
 height:192px;
 margin:0px;
 padding:0px;
 }
 
#header {
 width:756px;
 height: 187px;
 margin:0px;
 padding:0px;
 }
#header h1 {
 text-indent:-10000px;
 margin:0;
 padding:0;
 }
 
#header h1 a {
 display:block;
 height:51px;
 }
 
p.desc {
 float:left;
 margin:5px 0 0 0;
 padding:0;
 color:#fff; 
 } 
 
#jubow {
 background:#f3f2ed;
 height:30px;
 margin:10px auto; 
 width:505px; 
 float:left; 
 position:inherit;
 }

.title {
	padding:0px 0px 0px -2px;
}


/*****************************************/
/* NAVIGATION *                       /
/*****************************************/

#nav {
 width:100%;
 height:40px;
 line-height:40px;
 padding:0px; 
 margin:0px;
 }
 
ul.nav {
 list-style:none;
 font-size:11px;
 font-weight:bold;
 text-transform:uppercase;
 margin:0;
 padding:0;
 }
 
ul.nav li {
 float:left !important;
 list-style-type:none;
 margin:0;
 padding:0;
 }
 
ul.nav li a,ul.nav li a:link,ul.nav li a:visited {
 border-bottom:0;
 border-left:0;
 color:#FCFCFC;
 font-weight: bold;
 float:left;
 display:block;
 text-decoration:none;
 padding:0 15px;
 }

ul.nav li.current_page_item a:hover {
 text-decoration:none;
 color:#0b98d1;
 }
 
ul.nav li ul {
 float:left;
 margin:0;
 padding:0;
 }

ul.nav li.about a:hover {
 background:#292A23 url(img/hom.gif) center no-repeat;
 }

ul.nav li.archives a:hover {
 background:#292A23 url(img/ab.gif) center no-repeat;
 }
 
ul.nav li.contact a:hover {
 background:#292A23 url(img/ab.gif) center no-repeat;
 }
 
ul.nav li.subscribe a:hover {
 background:#292A23 url(img/ab.gif) center no-repeat;
 }
 
/*****************************************/
/* CONTENT *                              /
/*****************************************/

#content {
	padding: 10px 20px 10px 20px;
	background: #fff;
	width: 417px;
	margin:0px;
	overflow: hidden;
}

.content-surround { border:1px solid #002e59; }
.post {
	clear:both;
	padding-top: 10px;
}
.entry {
	float:left;
	width: 418px;
}
.post-views {
	background: #ffffff;
	padding-left: 7px;
	float:left;
	font-size: 95%;
	color: #c3c5c8;
}
.post-cat {
	background: url(img/folder.gif) no-repeat;
	float:left;
	font-size: 95%;
	color: #000000;
}
.postmetadata { 
	color: #000000; 
	font-size:12px; 
	padding:8px; 
	background:  url(img/meta.gif) repeat-x;
	height:25px;
}
.postmetadatap { 
	color: #000000; 
	font-size:14px; 
	padding:8px; 
	background: url(img/pback.jpg) repeat-x;
	height:60px;
}
.postrss{
	color: #000000;
	font-size:13px;
	padding: 3mm;
	border: thin dotted #2c2c2c;
	font: verdana;
}
.post-comments {
	padding-left: 20px;
	float: right;
	font-size: 95%;
}

.post-calendar {
	padding-left: 7px;
	float: left;
	font-size: 11px;
	color: #B2B2AD;
	border-bottom: 3px solid #979797;
	width: 100%;
}

.googleads{
	width:412px;
	background: url(img/relatedbg.gif) repeat-x;
	float:left;
	color:#666;
	margin:5px 0 5px 5px;
	padding:0 5px 5px 0px;
}

.similiar{
	width:560px;
	float:left;
	color:#434340;
	text-align:justify;
	margin:0px auto;
	padding:5px 6px 0px;
}

.similiar h2{
	color:#2E2E2C;
	font-size: 20px;
}

.ads {
	width:412px;
	height: 150px;
	background: #FAFAFA;
	border: 1px solid #eee;
	float:left;
	color:#fff;
	margin:10px 0 5px 0px;
	padding:0 5px 5px 0px;
}

.ads img{
	border: 8px solid #D1D1D1;
	margin: 20px 70px 25px 70px;
}

.post-content {
	clear: both;
	padding: 5px;
	padding-top: 5px;
}

.icons img{
	padding-right: 20px;
	padding-top: 5px;
}
.navigation {
	clear: both;
	padding: 10px 0px;
}
.navigation a, .navigation a:visited {
	color: #0b98d1;
}
div.pagination {
	padding:3px;
	margin:10px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #2C2C2C;
	text-decoration: none; 
	color: #fff;
	background: #2C2C2C url(img/poff.gif);
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #AAD83E;
	color: #FFF;
	background: #AAD83E url(img/pon.gif);
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #AAD83E;
	font-weight: bold;
	background: #AAD83E url(img/pon.gif);
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}

blockquote{
	margin: 0px 25px 15px 15px;
	padding: 0px 25px 0px 10px;
	background: #3E3E3E url(img/bqdown.gif) bottom right no-repeat;
	color: #fff;
	}
	
#content blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 25px 30px 25px 33px;
	background: transparent url(img/bqtop.gif) top left no-repeat;
	}
	
/* comments  */
#comments, #respond {
	padding: 10px 0 5px 0;
	clear: both;
}
.commentlist {
	margin: 10px 0px;
	padding-left: 20px;
	line-height: 12px;
}
.commentlist li{
	padding: 5px 10px;
	margin-top: 10px;
	line-height: 20px;
	background: #fff;
	border: 1px dotted #C1C1C1;
}
.commentlist .alt {
	background: #fff;
	margin-top: 10px;
	border:1px dotted #C1C1C1;
	color:#363636;
}
.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
	font-weight: bold;
	font-style: normal;
	font-size: 120%;
	color: #43463E;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}

.commenttext {
	margin-top: 10px;
	font-size: 12px;
}

#commentform {
	margin-top: 10px;
	font: 110% Arial, Helvetica, sans-serif;
}
#commentform p {
	padding: 6px 0px;
	margin: 0px;
}
#commentform label{
	color: #696c69;
	font-size: 87%;
}
#commentform input{
	width: 300px;
	background:#FFFFFF;
	border: 1px solid #9D9D9D;
	padding: 3px;
	margin-top: 3px;
}
#commentform textarea{
	width: 412px;
	height: 200px;
	background:#FFFFFF;
	border: 1px solid #9D9D9D;
	padding: 2px;
	margin-top: 3px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	background: #ffffff;
}
#commentform #submit{
	background: #9BCB05 url(img/inp.gif) repeat-x;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #363939;
	border:1px solid #ADD605;	
    float:left;
	width: 144px;
	height: 28px;
	cursor: pointer;
}
/*sidebar */
#sidebar { padding:0px 5px 0px 0px; width:290px; overflow:hidden; }
#misc{
	width:295px;
	margin:0 0 0px 0px;
	padding:0; 
	background:#0053a0 url(img/miscbg.gif) repeat-x; 
	float:left;
}
#info{
	width:270px;
	font-size:11px;
	margin:0px 0 0px 0;
	padding: 10px 10px 0px 10px; 
	float:left;
	color: #fff;
}

#left {
	float: left;
	width: 250px;
	margin-left:35px;
	margin-bottom:10px;
}

/*sidebar title  */
#sidebar h3, #sidebar .sidebartitle{
	font: normal 18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #fff;
	margin: 5px 0px 2px;
}
/*sidebar text styles */
#sidebar #left a{
	color: #3B3C39;
    font-size: 12px;
	text-decoration: none;
}

#sidebar #left a:hover{
	color: #B4D300;
    font-size: 12px;
	text-decoration: none;
}

#sidebar #misc a{
	color: #AFDA11;
    font-size: 12px;
	text-decoration: none;
}

#sidebar #misc a:hover{
	color: #3B3C39;
    font-size: 12px;
	text-decoration: none;
}


#sidebar a, #sidebar a:visited{
	color: #fff;
    font-size: 12px;
	text-decoration: none;
}
#sidebar a:hover{
	color: #B4D300;
    font-size: 12px;
	text-decoration: none;
}
/*sidebar list level1 */
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
/*sidebar list level2 */
#sidebar ul li ul {
	padding:0;
	margin: 0;
}
#sidebar ul li ul li{
	padding: 8px 2px 0px 5px;
	border: none;
}
/*sidebar list level3 */
#sidebar ul li ul li ul li{
	padding: 1px 0 5px 0px;
	border: none;
}
/*blogroll widget */
ul.list-blogroll li{
	padding-left: 5px !important;
}
/*meta  widget*/
ul.list-meta li{
	padding-left: 5px !important;
}

/*category  widget */
ul.list-cat li, li.bar_categories li{
	padding-left: 5px !important;
}
/*recent  widget  */
ul.list-rec li, li.bar_comments ul li {
	padding-left: 5px !important;
}
/*archives widget */
ul.list-archives li, li.bar_archives li{
	padding-left: 5px !important;
}
/*pages widget */
ul.list-page li, li.bar_pages li, li.bar_recent_entries li{
	padding-left: 5px !important;
}
/*sub-pages widget */
ul.list-page li ul li, li.bar_pages li ul li{
	padding-left: 15px !important;
}
/*calendar bar widget */
li.bar_calendar td {
	padding: 1px 7px;
}
/*text bar */
.textbar {
	padding-top: 5px;
}
/*search form */
#bsearch{
	width:295px;
	height: 35px;
	font-size:11px;
	margin: 0 0 0 0px;
	padding-top:15px; 
	background:#0093d0;
	float:left;
	color: #ffffff;
}
#searchform {
	height:20px;
	line-height:20px;
	float:left;
	padding-top:0px;
	margin:0;
	}
#searchform br {
	display: none;
}
#searchform #s {
	width: 150px;
	height: 16px;
	padding: 2px 0px 2px 0px;
	background: #FFFFFF;
    border:1px solid #eee;
	margin-right: 5px;
	color: #4B4B46;
	font-weight: normal;
}
/* search form button - to specify button only use input[type="submit"] */
#searchform input {
	background:#0053a1 url(img/but.gif) repeat-x;
	border:1px solid #002d58;
	width: 50px;
	height: 22px;
    font: 12px Arial, Helvetica, sans-serif;
	color: #fff;
	vertical-align: middle;
}

/* page close */
#close {
	clear: both;
	background: #ffffff;
	line-height: 130%;
	padding-bottom: 0px;
	
	
}
/* footer bar */

#footerbg { background:#ffffff; }

#footer { color:#002e59; font-weight:normal; width:756px; margin:0px auto 0px; padding:0px; text-align:center; }
	
#footer a, #footer a:visited{ color:#0b98d1; font-weight:normal; text-decoration:none; padding-right:15px; }
#footer a:hover { text-decoration:underline; }

.mania { background: #D6E3EA; position: absolute; top: 0; left: 0; width: 500px; height: 200px; } .mania h2 { font-size: 2.5em; }
/* alignments */
.center { text-align:center; }
img.center, img[align="center"] { display:block; margin-left:auto; margin-right:auto; }
.alignleft { float:left; padding-left:15px; }
img.alignleft, img[align="left"] { float:left; margin:2px 10px 5px 0px; }
.alignright { float:right; padding-right:15px; }
img.alignright, img[align="right"] { float:right; margin:2px 0px 5px 10px; }

ul.footernav { list-style:none; font-size:11px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; }
ul.footernav li { float:left !important; list-style-type:none; margin:0px; padding:0px; }
/*ul.footernav li a,ul.footernav li a:link,ul.footernav li a:visited { border-bottom:0; border-left:0; color:#0b98d1; float:left; display:block; text-decoration:none; padding:0 15px; }*/

/*ul.nav li.current_page_item a:hover { text-decoration:none; color:#0b98d1; }*/

.clear { clear:both; }
hr.clear { clear:both; visibility:hidden; margin:0px; padding:0px; }





/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu { width:745px; height:32px; position:relative; z-index:100; font-family:arial, sans-serif; }
/* hack to correct IE5.5 faulty box model */
* html .menu { width:746px; w\idth:745px; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul { padding:0; margin:0; list-style-type:none; }
.menu ul ul { }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li { float:left; position:relative; }
/* style the links for the top level */
.menu a, .menu a:visited { display:block; text-decoration:none; color:#fff; padding-left:10px; font-weight:bold; }
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited { }

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited { background:#003e78; }
/* style the second level hover */
.menu ul ul a.drop:hover{ background:#003e78; }
.menu ul ul :hover > a.drop { background:#003e78; }
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited { background:#e2dfa8; }
/* style the third level hover */
.menu ul ul ul a:hover { background:#b2ab9b; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:absolute; height:0; top:30px; left:0; width:200px; }
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:200px; top:-1px; width:200px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-200px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table { position:absolute; top:0; left:0; border-collapse:collapse; }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { background:#003e78; color:#fff; height: 20px; line-height: 20px; padding:5px 10px; width:179px; }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { width:201px; w\idth:179px; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{ color:#0b98d1; }
.menu :hover > a, .menu ul ul :hover > a { color:#0b98d1; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}



/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}



#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_badge_uber_wrapper {width:150px;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	}
	
	.alignright {
	float: right;
	}

.alignleft {
	float: left
	}