/*  
Theme Name: Rifqa Bary
Theme URI:  http://www.FloridaSecurityCouncil.org/
Description:  Theme for Rifqa Bary Story
Version: 1.0
Author:  FSC
Author URI:  http://www.FloridaSecurityCouncil.org/

*/

body {
	background: url(images/sideBODYnew2.png)0px 100px no-repeat;
	background-color: #f2f5c3;
	background-image: url(images/sideBODYnew2.png);
	background-position: 0px 100px;
	background-repeat: repeat;
	margin: 0;
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	color: #000000;
}


html, body, div, span,
applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dd, dl, dt, h1, h2, h3, h4, h5, h6, p, blockquote, ul , li, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
	{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	line-height: 1;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: baseline;
	}


a:link, a:visited{
text-decoration: underline;
color: #333;
text-decoration: none;
}


a:hover{
color: #336699;
}

h1, h2, h3, h4, h5, h6, p, blockquote {
	margin: 0;
	padding:0;
 
}

h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}



#title {
	text-align: center;
	width: 1000px;
	height: 258px;
	margin: 25px auto 0 auto;
	background: url(images/rifqaStory6.png)no-repeat;
	background-image: url(images/rifqaStory6.png);
}

#veryTOP {
		
	width: 100%;
	height: 10px;
	background: none;
	min-width: 800px;
		background-color: #f2f5c3;
}
#tabs {
	width: 100%;
	height: 80px;
	margin: 0 auto 20px auto;
	background-image: url(images/beigeBG.png);
	background-repeat: repeat;
	background-color: #f2f5c3;
}


.left {
	float: left;
	padding-left: 20px;
	margin: 0 0 10px 0;
}

.right {
	float: right;
	padding-right: 20px;
	margin: 0 0 10px 0;
}

.sidebar li h2{
	margin: 0 auto;
	padding-bottom: 5px;
	border-bottom: #fff 1px dotted;
}



body#home a#homenav,
body#her_story a#herstorynav,
body#the_players a#theplayersnav,
body#latest_news a#latestnewsnav,
body#action a#actionnav, 
body#signup a#signupnav,
body#donate a#donatenav {
color: black;
background-image: url(images/bg_nav.png);
color: #7c5689;
 background : url(images/babyPURPLE.png)no-repeat 50% center ;
   background-image: url(images/babyPURPLE.png);
   background-position:50% center ;
   background-repeat: no-repeat;

  }




#nav{
	float: left;
	min-width: 800px;
	height: 50px;
	padding: 10px 5px 5px 50px;
	margin: 10px 0px 0px 0px;
	text-align: justify ;
	line-height: 40px;
	font-size: 13px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    white-space : nowrap;
/*
	border: black 1px solid;
*/
 


}
#nav ul{

   float : left;
}
#nav ul li{
   display : inline;
}
#nav ul li a{
	height: 65px;
	width: auto;
   padding-left : 2em;
   padding-right : 2em;
   color : black;
   font-weight :normal;
   text-decoration : none;
   float : left;
   outline: none;
   color: #979797;
 
}


#nav ul li a:hover{

   background : url(images/hover40.png)no-repeat 50% center ;
   background-image: url(images/hover40.png);
   background-position:50% center ;
   background-repeat: no-repeat;
	color : #979797;
} 

#nav ul li a:active {

   background : url(images/bg_nav.png)no-repeat 50% center ;
   background-image: url(images/bg_nav.png);
   background-position:50% center ;
   background-repeat: no-repeat;
	color : white ; /*#60a7ed*/
} 


#nav ul li a:visited {

/*
   background : url(../images/hover40.png)no-repeat 50% center ;
   background-image: url(../images/hover40.png);
   background-position:50% center ;
   background-repeat: no-repeat;
*/
	color : #7c5689;
} 



#wrapper{
margin: 0 auto 0 auto;
width: 930px;
text-align: left;
/*
border: 1px solid red;
*/
}


.centerCNN
{
	margin: 0 auto 15px auto;
	width: 400px;
}



.radioSlab {
	border: 3px solid #e7e5d5;
	height: 52px;
	width: 300px;
	margin: 10px auto 25px auto;
	padding: 5px;
}

.frameTube {
	border: 5px #e7e5d5 solid;
	padding: 5px;
	overflow: hidden;
	margin: 10px auto ;
	width: 585px;
	height: 360px;
}

.frameVimeo {
	border: 5px #e7e5d5 solid;
	padding: 5px;
	overflow: hidden;
	margin: 10px auto;
	width: 585px;
	height: 322px;
}

