/*
THEME NAME: p-and-p
THEME URI: http://rula-abdo.com
DESCRIPTION: p-and-p theme
VERSION: 1.0
AUTHOR: <a href="http://www.rula-abdo.com">p-and-p</a>
AUTHOR URI: http://www.rula-abdo.com
*/

@import "reset.css";

body {
	background: #FAFAFA;
	font-family:Tahoma;
	font-size: 13px;
	color: #585858;
          line-height:18px;
	background:url(images/bg.jpg) repeat;
}

#ads_box {
width:480px; 
height:100px;
border:dashed 1px #bbbbbb;
padding:5px; 
margin:10px;
}

a {
	color: #ab7173;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color:#6ca566;
}

strong {
	font-weight: 700;
}

hr {
	border: none 0;
	border-bottom: 1px solid #E0E0E0;
	height: 1px;
	margin: 10px 0;
}


#wrapper {
	width: 900px;
	background: #FFF;
	margin: 20px auto;
	border:3px solid #d7d7d7;
	background:#f4f2ed;
}

#header {
	overflow: hidden;
	width: 810px;
	height:220px;
	background:url(images/header_img.jpg) no-repeat center ;
	margin: 40px auto 60px auto;
	border:3px solid #d7d7d7;
}

#menu {
	width: 850px;
	overflow: hidden;
	margin: 0 25px auto;
	border-bottom:1px solid #bbbbbb;
}

#menu ul li {
	
	float:right;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background:#f0efef;
	padding:10px;
	border:1px solid #bbbbbb;
	border-bottom:none;
	margin-left:5px;
}

#menu ul li a {
	color:#9d9d9d;
}

#menu ul li:hover{
	background-color: #e3e3e3;
 }

 
 #menu ul li a:hover{
	text-decoration: none;
 }

 
#container {
	width: 850px;
	overflow: hidden;
	margin: 25px auto; 
}

#content {
	float: right;
	width: 550px;
	border:1px solid #bbbbbb;
	padding:15px;
	margin-top:12px;
}

	
.post {
          line-height:15px;
          text-align:justify;
	margin-bottom: 50px;
}

.break {
	height:32px;
	background:url(images/break.jpg) no-repeat center;
}
	
.title{
	padding: 5px 0px 12px 10px;
	border-bottom:dashed 1px #afafaf;
	height:50px;
	}

	
.date {
	float:right;
	width:44px;
	height:48px;
	background:url(images/bg_date.gif);
	text-align:center;
	font-size:10px;
	line-height:14px;
	color:white;
	margin:6px 8px 0px 15px;
	}
.date .day {
	color:#7d7c7b;
	font-size:20px;
	font-weight:bold;
	padding-bottom:3px;
	line-height:30px;
	}

.main_title {
	margin:0px 0px 0px 0px;
	padding:25px 0px 0px 0px;
	font-weight:bold;
	font-size:14px;
	font-family:Tahoma;
	}

	
.post-title a {
	color: #ab7173;
}

.page-subtitle {
	font-weight: 700;
	color: #707070;
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 15px;
}

.postmetadata {
	width:530px;
	border:1px solid #d6d6d6;
	background-color:#e5e5e5;
	font-size:11px;
	color:#78787a;
	padding:10px;
	
}

.postmetadata a{
	color: #ab7173;
	text-decoration: none;
}
.postmetadata a:hover{
	color: #ab7173;
	text-decoration: underline;
}

.post-comments {
	float: right;
	background: url(images/cbubble_left.gif) no-repeat top left;
	padding: 3px 0 7px 7px;
}

.post-comments a {
	background: url(images/cbubble_right.gif) no-repeat top right;
	padding: 3px 7px 7px 0;
	color: #FFFFFF;
}

.post-comments a:hover {
	color: #FFFFFF;
}

.entry {
	font-size:13px;
	margin-top: 15px;
	padding:10px 10px 10px 20px;
}

