/*
    Theme Name: مع السفرة
    Theme URI: http://www.safarah.net
    Description:
    Version: 1.0
    Author: مع السفرة
    Author URI: http://www.safarah.net/
*/

/*
    HTML tags, reset
*/

* {
    margin:0;
    padding:0;
}

html {
    overflow-y:scroll;
}

body, div, span, p, a, img, ul, ol, li, caption, table, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, label, dl, dt, dd, blockquote, applet, object, h1, h2, h3, h4, h5 {
    border:0;
}

body {
    padding: 0;
    margin: 0;
    font: 0.8em/1.5 Tahoma, arial, serif;
    text-align: center;
    direction: rtl;
    background: #f5f5f5;
    color:#333;
}

a {
    text-decoration:none;
    outline-style:none;
    border-bottom:1px solid #ddd;
    color:#333;
}

a:hover {
    border-bottom:1px solid #ddd;
    color:#FF7F00;
}

h1, h2, h3, h4, h5, h6 {
    margin:15px 0 10px 0;
}

h1 {
    font-size:360%;
    font-weight:normal;
}

h2 {
    font-size:160%;
    font-weight:normal;
}

h3 {
    font-size:140%;
    font-weight:normal;
}

h4, h5 {
    font-size:100%;
}

p, table, ul, ol, dl, fieldset {
    margin:0 0 15px;
}

table {
    border-collapse:collapse;
    border-spacing:0;
    font-size:100%;
}

caption {
    margin: 0 0 15px;
}

th {
    text-align:center;
    font-weight:bold;
}

th, td {
    padding:3px 7px;
}

ul, ol {
    margin-right:30px;
}

ul ul, ol ol {
    margin:0;
    margin-left:20px;
}

ol {
    list-style-type:decimal;
}

li {
    display:list-item;
}

dt {
    font-weight:bold;
}

dd {
    margin-left:30px;
}

fieldset {
    position:relative;
    padding:10px;border:1px solid #DFDFDF;
}

legend {
    position:absolute;
    top:-1em;
    margin:0;
    padding:5px 10px;
    font-size:100%;
    font-weight:bold;
    background:#FFF;
    color:#FF7F00;
}

/*
    Universal styles (display, float, margin, text-align...)
*/

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

.relative {position:relative;}

.clear {clear:both;}

.f-left {float:right !important;} img.f-left {float:right; margin-left:15px;}
.f-right {float:left !important;} img.f-right {float:left; margin-right:15px;}

.t-left {text-align:right !important;}
.t-center {text-align:center !important;}
.t-right {text-align:left !important;}
.t-justify {text-align:justify !important;}

.va-top {vertical-align:top;}
.va-middle {vertical-align:middle;}
.va-bottom {vertical-align:bottom;}

.nom {margin:0 !important;}
.nomt {margin-top:0 !important;}
.nomb {margin-bottom:0 !important;}

.noscreen {display:none;}

.bigger {font-size:110%;}
.smaller {font-size:85%;}
    
/*
    LAYOUT
*/

#main {
    width:960px;
    margin:0 auto;
    text-align:right;
}

#header {
    position:relative;
    padding: 20px 0 7px;
}

#logo {
    margin:0;
    font-weight:normal;
    line-height: normal;
    border: none;
}

#logo img {
    vertical-align: text-bottom;
}

.underlogo {
    font-size: 12px;
    cursor: default;
}

#slogan {
    margin: 5px 0 0;
    float: right;
}

#qk-link {
    margin: 5px 32px 0 0;
    float: right;
}

#contactus {
    margin: 5px 0 0;
    float: left;
}

#search { /* search */
    float: left;
    margin:0 15px;
    height: 20px;
    width:160px;
    display: inline;
    background:transparent url(images/searchbar.gif) repeat scroll 0 0;
}

#search #search-input {
    height: 16px;
    padding:2px;
    width: 131px;
    border: none;
    background: none;
    vertical-align: top;
    font: 12px tahoma;
}

#search #search-input:focus {
}

#search #search-submit {
    background: none;
    border: none;
    font: 12px arial;
    margin: 2px;
}

#search #search-submit:focus {
}

#nav {
    height: 20px;
    background: url(images/nav.gif);
}
#nav ul {
    margin:0;
    padding:0;
    list-style:none;
    font:120%/1.4 "arial",sans-serif;
    font-weight:bold;
}

#nav ul li {
    display:inline;
    margin:0;
    padding:0;
}

#nav ul li a {
    display:block;
    float:right;
    padding:0 15px;
    border:0;
    color:#ffffff;
    line-height:normal;
}

#nav ul li a:hover {
    border:0;
    color:#FF7F00;
}

#nav ul li#nav-active a {
    border:0;
    font-weight:bold;
}

#nav ul li.current_page_item a {
    color:#FF7F00;
}

#navtop {
    clear:both;
    height: 7px;
    overflow:hidden;
    background: url(images/navtop.gif);
}

#navbottom {
    height: 7px;
    overflow:hidden;
    background: url(images/navbottom.gif);
}

#content {
    position:relative;
    padding:0 0 20px 0;
    overflow:hidden;
}
        
