/* ARAB
Theme Name: 15 and counting
Theme URI: http://wordpress.org/
Description: 15 AND COUNTING default wordpress theme
Version: 1.6
Author: LargeBlue
Author URI: http://largeblue.com
Tags: blue, custom header, fixed width, two columns, widgets

*/

/*	-------------------------------------------------------------
	1. Globals
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

*	{
	margin			: 0;
	padding			: 0;
	}

body {
	font-size		: 18px;
	font-family		: Arial, Sans-Serif;
	color			: #5A4A42;
}

.clear { clear: both; font-size: 0; line-height: 0; height: 0; }

.float-left { float	: right }

.float-right { float	: left }

/*	-------------------------------------------------------------
	2. Typography and colors
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
a{
	color			: #009FDA;
	text-decoration : none;
}

a img {
	border			: none;
}

a:hover {
	color			: #ED1E79 !important;
}

a.rollover, h2.rollover {
	background		: transparent 0px 0px no-repeat;
	display			: block;
	height			: 24px;
	overflow		: hidden;
}

a.rollover:hover {
	background-position: 0px -29px;
}

a.rollover img {
		visibility		: hidden;
}

a.count-in {
	background-image: url(img/txt-count-me-in.png);
}

a.tell-friends {
	background-image: url(img/txt-tell-your-friends.png);
}

p {
	font-size		: 18px;
	margin			: 0 0 10px;
}

p.hilight {
	margin			: 0 0 8px;
}

#header h1 {
	float			: right;
}

h1, h2, h3 {
	font-weight		: bold;
	font-family		: Georgia,serif;
	color			: #5A4A42;
}

h1 a, h2 a, h3 a {
	color			: #5A4A42;
}

h2 {
	font-size		: 32px;
}

h2.secondary, h2.secondary a {
	color			: #EB008B;
	margin			: 0 0 15px;
}

h2.tertiary, h2.tertiary a {
	color			: #009FDA;
	margin			: 0 0 15px;
}

h3 {
	font-size		: 24px;
	margin			: 0 0 5px;
}

.header-top h2, .header-top h2 a {
	color			: #fff;
}

.hilight {
	color			: #ED1E79;
}

.highlight {
	color			: #ED1E79;
	font-size		: 17px;
}

.error-text {
	background		: url(img/exclamation.png) no-repeat 100% 50%;
	clear			: both;
	display			: block;
	padding			: 2px 5px;
	text-indent		: 13px;
}
/*	-------------------------------------------------------------
	3. Layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#page {
	margin			: 20px auto;
	width			: 965px;
}

#navigation {
    clear           : left;
	float        	: left;
	font-size    	: 22px;
	margin			: 30px 0 0;
	width			: 380px;
}

#navigation	li {
	display			: block;
	float			: left;
	height     		: 20px;
	list-style		: none;
	margin			: 0 0 3px 5px;
	overflow		: hidden;
}

#navigation	li, #navigation	a {
  background-repeat	: no-repeat;
	height			: 20px;
	float			: left;
}

#navigation a:hover, #navigation li.selected a {
	background-position : 0 -30px;
}

#navigation	li#nav-home a, #navigation	li#nav-home {
	background-image: url(img/_navi-home.png);
	width			: 125px;
}

#navigation	li#nav-about a, #navigation	li#nav-about {
	background-image: url(img/_navi-about.png);
	width			: 80px;
}

#navigation	li#nav-petition a, #navigation	li#nav-petition {
	background-image: url(img/_navi-petition.png);
	width			: 61px;
}

#navigation	li#nav-blog a, #navigation	li#nav-blog {
	background-image: url(img/_navi-blog.png);
 	width			: 47px;
}

#navigation	li#nav-contact a, #navigation li#nav-contact {
	background-image: url(img/_navi-contact.png);
	width			: 68px;
}

#navigation	li#nav-links a, #navigation	li#nav-links {
	background-image: url(img/_navi-links.png);
	width			: 65px;
}
#navigation	li#nav-resources a, #navigation	li#nav-resources {
	background-image: url(img/_navi-resources.png);
	width			: 145px;
}

#navigation a {
	color			: #009FDA;
	display			: block;
	text-decoration	: none;
}


#content {
	margin			: 20px 0 0;
}

.widecolumn {
	float			: right;
	margin			: 0px 0 0;
	width			: 642px;
}

.narrowcolumn {
	float			: right;
	margin			: 0px 0 0;
	width			: 642px;
}

.column {
	float			: right;
	padding			: 0 0 20px 60px;
	margin			: 0px 0 0;
	width			: 564px;
}

#sidebar {
	color			: #fff;
	float			: left;
	margin			: 20px 0 0;
	width			: 310px;
}

#sidebar div.top{
	background		: url(img/box/top.png) no-repeat 0 0;
	height			: 10px;
}

#sidebar div.header-top {
	background-color: #5A4A42;
	height			: 33px;
}

#sidebar div.middle{
	background		: #5a4a42 url(img/box/middle.png) repeat-y 0 0;
	padding			: 10px;
}

#sidebar div.middle a{
	color			: #009FDA;
	text-decoration : none;
}

#sidebar div.top h2{
	font-size		: 28px;
}

#sidebar h2{
	font-size		: 22px;
	font-weight		: normal;
}

#sidebar div.bottom{
	background		: url(img/box/bottom.png) no-repeat 0 0;
	height			: 12px;
}

#sidebar div.top h2 {
	display			: block;
	padding			: 4px 0 0 10px;
}

#sidebar div.white-top {
	background-image: url(img/box/top-white.png);
	height			: 11px; 
}

#sidebar div.white-middle {
	background-image: url(img/box/middle-white.png);
	color			: #5A4A42;
}

#sidebar div.white-bottom {
	background-image: url(img/box/bottom-white.png);
	height			: 11px; 
}

#sidebar div.friends-top {
	background-image: url(img/box/top-friends.png);
	height			: 33px; 
}

#sidebar.search {
	width			: 310px;
}

.search-form {
	padding			: 0 10px;
}

#sidebar.search div.top{
	background-image: url(img/side-bar-top-search.png);
	height			: 101px;
}

#sidebar.search div.middle{
	background-image: url(img/side-bar-middle-search.png);
}

#sidebar.search div.bottom{
	background-image: url(img/side-bar-bottom-search.png);
	height			: 11px;
}

#sidebar ul {
	list-style		: none;
}

#sidebar ul.list {
	margin			: 0 0 10px;
}

#sidebar ul.list li {
	background		: url(img/dash.png) 100% 5px no-repeat;
	padding			: 0 20px 0 10px;
}

.post ul {
	float			: right;
	margin			: 0 13px 10px 0;
}
/*	-------------------------------------------------------------
	4. Forms
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.spacer { clear: both; font-size: 0; line-height: 0; height: 10px; }

fieldset {
	border			: none;
}

fieldset label{
	display			: block;
	margin			: 0 0 2px;
}

.friends-form label {
	color			: #5A4A42
}

input[type=text], input[type=password] {
	border			: solid 1px #acacac;
	color			: #666;
	height			: 18px;
	padding			: 4px 0 0;
	width			: 260px;
}

input.submit {
	border			: none;
	background		: none;
	cursor			: pointer;
	font-family		: Georgia,serif;
	font-weight		: bold;
	font-size		: 24px;	
	color			: #009FDA;
}

input.submit:hover {
	color			: #ED1E79;
}

textarea {
	border			: solid 1px #acacac;
	color			: #666;
	height			: 89px;
	width			: 100%;
}

select {
	border			: solid 1px #acacac;
	color			: #666;
	height			: 24px;
	padding			: 4px 0 0 5px;
}

input:focus, textarea:focus{
	border			: solid 1px #0093D0 !important;
	background		: #e4eef8 !important;
}

input.narrow {
	width			: 38px;		
}

input.wide, div.narrower select {
	width			: 228px;
}

input.err-field {
	background		: #fbe3e4;
	border			: solid 1px #ff0000;
}

button.submit {
	background		: none;
	border			: none;
	cursor			: pointer;
	text-align		: right;
}

input.checkbox {
	margin			: 2px 5px 0 0;
}
/* friend form specific */