.framePicture {
	border: 5px #e7e5d5 solid;
	padding: 5px;
	overflow: hidden;
	margin: 10px auto;
	width: 583px;
	height: 338px;
}

.frameMyFoxO {
	border: 5px #e7e5d5 solid;
	padding: 5px;
	overflow: hidden;
	margin: 10px auto;
	width: 585px;
	height: 478px;
}


.frameCBN {
	border: 5px #e7e5d5 solid;
	padding: 5px;
	overflow: hidden;
	margin: 10px auto;
	width: 585px;
	height: 339px;
}

.frameFox {
	border: 5px #e7e5d5 solid;
	padding: 5px;
	overflow: hidden;
	margin: 10px auto;
	width: 305px;
	height: 275px;
}

strong {
	font-weight: bold;
}


#header{
float: left;
width: 930px;
/*
border: red 1px solid;
*/
margin: 20px 0 10px 0;
text-align: center;
}

#header h1 {
	text-align: left;
	letter-spacing: 1px;
}

.sidebar{
float: right;
width: 240px;
background: #e7e5d5;
/*
background: #eeeeee;
*/
margin: 0 0 13px 10px;
display: inline;
/*
border-bottom: 10px white solid;
*/
}


.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0 10px 0 10px;
}


.sidebar ul li{
padding: 10px 0 10px 0;
}


.sidebar ul li h2{
font-family: Georgia, Sans-serif;
font-size: 14px;
}

.sidebar ul ul li{
padding: 0;
}

#container{
float: left;
width: 670px;
/*
border: red 1px solid;
*/
margin: 0 0 10px 5px;
}


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

.post h2{
	color: #000;
font-family: Georgia, Sans-serif;
font-size: 21px;
border-top: 3px solid #e7e5d5;
padding: 20px 0 10px 0;
}

.entry{
color: #333;	
line-height: 25px;
letter-spacing: 0px;
border: 2px solid #eee;
padding: 10px;
}

.entry p{
color: #333;	
line-height: 20px;
letter-spacing: 1px;
font-size: 13px;
font-family:arial,helvetica,verdana,sans-serif;
margin: 0 0 15px 0; 
}

.entry h1, .entry h2, .entry h3, .entry h4 {
	letter-spacing: 1px;
	line-height: 20px;
	margin-bottom: 5px;
	font-weight:  600;
font-family:arial,helvetica,verdana,sans-serif;
}

.date {
	color: #29261d;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 5px 0;
	font-size: 12px;
	line-height: 18px;
	text-transform: uppercase;
}

.entry em {
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
letter-spacing: 1px;
font-size: 13px;
}


.author {
color:#29261D;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
letter-spacing:0;
margin:0 0 10px 0;
text-transform:uppercase;
border-bottom: 1px solid #eee;
padding: 0 0 10px 0;
width: 100%;
}


.author a{
color:#29261D;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
letter-spacing:0;
margin:0 0 5px;
text-transform:uppercase;
}

.author a:hover{
	color: #507498;
}

.post-meta {
color:#29261D;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
letter-spacing:0;
margin:0 0 0px 0;
text-transform:uppercase;
/*
border-bottom: 1px solid #eee;
*/
padding: 0 0 0px 0;
width: 100%;
list-style-type: none;
	}
	
	
.post-meta a em{
color:#507498;
padding: 0 0 0 5px;
	}
	
.post-meta a:hover em{
color:#333;
	}
			
	
.post-meta-key {
color:#29261D;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
letter-spacing:0;
margin:0 0 10px 0;
text-transform:uppercase;

/*
border-bottom: 1px solid #eee;
*/

padding: 0 0 10px 0;
width: 100%;

	}

#searchsubmit {
 margin-top: 5px;
}

#s {
	background-color: #eee;
	color: #333;

}

.postmetadata, .postmetadata a:link {
	color: #9c3b00;
	font-family: Georgia, sans-serif;
	line-height: 18px;

}

.postmetadata a:hover {
	color: #333;
	font-family: Georgia, sans-serif;
	line-height: 18px;
}


p.postmetadata{
/*
border-top: 1px solid #ccc;
*/
border-top: 3px dotted #eee;
padding-top: 8px;
margin: 30px 0 0 0;
font-family: Georgia, sans-serif;
line-height: 18px;
}


.navigation{
padding: 10px 0 0 0;
font-size: 14px;
line-height: 18px;
text-align: center;
margin: 10px 0 5px 0;
}

.navigation a {
	color: #9c3b00;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-size: 13px;
}

.navigation a:hover {
	color: #333;
	}
	