#footer {
    clear:both;
    font-size:85%;
    color:#5F5F5F;
    padding:15px 0;
}

#footer a {
    color:#5F5F5F;
}

#footer a:hover {
    color:#000;
}

/*
    Page: Home
*/

#topstory {
    float:right;
    width:715px;
    margin-top: 20px;
}

#topstory-title {
    padding:8px 22px 0;
}

#topstory-title h2 {
    margin:0;
    color:#333;
    line-height:normal;
}

#topstory-title h2 a {
    color:green;
    font:24px arial;
}

#topstory-title h2 a:hover {
    color:#FF7F00;
}

#topstory-title p.date {
    margin:0;
    font-size:85%;
    color:gray;
}

#topstory-title p.date a {
}

#topstory-title p.date a:hover {
}
    
#topstory-perex {
    padding:15px 22px 0;
    font-size:13px;
    font-family: tahoma;
    color:#333;
}

#topstory-perex p {
    margin:0;
}

.more-link {
    font-size:10px;
}

#aside {
    float:left;
    width:225px;
    font-size:90%;
    display:inline;
}

#aside .halfleft {
	width: 138px;
	margin-right: 0;
	margin-bottom: 20px;
	padding: 10px 0 0;
}

#aside .halfright {
	float: left;
	clear: none;
	margin-right: 20px;
	width: 138px;
	margin-bottom: 20px;
	padding: 10px 0 0;
}

#photos {
    margin:0;
    font-size:0;
    line-height:0;
}

#photos a {
    border:0;
}

#photos img {
    display:block;
    float:left; width:150px;
    height:110px;
    margin-left:8px;
    border:0;
}

.col30 {
    float:right;
    width:225px;
    background: #fff url(images/boxcontent.gif) repeat-y;
    margin: 20px 0 0;
}
.col30.margin {
    margin-right:20px;
}

.col30.fix {
    float: left;
}

.col30 h3 {
    font-size:100%;
    font-weight:bold;
    margin:0 22px 10px;
    text-align:justify;
    color: green;
}

.col30 h3 a {
    line-height:20px;
    border-bottom:1px solid #DDDDDD;
    color:green;
}

.col30 h3 a:hover {
    border-bottom:1px solid #DDDDDD;
    color:#FF7F00;
}
.col30 h4 {
    background: none;
}

.col30 h4 a {
    color:#FF7F00;
}

.col30 h4 a:hover {
    color:#000;
}

.col30 ul {
    margin:0 15px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding:0;
}

.col30 ul li {
    background:transparent url(images/ico-list.gif) no-repeat scroll right 5px;
    margin:0;
    padding:0 20px 0 0;
    line-height:20px;
}

.col30 p.date {
    margin:0;
    font-size:85%;
    color:#7F7F7F;
}

.col30 p.date a {
    color:#7F7F7F;
}

.col30 p.date a:hover {
    color:#000;
}

.col30 p.bb {
    margin:0 15px 15px;
}

.col30 p img.f-left {
    margin-left:10px;
}

.col30 p {
    font-size:85%;
    margin:0 22px;
    text-align:justify;
    line-height:20px;
}

.col30 p a {
}


.col30top {
    height:7px;
    overflow:hidden;
    background: transparent url(images/boxtop.gif) no-repeat scroll 0 0;
}

.col30content {
    height: 128px;
    overflow: hidden;
    background: transparent url(images/boxcontent.gif) repeat-y;
}

.col30bottom {
    height: 7px;
    overflow:hidden;
    background: url(images/boxbottom.gif);
}

.col302 {
    background:#fff;
}

.col302 h3 {
    font-size:100%;
    font-weight:bold;
    margin:0 15px 10px;
    color: green;
}

.col302content {
    height: 150px;
    overflow: hidden;
    background: #E5E5E5;
}

.col302top {
    height: 7px;
    overflow:hidden;
    background: url(images/boxtop2.gif);
}

.col302bottom {
    height: 7px;
    overflow:hidden;
    background: url(images/boxbottom2.gif);
}

/*
    Page: Article
*/

#page {
    float:right;
    width:715px;
    margin-top:20px;
}

#page-title {
    padding:8px 22px 0;
}

#page-title h2 {
    margin:0;
    color:#333;
    line-height:normal;
}

#page-title h2 a {
    font:24px arial;
    color:green;
}

#page-title h2 a:hover {
    color:#FF7F00;
}

#page-title p.date {
    color:gray;
    margin:0;
    font-size:85%;
}

#page-title p.date a {
}

#page-title p.date a:hover {
}

#page-content {
    display:block;
    padding: 15px 22px 0;
    color:#333;
    font-family:tahoma;
    font-size:13px;
}

#page-content a {
    color: #FF7F00;
    border: none;
}

#page-content a:hover {
    background: #FFF3E8;
}

#page-footer {
    clear:both;
    border-top:1px solid #e5e5e5;
}

#page-footer p {
    margin: 10px 0 0;
    padding: 0;
    line-height: normal;
}

#post {
    background:#fff url(images/postcontent.gif) repeat-y;;
    padding-bottom: 9px;
    overflow: hidden;
    height: 1%;
}