input.friend-input {
	width			: 285px;
}

input.friend-narrow {
	width			: 230px;
}

.add-remove {
	clear			: both;
	float			: left;
	margin			: 23px 0 0;
}

.search-form input {
	border			: solid 1px #acacac;
	float			: right;
	margin			: 0 10px 0 0;
	width			: 240px;
}
h2.search {
	margin-right	: 10px;
}
.search-form input.submit {
	border			: none;
	float			: none;
	margin			: -2px 5px;
	width			: auto;
}

.search-form button  {
	float			: right;
}

input.button {
	border			: none;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor			: pointer;
	height			: 16px;
	overflow		: hidden;
	text-align		: left;
	text-indent		: 20px; 
	width			: 16px;
	
	color			: transparent;
    text-transform	: capitalize;
}

input.button.add {
	background-image: url(img/plus.png);
}

input.button.delete {
	background-image: url(img/minus.png);
}

input.send-button {
	background		: #fff url(img/send-btn.png) 0 0 no-repeat;
	border			: none;
	cursor			: pointer;
	height			: 26px;
	overflow		: hidden;
	text-align		: left;
	text-indent		: 60px;
	width			: 57px;

	color			: transparent;
    text-transform	: capitalize;
}

input.sign-button {
	background		: url(img/sign-btn.png) 0 0 no-repeat;
	border			: none;
	cursor			: pointer;
	height			: 26px;
	overflow		: hidden;
	text-align		: left;
	width			: 204px;

	color			: transparent;
    text-transform	: capitalize;
}

