/* ----------------------------------------------
Stylesheet for BPA
version: 2
author: zeynep ozkan
email: zeynep@pretacliquer.com
website: www.pretacliquer.com

----------------------------------------------------*/

/*TODO: get validation plugin http://chrispederick.com/work/firefox/webdeveloper/  */

/* TODO: adding class or ID to the body tag -- see how to do it for dynamic pages */

/* TODO: a stylesheet for layout only. another for typography and design */

/* general ------------------------------------------------------*/

*{margin: 0; padding: 0;}  /*stripped off the default margin and padding of the browsers */
body{background:#FFFAFF url("/images/stripebody3.gif") repeat-x; text-align: center;}/*#FFFAFF */
a{text-decoration:none;  }
a:link, a:active{color: #669999;}
a:hover{text-decoration: underline;}
a:visited{color: #006666;}
a img{border:none;}
li{list-style:none;}

/* 	Typography --------------------------------------------------*/
body{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%; line-height: 1.5em; color:#333333;}
h1{font-size: 28px; line-height:normal; font-family:"Century Gothic"; font-weight: normal; 
color:#333;/*#993333;*/  position: absolute; top: 44px; left: 354px; min-width: 450px;}
h2{font-size: 1.5em;  padding: 2px 0;}
p{margin: .5em 0;}
li{padding: 0.2em 1em;}
#content{font-size: 1.4em; line-height: 1.6em; color:#666666;}
#sidebar{font-family:Arial, Helvetica, sans-serif; }

/* Layout ------------------------------------*/

#header{height: 138px ;  position: relative; background: transparent url("/images/logo4.gif") no-repeat ;  text-align: left;}
/*#wrapper{ margin: 0 auto; width: 980px; text-align: center; border: 1px solid red;}*/
#content{margin: 0 ; width:940px !important; width /**/:980px; text-align: left;  padding: 0 20px; }/*margin: 0 auto; padding: 20px 0;*/
#sidebar{width: 240px !important; width /**/: 260px;   float: left; margin: 0 20px 10px 0;
padding: 10px; }/*width:280px;*/
#footer{ background: #FFF2F7; border-top:1px solid #dedede; text-align: center; padding: 15px 0 5px 0;}/*#FFF2F7*/

	/* positioning of the main divs ----------*/
#header h1{} /* min width problem in IE */
#header #nav {position:absolute; top: 90px; left: 345px; }
#footer #fbox{width: 940px;  margin: 0 auto; text-align: left; }
#footer .contactinfo{width: 230px ; float: left; margin-right: 34px; }
#footer .credits{float: right; width: 130px; background: white;}

/* Lists ------------------------*/
#sidebar ul li a{color:#996666;  }
#sidebar ul li a:hover{background: none; text-decoration: underline;}




/* Footer --------------*/

.contactinfo h2{ color:#fff; padding: 2px 5px; font-size: 1.3em; line-height: 1.2em; background: #999 url("/images/vcard.gif") no-repeat top right; margin-bottom: 6px;}
.contactinfo a, .contactinfo address{padding: 0 5px;}
.contactinfo a{font-size:1.2em; color:#663333;/*color:#CC6666;*/}
.contactinfo address{margin: 5px 0; color:#999;font-style: normal;  font-size: 1.2em;}


#footer .credits{ border: 1px solid #ccc; color:#999;}
#footer .credits a.xhtml,  #footer a.css, #footer .credits span{display:block;  padding: 5px; }
.credits a.xhtml, .credits a.css{color: #999;}
.credits span{color: #666;}
.credits span a.design{color: #999;}
#footer .xhtml{background:url("/images/xhtml_valid.gif") no-repeat 85% 50%;}
#footer .css{background:url("/images/css_valid.gif") no-repeat 85% 50%;}

/* Classes */
.current_page_item{color: #990000; font-weight: bold;}
/*#nav li#current a{background: url(images/bullet_red.gif) no-repeat bottom center; color: #990000;}*/
.clear{clear:both;}
/*.border{ margin: 30px 0;padding: 8px 5px;background:#fff url(images/h2bg.gif) repeat-x left top;  border-bottom: 1px solid #dedede; font-family:"Century Gothic"; font-size: 18px; color: #CCc; letter-spacing: 1px ;}*/

.rss{ background: url("/images/feed.png") no-repeat; height: auto; color: #CCCCCC; }
#sidebar a.rss{ background-position: 5px center; display: block; color: #ccc; text-decoration: none; font-family:  verdana; text-align: right; font-size: 12px; 
  width: 50px;  position: absolute; right: 10px; top: 10px; }
#sidebar a.rss:hover{color:#999;/*#ff9966;*/}

.date{text-align: center; width: 30px !important; width /**/ : 40px;line-height: 1.2em; height: 40px !important; height /**/ :46px; padding:3px 5px;
 }
span.date{color:#336666; font-weight: bold; font-family: Georgia,"Times New Roman"; font-size: 14px; display:block; float: left;letter-spacing: 1px ;background: url("/images/shadow.gif") no-repeat top left ; margin-right: 10px; margin-top: 5px;  }


/* ----------------------------------------------
Stylesheet for BPA
version: 2
author: zeynep ozkan
email: zeynep@pretacliquer.com
website: www.pretacliquer.com

----------------------------------------------------*/
/* LAYOUT ------------------------------------*/

div#wrapper{float:left;width:100%;}
div#page{margin-left:280px; padding: 0 20px; margin-bottom: 30px; min-width: 300px;}
div#sidebar{float:left;width:240px;margin-left:-100%;  padding: 20px; }
div#footer{clear:left;width:100%; }

#header{height: 138px ;  position: relative; background: transparent url("./images/logo.gif") no-repeat ;  text-align: left;}
#header h1{width: 450px;}
#footer{ background: #FFF2F7; border-top:1px solid #dedede; text-align: center; padding: 20px 0 10px 0;}
#footer{font-size: .85em;}
#footer #fbox{width: 940px;  margin: 0 auto; text-align: left; }
#footer .contactinfo{width: 230px ; float: left; margin-right: 34px; }
#footer .credits{float: right; width: 130px; background: white;}



	/* positioning of the main divs ----------*/
#header #nav {position:absolute; top: 90px; left: 345px; }
/* Navigation ----------------------------*/
#nav{font-family: verdana; letter-spacing: normal; font-size: 11px; padding: .18em .5em 1.6em .5em;  width: 620px !important;  width /**/: 644px; } 

#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}
	
#nav a{
	float: left;
	padding: 2px 14px 13px 14px;
	color: #7C8A91;
	text-decoration:none;
	letter-spacing: 1px;
	}

 #nav a:hover {
	background: url("/images/bullet_grey.gif") no-repeat bottom center;
	}
	
a.current {
	background: url("/images/bullet_grey.gif") no-repeat bottom center;
	}
#nav a:hover {color: #666; }




/* Footer --------------*/
.contactinfo h2{ color:#fff; padding: 2px 5px; font-size: 1.2em; line-height: 1.2em; background: #999 url("/images/vcard.gif") no-repeat top right; margin-bottom: 6px;}
.contactinfo a, .contactinfo address{padding: 0 5px;}
#footer .contactinfo a{font-size:1.2em; color:#663333;}
.contactinfo address{margin: 5px 0; color:#999;font-style: normal;  font-size: 1.2em;}


#footer .credits{ border: 1px solid #ccc; color:#999;}
#footer .credits a.xhtml,  #footer a.css, #footer .credits span{display:block;  padding: 5px; }
.credits a.xhtml, .credits a.css{color: #999;}
.credits span{color: #666;}
.credits span a.design{color: #999;}
#footer .xhtml{background:url("/images/xhtml_valid.gif") no-repeat 85% 50%;}
#footer .css{background:url("/images/css_valid.gif") no-repeat 85% 50%;}

/* Blog Pages Layout */
#blog{ padding: 0 30px;}
.post{margin: 0; padding: 15px 10px 5px 10px; margin-bottom: 10px; font-size: 1em;}
.post h2{ border-top: 3px solid;  padding: 8px 0; text-align:right; font-size: 1.2em; color: #990000} 
.post h3{margin: 0; padding: 0; color: #333; font-size: 1.1em;}
.post li h3{padding: 0; margin-left: -12px; }
.post h2 a:link, .post a:active{color: #990000;text-decoration:none;}
.post h2 a:hover{color: #bb0000; text-decoration:none;}
.post h2 a:visited{ color: #660000; text-decoration: none;}
.post-content{text-align:justify; padding: 10px 0;}
.post .post-content h2{border: none;}

p.continue{font-size: 11px; padding: 3px 0; font-weight: bold; }

.post small{font-size: .9em; color: #666;}
.post span{ padding: 10px; color: #999999;}
#submenu{float: left; width: 240px; margin-left:-320px; margin-top: 10px; }
#submenu h2{font-size: 1.1em; color: #666666; height: 50px; }

/* general ------------------------------------------------------*/

*{margin: 0; padding: 0;} 
body{background:#FFFAFF url("/images/stripebody.gif") repeat-x; /*text-align: center;*/}

a{text-decoration:none;  }
a:link, a:active{color: #669999;}
a:hover{text-decoration: underline;}
a:visited{color: #006666;}
a img{border:none;}
li{list-style:none;}

/* 	Typography --------------------------------------------------*/
body{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%; line-height: 1.5em; color:#333333;}
h1.bpa{font-size: 28px; line-height:normal; font-family:"Century Gothic"; font-weight: normal; 
color:#333; position: absolute; top: 44px; left: 354px; min-width: 450px;}
h2{font-size: 1.5em;  padding: 2px 0;}
p{margin: .5em 0;}
td{padding:5px;text-align:left;}
li{padding: 0.2em 1em;}
#sidebar, #submenu{font-family:Arial, Helvetica, sans-serif; text-align: left;  }
#container{ font-family:  arial, sans-serif; font-size: 1.4em; line-height: 1.4em;  text-align: justify; }
#container #page{line-height: 1.6em;  padding: 20px 50px 20px 30px; font-size: .9em; }
#page p{padding: .5em 0;}
#page h2{font-size: 1.3em; padding: .5em 0; color: #990000;}
#page li h2{font-size: 1em; padding: 0; margin: 0;}
#page h3{font-size: 1.2em; color: #666;}
#page ol li{list-style:decimal; }
#page ol.roman li{list-style:lower-roman; font-weight:normal;}
#page ol.latin li{list-style:lower-latin; font-weight:normal;}

p.page_nav{float: right; color: #666; font-size: .9em; padding: 1em;}
.page_nav span{padding: 0 .5em;}
/* Divs ----------------------------- */
#about ul{margin: 30px 5px;}
#page li{padding: .5em 5em; background: url("/images/bullet_gr.gif") no-repeat 28px 50%;}

#news,  #joinus, .submenu, .centered, .sidebar_item, .linkcat{background-color: #F6F6F6;}

#news{margin-bottom: 30px; padding-top: 50px; padding-bottom: 10px; position: relative; text-align:left;}
#news  li, .submenu li {line-height: 1.4em; font-weight: bold;  margin: 3px 0; }

.submenu{ padding-bottom: 10px;background-image: url("/images/submenubg.gif") ; background-repeat: no-repeat; padding-top: 50px; position: relative; }


a#joinus{margin: 30px 0 5px 0; background-image: url("/images/member.gif"); background-repeat: no-repeat;height: 95px; display: block; }
a:hover#joinus{background-image:url("/images/member_hov.gif");}

/* Lists ------------------------*/
#sidebar ul li a, .sidebar_item a{color:#996666;  }
#sidebar ul li a:hover, .sidebar_item a:hover{background: none; text-decoration: underline;}
.sidebar_item a{font-weight: bold;}

.pagenav{margin: 0; padding: 0;}
.pagenav ul{margin: 0; padding: 0;}
.page_item{ }


/* Classes */
.current_page_item{color: #990000; font-weight: bold;}
.clear{clear:both;}


.rss{ background: url("/images/feed.png") no-repeat; height: auto; color: #CCCCCC; }
#sidebar a.rss{ background-position: 5px center; display: block; color: #ccc; text-decoration: none; font-family:  verdana; text-align: right; font-size: 12px; 
  width: 50px;  position: absolute; right: 10px; top: 10px; }
#sidebar a.rss:hover{color:#999;/*#ff9966;*/}

.date{text-align: center; width: 30px !important; width /**/ : 40px;line-height: 1.2em; height: 40px !important; height /**/ :46px; padding:3px 5px;
 }
span.date{color:#336666; font-weight: bold; font-family: Georgia,"Times New Roman"; font-size: 14px; display:block; float: left;letter-spacing: 1px ;background: url("/images/shadow.gif") no-repeat top left ; margin-right: 10px; margin-top: 5px;  }

.centered{ padding: 20px 30px; }
/*.centered li{padding: 5px 0;}*/

ul.bullet li{list-style: disc inside;}
.right{float: right;}
.left{float: left;}

img.right{margin-left: 10px ;}
img.left{margin-right: 10px;}



fieldset{
	padding: 10px;
}

legend{
	font-weight: bold;
	font-size: 14px;
}

div.loginform{
	margin-top: 300px;
	margin-left: -300px;
}


table {
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: center;
	padding: 6px 6px 6px 12px;
	background-color: #FFFFFF;
}
	th a, td a{
		background-color: transparent;
		color: #666666;
	}
.button, .button:visited {
	background: #222 url('/images/button_overlay.png') repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	margin-left: 6px;
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

input.button{
	border: 0px solid #FFFFFF;
}

.button:hover							{ background-color: #111; color: #fff; }
.button:active							{ top: 1px; }
.small.button, .small.button:visited 	{ font-size: 11px; padding: ; }
.button, .button:visited,
.medium.button, .medium.button:visited 	{ font-size: 13px; font-weight: bold; line-height: 1;  }
.large.button, .large.button:visited 	{width: 140px; font-size: 16px; padding: 6px 7px 4px; text-align:center;}
.green.button, .green.button:visited	{ background-color: #91bd09; }
.green.button:hover						{ background-color: #749a02; }
.red.button, .red.button:visited		{ background-color: #b60a00; }
.red.button:hover						{ background-color: #872300; }

.blue.button, .blue:visited		{ background-color: #5b96e3; }
.blue.button:hover						{ background-color: #4979b6; }
.tight.button{margin-left: 0px; font-size: 14px;}

a.button{
	color: #FFFFFF;
	min-width: 75px;
	
}

br.clear{
	clear: both;
}

	
td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font-size: 14px;
}

.resource_wrapper h1{
	position: inherit;
}