#post .post-title {
    padding:8px 22px 0;
}

#post .post-title h2 {
    margin:0;
    color:#333;
    font:24px arial;
}

#post .post-title h2 a {
    color:green;
}

#post .post-title h2 a:hover {
    color:#FF7F00;
}

#post .post-title p.date {
    color:gray;
    margin:0;
    font-size:85%;
}

#post .post-title p.date a {
    border-bottom:1px solid gray;
    color:#000;
}

#post .post-title p.date a:hover {
    border-bottom:1px solid gray;
    color:#000;
}

#post .post-content {
    display:block;
    padding:0 15px;
    background:#fff;
    color:#333;
    font-family:tahoma;
    font-size:13px;
    border-left:1px solid #FF7F00;
    border-right:1px solid #FF7F00;
    border-bottom:1px solid #FF7F00;
}

#post .post-content a {
    border-bottom:1px solid #AFAFAF;
    color:#000;
}

#post .post-content a:hover {
    border-bottom:1px solid #000;
    color:#000;
}

#post .post-footer {
    clear:both;
    padding:0 10px;
    margin:15px 0 0;
    background-color:#f5f5f5;
    border:1px solid #f0f0f0;
}

#post .post-footer p{
    margin:5px 0 10px;
    padding:0;
    line-height: normal;
}

#post .search-title {
    padding:8px 22px 0;
}

#post .search-title h2 {
    margin:0;
    color:#333;
    font:24px arial;
}

#post .search-title h2 a {
    color:#0000CC;
}

#post .search-title h2 a:hover {
    color:#0000CC;
}

#post .search-title h2 a:visited {
    color:#551A8B;
}

#post .search-title h2 a:visited:hover {
    color:#551A8B;
}

#post .search-title p.date {
    color:gray;
    margin:0;
    font-size:85%;
}

#post .search-title p.date a {
    border-bottom:1px solid #AFAFAF;
    color:#000;
}

#post .search-title p.date a:hover {
    border-bottom:1px solid #000;
    color:#000;
}

#post .search-content {
    display:block;
    padding:0 22px;

    font-family:tahoma;
    font-size:13px;
}

#post .search-content p {
    margin: 0;
    font-style:italic;
}

#post .search-content .permalink {
    color:green;
}

#postbottom {
    height:7px;
    overflow: hidden;
    background: #fff url(images/postbottom.gif);
}

#posttop {
    height:7px;
    overflow: hidden;
    background: #fff url(images/posttop.gif);
}


/*
    Others
*/

ul.ul-list {
    margin:15px;
    padding:0;
    list-style:none;
}

ul.ul-list li {
    margin:0;
    margin-bottom:5px;
    padding:0;
    padding-right:20px;
    background:url("images/ico-list.gif") right 5px no-repeat;
}

#aside ul {
    margin:0 0 15px;
    padding:0;
    list-style:none;
}

#aside ul li {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    padding-right: 20px;
    background: url("images/ico-list.gif") right 5px no-repeat;
}

#aside ul li a, .col30content a, .col302 a {
    padding: 2px 0;
}

.hx-style01,
.hx-style02 {
    background: url("images/dot.gif") 0 60% repeat-x;
    line-height: normal;    
}

.hx-style01 span,
.hx-style02 span {
    padding: 0 0 0 5px;
    font-weight: bold;
    background: #f5f5f5;
    color: #FF7F00;
}

.hx-style02 {
    margin-top: 0;
}

.hx-style02 span {
    background:#8EC4E2;
    color:#FF7F00;
}

a.ico-more {
    padding:5px 7px;
    border:0 !important;
    background:#F5F5F5;
    color:#5F5F5F;
}

a:hover .ico-more {
    background:#FF7F00;
    color:#FFF;
}

.alignright {
    float:right;
}

.alignleft {
    float:left;
}

h3#comments,
h3#respond {
    color:green;
}
 
.commentlist li {
    border-right:1px solid #FF7F00;
    padding-right:12px;
}

.commentlist li cite {
    color:#FF7F00;
    font-style:normal;
    font-weight:bold;
}

.commentmetadata a {
    color:green;
    border: none;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 0 1px 5px;
}

#commentform textarea {
	width: 705px;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}

/*
    End Form Elements
*/

/*
    Begin Comments
*/

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0 0 15px;
	display: block;
}

img.avatar {
    float:left;
    margin-right:5px;
}

/*
    End Comments
*/

#footertop{
    height:7px;
    overflow: hidden;
    background: url(images/navtop.gif);
}

#footerbottom{
    height:7px;
    overflow: hidden;
    background: url(images/footer.gif);
}

.low,
.low a {
    color:#7F7F7F;
}

.low a:hover {
    color:#000;
}

/*
    extra
*/

.wp-polls {
    margin: 0;
}

#aside .wp-polls ul {
    margin: 0;
    padding: 0;
}

#aside .wp-polls ul li {
    background: none;
    margin: 0;
    padding: 0;
}

.audioplayer_container {
    text-align: center;
}

#page-content .sociable a {
    border: 0;
}

#map {
    width: 100%;
    height: 375px;
}

#map a {
    background: none;
}