/*
p{
padding: 10px 0 0 0;
}
*/


.main {
	width: 957px;
	min-height: 400px;
	height: auto;
	margin: 0px auto 0px auto;
	background-color: #fff ;
	overflow: hidden;
	border: #e7e5d5 7px solid;
}


table#wp-calendar{
width: 95%;
margin: 3px auto 0 auto;
/*
border: #fff 3px solid;
*/
padding: 5px;
}

table#wp-calendar thead tr th{
/*
	border: red 1px solid;
*/
	padding: 7px 0 3px 0;
	}

table#wp-calendar td{
	height: 30px;

/*

border: red 1px solid;	
*/


vertical-align: middle;
text-align: center;
	border-right: 1px #fff solid;
	border-bottom: 1px #fff solid;	
/*
background: #fff;
*/

	}

table#wp-calendar td.pad {
	background:#e7e5d5;
		border-right: none;
	border-bottom: none;	
}

table#wp-calendar td#next{
	background:#e7e5d5;
	text-transform: uppercase;
	font-size: 14px;
	color:#333;
			border-right: none;
	border-bottom: none;	

}

table#wp-calendar td#next a{

	color:#333;
}



table#wp-calendar td#prev {
	background:#e7e5d5;
	text-transform: uppercase;
	font-size: 14px;
	color:#333;
			border-right: none;
	border-bottom: none;	

}

table#wp-calendar td#prev a{

	color:#333;
}

table#wp-calendar th {
	text-align: center;
}

table#wp-calendar caption {
	color: #333;
	text-transform: uppercase;
}
	

thead {
	font-weight: bold;
	color: #333;
}

#calendar {
	width: 100%;
	color: #507498;
	margin: 0 auto;
/*
	border: red 1px solid;
*/
}


#calendar a:link {
	text-decoration: underline;
	
}


#calendar a:visited {
	text-decoration: none;
	color: #9c3b00;
}


#calendar h2 {
	font-size: 20px;
}


	
.sidebar ul li h2 {
		font-size: 20px;
		color: #507498;

}

.sidebar ul li {
		font-size: 16px;
		color: #507498;
		letter-spacing: 1px;
		line-height: 20px;

}



caption {
	color: #333;
	padding-bottom: 5px;
	text-align: left;
	font-size: 90%;
}

em.linkFSC {
	font-style: normal;
}

li.linkFSC {
	color: #00c3d4;
	font-style: normal;
}

li a.linkFSC {
	color: #ff0000;
	font-style: normal;
}

li a.linkFSC:hover{
	color: #000;
	font-style: normal;	
}


.sidebar li {
	margin: 5px 0 5px 0;
}

.sidebar li h2 {
	margin: 0px 0 5px 0;
}

#footer {
	width: 100%;
	height: 80px;
	margin: 10px auto 0 auto;
	background: url() 50% 50% no-repeat;
	width: 100%;
	background-image: url(images/beigeBG.png);
	background-repeat: repeat;
	background-color: #f2f5c3;
/*
	
	border: yellow 1px solid;
*/

}

em.padLeft50{
		color: #979797;
	margin: 0 0 0 70px;
}

em.padLeft50 a{
	color: #979797;
	}

#veryBOTTOM {
	color: #979797;
	letter-spacing: 1px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	width: 100%;
	height: 100%;
	background-color: #f2f5c3;
}

#veryBOTTOM a {
		color: #979797;
	letter-spacing: 1px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f2f5c3;
}



/*  comments */

#commentform p {
	margin: 0 0 5px 0;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
	padding-bottom: 5px;
}
.commentmetadata strong{
	font-weight: 500;
	font-style: italic;
	letter-spacing: 1px;
	font-size: 16px;
	margin: 0 3px;
	color:#9c3b00;
	text-transform: capitalize;
	}
	
.commentmetadata em{	
	font-style: italic;
	letter-spacing: 1px;
	font-size: 16px;
	margin: 0 3px;
	color:#9c3b00;
}

.commentmetadata{
	font-size: 12px;
	word-spacing: 1px;
	padding: 0 0 10px 0;
	margin: 0 0 3px 0;
	border-bottom: #eee 1px solid;
}

ol li p{
	line-height: 18px;
	letter-spacing: 1px;
	color: #333;
	font-size: 14px;
	word-spacing: 1px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}

#commentform p textarea {
	line-height: 18px;
	font-size: 13px;
	color: #000;
	letter-spacing: 1px;
}

.comments-template h3#respond{
	color: #9c3b00;
	font-style: italic;
}