input.sign-button:hover {
	background-image : url(img/sign-btn-2.png);
}

input.send-button:hover {
	background-image : url(img/send-btn-2.png);
}

input.submit-button {
	background		: #fff url(img/submit-btn-w.png) 0 0 no-repeat;
	border			: none;
	cursor			: pointer;
	height			: 26px;
	overflow		: hidden;
	text-align		: left;
	text-indent		: 96px;
	width			: 93px;

	color			: transparent;
    text-transform	: capitalize;
}

input.submit-button:hover {
	background-image : url(img/submit-btn-w-2.png);
}

/* respond to comment */
#respond {
	width			: 540px;
}

#respond .name{
	float			: left;
	width			: 260px;
}

#respond textarea {
	border			: solid 1px #acacac;
	height			: 122px;
	width			: 536px;
}

#respond .email{
	float			: right;
	width			: 260px;
}

#respond label {
	color			: #EC297B;
	font-size		: 13px;
}

#footer {
	padding			: 0;
	margin			: 0 auto;
	width			: 760px;
	clear			: both;
	}

#footer p {
	margin			: 0;
	padding			: 20px 0;
	text-align		: center;
	}

.undecorate {
	background		: none;
	border			: none;
	margin			: 0;
	padding			: 0;
}

/*	-------------------------------------------------------------
	5. Tables in petition page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

table#petition {
	margin			: 8px 0 0;
	padding			: 0;
	width			: 620px;
}

table#petition th {
	color			: #EC297B;
	text-align		: right;
}

table#petition th, table#petition td {
	padding			: 2px 5px;
}

table#petition td {
	background		: url(img/_petition-border.png) 0 0 repeat-x;
	font-size		: 13px;
}

div.petition {
	width			: 642px;
}

.petition div.top{
	background-image: url(img/_petition-top.png) !important;
}

.petition div.middle{
	background-image: url(img/_petition-middle.png) !important;
}

.petition div.bottom{
	background		: #fff url(img/_petition-bottom.png) no-repeat 0 0 !important;
	height			: 44px !important;
}

.petition .pagination ul {
    height          : 17px;
    overflow        : hidden;
    width			: 630px;
}

.pagination {
	padding			: 20px 0 0 10px;
	font-size       : 13px;
	direction: ltr;
}

.pagination li {
	float			: left;
	list-style		: none;
	margin			: 0 5px 0 0;		
}

.pagination li a {
	color			: #fff !important;
}

.pagination li a:hover {
	color			: #F6A0A6 !important;
}

.pagination li {
	color			: #F6A0A6;
}

.pagination li.nextpage, .pagination li.disabledpage {
	border-right: solid 1px #fff;
	color			: #F6A0A6;
	padding		: 0 5px 0 0;
}

/*	-------------------------------------------------------------
	6. Blog
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.post {
	width			: 642px;
}

.post div.top{
	background		: url(img/_blog-top.png) no-repeat;
	background-position: 0 100%;
	height			: 13px;
}

.post div.middle{
	background		: url(img/_blog-middle.png) repeat-y 0 0;
	padding			: 0 10px;
}

.post div.bottom{
	background		: url(img/_blog-bottom.png) no-repeat 0 0;
	height			: 34px;
}

h2.title, h2.title a, h3.title, h3.title a {
	color			: #ED1E79;
	text-decoration : none;
}

.post .date, .comment .date a {
	color			: #f594bd;
	font-size		: 17px;
	text-decoration	: none;
}

.post div.middle p {
	margin			: 10px 0 0;
}

.post .postmetadata {
	margin			: 10px 0 0;
	zoom:1;
}

.postmetadata {
	float			: right;
}

.postmetadata .left {
	background		: url(img/_blog-meta-right.png) 0 0 no-repeat;
	display			: block;
	float			: right;
	height			: 31px;
	width			: 7px;
}

.postmetadata .center {
	background		: #6caedf url(img/_blog-meta-center.png) 0 0 repeat-x;
	display			: block;
	float			: right;
	height			: 27px;
}

.postmetadata .center{
	color			: #fff;
	padding			: 2px 4px 0;
}

.postmetadata .center a{
	color			: #fff;
	text-decoration	: none;
}

.postmetadata .right {
	background		: url(img/_blog-meta-left.png) 0 0 no-repeat;
	display			: block;
	float			: right;
	height			: 31px;
	width			: 7px;
}

.postmetadata .bottom {
	background		: url(img/_blog-meta-bottom.png) 0 0 no-repeat;
	display			: block;
	height			: 14px;
	margin			: -6px 37px 0 0;
	position		: absolute;
	width			: 35px;
	
}


/*	-------------------------------------------------------------
	7 . Comments
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.comment {
	margin			: 0 0 10px;
	width			: 642px;
}

.comment div.top {
	background		: url(img/_comment-top.png) 0 no-repeat;
	height			: 33px;
}

.comment div.middle {
	background		: url(img/_comment-middle.png) 0 repeat-y;
	padding			: 0 10px;
}

.comment div.bottom {
	background		: url(img/_comment-bottom.png) 0 no-repeat;
	height			: 12px;
}

.comment .date a:hover {
	text-decoration	: underline;
}

.comment-author, .comment-author a {
	font-size		: 13px;
	color			: #EC297B;
	text-decoration	: none;
}

.comment-author a:hover {
	text-decoration	: underline;
}

#respond {
	margin			: 20px 0 0;
}

ol {
	list-style		: none;
}

h2#comments, h2.pagetitle {
	color			: #ED1E79;
	padding			: 0 0 0 12px;
}

h2.pagetitle {
	margin			: 0 0 10px;
}


/*
*/