.entry h2 {
	font-size: 140%;
	margin-bottom: 10px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.entry h3 {
	font-size: 110%;
	font-weight: 700;
	margin-bottom: 5px;
	border-bottom: 1px solid #EFEFEF;
	padding: 10px 0 5px;
}

.entry p {
	line-height:20px;
	margin-bottom: 10px;
}

.entry img.alignnone {
	background: #FFF;
	border: 1px solid #EFEFEF;
	padding: 4px;
}

.entry img.alignleft {
	float: left;
	border: 1px solid #EFEFEF;
	margin: 0 25px 15px 0;
	padding: 4px;
}

.entry img.alignright {
	float: right;
	border: 1px solid #EFEFEF;
	margin: 0 0 15px 25px;
	padding: 4px;
}

.entry ul,.entry ol {
	margin-left: 30px;
	margin-bottom: 20px;
}

.entry ul {
	list-style: outside;
}

.entry ol {
	list-style: decimal;
}

.entry ul li,.entry ol li {
	line-height: 1.3;
	margin-bottom: 5px;
}

.more-link {
	font-weight:normal;
	display: block;
	margin-top: 10px;
}

.section-title {
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 20px;
	padding-bottom:10px;
	color:#ab7173;
	border-bottom:1px solid #ab7173;
}

.respond {
	background:url('images/comment.png') no-repeat top right;
	height:50px;
}

.smilies_box {
	border:dashed 1px #cdc2a8;
	width:530px;
	padding:10px;
	background:#e9e5da;
	margin-top:20px;
}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
}

.navright {
	float: right;
	margin: 0 0 15px 15px;
}

.navigation div a {
	font-size: 110%;
}

/* BEGIN NUMBERS*/

#content .postnav {
		clear: both;
		float: right;
		margin-top:20px;
		margin-bottom:10px;
		padding-top:10px;
}

		#content .postnav ul {
			list-style-type: none;			
		}
			#content .postnav ul li {
				float: right;
				padding:2px;
				font-family: tahoma;
				font-size:11px;
			}
			#content .postnav ul li a {
				display: block;
				padding: 4px 8px;
				border: 1px solid #bbbbbb;
				text-decoration: none;
				color: #636363;
				background:#f4f2ed;
			}
			#content .postnav ul li a:hover {
				border-color: #bbbbbb;
				background:#e3e3e3;
				color: #636363;
				font-weight:bold;
				text-decoration: none;
			}
	#wp_page_numbers ul {
		border-top: 0 !important;
	}
	#wp_page_numbers .page_info {
		padding: 4px 8px !important;
		border: none !important;
		margin-right: 2px;
		color:#636363;
		font-size:12px;
		font-weight:bold;
	}
	
	#wp_page_numbers .active_page a {
		color:#636363;
		border-color: #bbbbbb !important;
		background: #e3e3e3 !important;
	}
	
/* END NUMBERS*/


#comments ol li {
	margin-bottom:10px;
	margin-top: 2px;
	padding: 10px;
	overflow: hidden;
	height: 1%;
}
.oddcomment {
	background:#e8e8e8;
	border: 1px solid #bbbbbb;
}

.evencomment {
	/*background:#e9e5da;*/
	border:solid 1px #cdc2a8;
}

.avatar
{
  float: right;
  border: 1px solid #bbbbbb;
  padding: 2px;
  background: #e3e3e3;
  margin-left:15px;
}

.comment-data {
	float: right;
	width: 450px;	
}

.comment-data p {
	line-height: 1.5;
}

.comment-author {
	font-size: 12px;
	margin-top:10px;
	margin-bottom: 3px;
}

#commenttext {
	margin:20px 10px 20px 10px;
}

.comment-meta {
	color: #666;
	margin-bottom: 5px;
	font-size: 85%;
	padding-bottom:10px;
	border-bottom: 1px dashed #bbbbbb;
}

.unapproved {
	font-style: italic;
}

#respond {
	margin-top: 30px;
}

#commentform small {
	font-size:11px;
}

.required {
	color:#ab7173;
}

#commentform {
margin: 10px 0px 20px 0 ;
background: #d7d7d7;
width: 530px;
border: 1px solid #bbbbbb;
padding:10px;
font-family:tahoma;
}

#commentform textarea {
background: url(images/bg.jpg) repeat-y left #dddddd;
border: 1px dashed #bbbbbb;
width: 450px;
color:#717171;
padding:10px;
font-family:tahoma;
font-size:12px;
margin-top:20px;
}

#commentform textarea:hover {
background: url(images/bg2.jpg) repeat-y left #dfdfdf;
border: 1px solid #bbbbbb;
}
#commentform textarea:focus {
background: url(images/bg3.jpg) repeat-y left #e3e3e3;
border: 1px dashed #bbbbbb;
}

#commentform #email, #commentform #author, #commentform #url {
padding:3px 10px 5px 3px;
font-size: 12px;
background: #dddddd;
border: 1px dashed #bbbbbb;
width: 180px;
color:#717171;
font-family:tahoma;
}