.survey {
	color			: #5A4A42;
}

.survey label {
	clear			: both;
	display			: block;
	font-size		: 12px;
	margin			: 10px 0 0;
	padding			: 0 0 0 15px;
}

.survey label.government {
	color			: #a8a09c;
}

.survey select, .survey div.skinned-select .select-text {
	margin-top		: 7px;
	padding-top		: 0px;
}

.survey .float-left, .survey .float-right {
	width			: 264px;
}

.survey .float-left .error-text {
	float			: left;
}

.survey .float-right .error-text {
	float			: right;
}


/* skinned select */

div.skinned-select {
	background: url('img/select.png') no-repeat scroll 0;
}
div.skinned-select select {
	opacity: 0;
	position: relative;
	z-index: 100;
}
div.skinned-select .select-text {
  position: absolute;
	text-indent: 10px;
	line-height: 19px;
	z-index: 1;
}
div.skinned-select .select-text{
	font-size: 12px;
	height  : 12px;
	overflow: hidden;
	padding : 3px 0 5px 5px;
	width: 254px;
}

div.skinned-select select, .select-text{
	width : 262px;
}

div.skinned-select select, select option {
	padding : 5px 0 5px 5px;
	font-size: 10px;
	color: #666;
}

div.skinned-select.narrower {
	background     : #fff url('img/select-228.png') no-repeat scroll 0 50%;
	color          : #666;
	width          : 238px;
}

div.narrower div.skinned-select .select-text{
	width: 220px;
}

div.narrower div.skinned-select select, div.narrower .select-text{
	width : 228px;
}

div.narrower select{
	width : 228px;
}

button.sign-submit:hover {
	background: url(img/sign-petition-2.png) 4px 1px no-repeat;
}

button.sign-submit:hover img {
	visibility: hidden;
}

.readmore {
	height		: 15px;
	overflow	: hidden;
}

.readmore.expanded {
	background	: none;
	height		: auto;
}

.readmore-link {
	display		: block;
}