#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
background:#e3e3e3;
border: 1px dashed #bbbbbb;
}

#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
background: #dfdfdf;
border: 1px solid #bbbbbb;
}

#commentform p{
margin-bottom: 10px;
}

#sidebar {
	float: left;
	width: 230px;
}

.sidepanel {
	margin-bottom: 30px;
}

.sidepanel h3 {
	padding: 25px 65px 0 5px;
          line-height:14px;
	color: #333333;
	font-weight: bold;
	font-size: 12px;
	background:url(images/sb2.png) no-repeat center top;
	height:35px;
	color: #845052;
	font-family:Tahoma;
          font-weight: Bold;
	margin-bottom:0px;
}

.sidepanel ul, .sidepanel div {
	font-size:12px;
	display:block;
	border: 1px solid #bbbbbb;
	border-top:none;
	padding:5px 10px 10px 5px;
}

.sidepanel ul  ul{
	border: none;
}

.sidepanel ul li {
	padding: 5px 0;
	line-height: 0.85;
	color:#b3b3b3;
	list-style-type:disc;
	list-style-position:inside;
}

.sidepanel ul li li {
	color:#b3b3b37;
	list-style-type:disc;
	list-style-position:inside;
	}
	
.sidepanel p {
	margin-top: 8px;
	line-height: 0.85;
}

#footer {
	margin: 0 auto;
	text-align: center;
	width: 860px;
	border:3px solid #d7d7d7;
	padding: 20px;
	background:#e3e3e3;
	color:#979696;
	font-size:10px;
	line-height:15px;
}

#footer a{
color:#ab7173;
}

#footer a:hover{
color:#6ca566;
}

#footer a:visited{
color:#bbbbbb;
}

#footer-links {
	list-style: none;
}

#footer-links li {
	
	margin-right: 15px;
}

.sep {
	color: #CCC;
	margin: 0 8px;
}

.ico-small {
	vertical-align: middle;
	margin: 0 5px 2px 0;
}

blockquote { 
	background:url('images/q.jpg') repeat-y right top #ededed ;
	border:dashed 1px #dfdfdf;
	border-right:none;
	padding:3px;
	padding-right:20px;
	padding-left:10px;
	font-style:italic;
	color:#676767;
	width:405px;
	margin-right:10px;
          margin-bottom:10px;
	font-size:12px;
}

/* 
Coldskin #2 for Contact Coldform WordPress Plugin
@ http://perishablepress.com/press/2008/01/08/contact-coldform/ 
@ http://perishablepress.com/press/2008/01/08/contact-coldskins/ 
*/

div#coldform * {
   padding: 0;
    margin: 0;
    border: 0;	
}

div#coldform {
    font-family: Tahoma;
    background-color: #e1e1e1;
    border: 1px dashed #ab7173;
    font-size: 10px;
    margin: 11px 10px 0 0;
    width: 500px;
    color: #ab7173;
    padding:10px;
}

div#coldform fieldset {
    border: 0 none;
    display: block;
    clear: both;
}
div#coldform legend.hide {
    display: none;
}


div#coldform label.label {
    font-size: 1.1em;
    display: block;
    margin:5px 0;
    padding-top:10px;
    width: 120px;
    clear: left;
    float: left;
}

div#coldform label.label2 {
color:#ab7173;
display:block;
font-family:Tahoma;
font-size:12px;
padding-bottom:10px;
width:120px;
float:left;
clear:left;
}

div#coldform input.input {
    font-family: Tahoma;
    border: 1px solid #bbbbbb;
    background: #e5e5e5;
    padding: 3px 3px;
    font-size: 12px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 350px;
    color: #797878;
    clear: right;
    float: right;
}

div#coldform textarea#coldform_message
 {
    font-family: tahoma;
    border: 1px solid #bbbbbb;
    background: #e5e5e5;
    padding: 1px 3px;
    font-size: 12px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    width: 450px;
    color: #797878;
    clear: right;
    float: right;
}

div#coldform input.submit {
   font-family: Tahoma;
    border: 1px solid #bbbbbb;
    margin: 7px 10px 10px 0;
    background: #e5e5e5;
    font-size: 12px;
    cursor: pointer;
    display: block;
    padding: 3px;
    width: 458px;
    color: #ab7173;
    clear: right;
    float: right;
}

div#coldform input.check {
display:block;
margin: 0;
padding-bottom: 5px;
width:37px;
float:right;
clear:right;
}