/*	-------------------------------------------------------------
	Home page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.second-colour div.top{
	background-image: url(img/_second-top.png);
}

.second-colour div.middle{
    background-color: #f33c8b;
	background-image: url(img/_second-middle.png);
	color			: #fff;
	margin-right    : 2px;
}

.second-colour div.bottom{
	background-image: url(img/_second-bottom.png);
	height			: 30px !important;
}

.second-colour h2, .second-colour h2 a, .second-colour h3, .second-colour h3 a,
.third-colour h2, .third-colour h2 a, .third-colour h3, .third-colour h3 a {
	color : #fff;
}

.second-colour .middle h2, .third-colour .middle h2 {
	margin-top			: -3px;
}

.second-colour div.middle, .third-colour div.middle {
	padding-left		: 140px;
}


/*	-------------------------------------------------------------
	About
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.third-colour div.top{
	background-image: url(img/_third-top.png);
}

.third-colour div.middle{
    background-color: #6caedf;
	background-image: url(img/_third-middle.png);
	color			: #fff;
	margin-right     : 2px;
	padding-left	: 140px;
}

.third-colour div.middle a {
	color			: #fff;
	text-decoration	: underline;
}

.third-colour div.bottom{
	background-image: url(img/_third-bottom.png);
	height			: 30px !important;
}

.left-col {
	float			: right;
	margin			: 10px 15px 0 0;
	width			: 290px;
}

.right-col {
	float			: left;
	margin			: 10px 0 0 15px;
	width			: 290px;
}

.unibody {
	margin			: 10px 15px 0;
}

.link-list a {
	display			: block;
	margin-bottom	: 5px;
}


ul.no-decor {
	list-style		: none;
}

.third-colour.contact-form div.bottom {
	background-image: url(img/contact-bottom.png);
	height			: 31px !important;
}

#contact-form input {
	margin-left		: 20px;
	width			: 280px;
}

#contact-form textarea {
	height			: 120px;
	width			: 280px;
}

#contact-form input.submit {
	width			: auto !important;
}

#contact-form dt {
	clear			: both;
	float			: right;
	font-size		: 13px;
}

#contact-form dd {
	float			: right;
	font-size		: 13px;
}
#contact-form dt, #contact-form dd {
	display			: block;
	height			: 25px;
}

#langs {
    float           : left;
	width			: 220px;
}

#langs li {
	float			: left;
	display			: block;
	height			: 12px;
}

#langs li a {
	background		: url(img/langs.png) 0 0 no-repeat;
	display			: block;
	height			: 12px;
	overflow		: hidden;
	text-indent		: 400px;
	font-size		: 14px;
	width			: 53px;
}

#langs li a.en:hover {
	background-position	: 0 -14px;
}

#langs li a.es {
	background-position	: -54px 0px;
}

#langs li a.es:hover {
	background-position	: -54px -14px;
}

#langs li a.fr {
	background-position	: -108px 0px;
}

#langs li a.fr:hover {
	background-position	: -108px -14px;
}

#langs li a.ar {
	background-position	: -164px -14px;
}

#langs li a.ar:hover {
	background-position	: -164px -14px;
}
/**/
a.pdf, a.doc {
	background		: url(img/pdf.png) 100% no-repeat;
	clear			: both;
	display			: block;
	float			: right;
	margin			: 0 0 10px;
	padding			: 6px 30px 0 0;
	vertical-align	: middle;
}

a.doc {
	background-image	: url(img/doc.png)
}

.pdf span.links, .doc span.links{
	display			: block;
	color			: #009FDA;
    text-align      : right;
	direction       : ltr;
	font-size       : 13px;
}

#sidebar div.friends-top-new {
	background-image: url(img/friends-top.png);
	height			: 12px; 
}

#sidebar div.friends-middle-new {
    background-color: #fff;
	background-image: url(img/friends-middle.png);
	color			: #5A4A42;
}

#sidebar div.friends-middle-new h2, #sidebar div.friends-middle-new h2 a {
	color			: #009FDA;
	font-family		: Georgia,serif;
	font-size		: 24px;
	font-weight		: bold;
}

#sidebar div.friends-middle-new label {
	font-weight		: normal;
}

#sidebar div.friends-bottom-new {
	background-image: url(img/friends-bottom.png);
	height			: 35px;
}

.georgia {
	font-family		: Georgia,serif;
	font-weight		: bold;
}

div input.count-me-in-submit-button {
	background		: url(img/count-in-bg.png) 0 0 no-repeat;
	height			: 36px;
	width			: 164px;
}

.pet-box-header {
    padding-right : 10px;
}


#petition .comments {
    overflow    : hidden;
    width : 250px;
}

div.secondary-colour-new, div.secondary-colour-new h3 {
    color       : #009FDA;
	font-family		: Georgia,serif;
    font-weight : bold;
}

div.secondary-colour-new h3 {
    font-size : 22px;
}

div.secondary-colour-new a {
    color       : #ED1E79;
}

div.secondary-colour-new a:hover {
    color       : #009FDA !important;
}

p.superlarge {
    color           : #d6d2d0 !important;
    margin-top      : -10px;
}

p.superlarge a {
    color           : #1796bb !important;
}
p.superbig, p.superbig a {
    font-size       : 32px !important;
}

p.superlarge .hilight {
    color           : #f83c8b;
    font-size       : 26px !important;
}

 p.superlarge, p.superlarge a {
	font-family		: Georgia,serif;
    font-weight     : bold;
}

input.text, textarea.text {
    width           : 287px;
}