/*   
Theme Name: Portal
Theme URI: http://5rbz.com
Description: A news portal theme designed by <a href="http://5rbz.com">خربز الترفيهية</a>.
Author: تعبت أشتآق ~
Author URI: http://5rbz.com
Version: 1.0
Tags: four-columns, advertise-ready, widget-ready, advanced-theme-options
*/

/* 1. Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

body {background: #d5d5d5 url(images/bg.png) repeat-x; color: #575757; font-family: tahoma, arial; font-size: 12px;}

/* 3. Hyperlinks */
a:link {color: #575757; text-decoration: none;}
a:visited {color: #575757;}
a:hover, a:active {color: #d27b4a;}
a img {border: none;}

h1, h2, h3 {font-family: arial; font-weight: bold;}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}

/* misc */
.left {float: left;}
.right {float: right;}
.center {display: block; text-align: center;}
.clear {clear: both;}

img {border: 0; padding: 2px;}
table {width: 100%;}
td, th, p, li {margin: 0; padding: 0;}
hr {border: none; background-color: #ccc; color: #ccc; height: 1px;}

form {padding: 2px;}
legend {color: #575757; font: bold 12px tahoma;}
select, option, optgroup {font: bold 11px tahoma; margin: 0 2px; padding: 3px;}
input, textarea {margin: 4px 2px; border: 1px solid #cacaca; padding: 4px; font-family: tahoma, arial; font-size: 12px;}

.thumb img {padding: 0; border: 0;}
.rss {background: url(images/rss.gif) no-repeat 4px 1px; padding: 0 0 0 19px !important;}

/*---------- TOP BANNER ----------*/
.banner {position: absolute; top: 25px; left: 10px;}
.banner a img {}

/* 4. Advertisement */
.ad468x60 {width: 468px; height: 60px;}
.ad300x250 {width: 300px; height: 250px; margin: 0 0 10px 0;}
.ad160x600 {width: 160px; height: 600px; margin: 0 0 10px 0;}
	
/* 5. Search Form */
#searchform {margin: 0 0 0 10px;}
#searchform input.searchinput, #searchform input.searchsubmit {-moz-border-radius: 3px; -webkit-border-radius: 3px; font: 12px tahoma, arial; height: 20px;}
#searchform input.searchinput {width: 120px; padding: 2px; color: #666; border: 1px solid #ccc;}
#searchform input.searchsubmit {width: 40px; padding: 2px; background: url(images/searchbg.gif) repeat-x center; color: #fff; border: 1px solid #689540; cursor: pointer;}
	
/* 6. Header */
#header {margin: 0; padding: 0; width: 100%; height: 230px; position: relative;}
#headline {margin: 0 auto; padding: 2px 0 3px 0; width: 970px; background: #edf1e0; font-size: 12px; line-height: 20px; border-bottom: 3px solid #b1c395; border-top: 1px solid #e2e7d2;}	
#logo {position: absolute; top: 18px; right: 0; width: 213px; height: 171px;}

.logo {float: right; background: url(images/logo.png) no-repeat; width: 239px; height: 57px; cursor: pointer;}
.textlogo {float: right; margin: 0 0 0 5px; font-family: impact; font-size: 48px;line-height: 60px;}	
.textlogo a, .textlogo a:hover {color: #d07d5e; text-decoration: none;}

/*---------- SOCIAL BOOKMARKS ----------*/
.social-bookmarks {position: absolute; top: 145px; left: 0; width: 124px; height: 35px;}
.social-bookmarks ul {padding: 5px; list-style-type: none; line-height: 24px;}
.social-bookmarks li {float: right; padding: 0 2px !important;}
.social-bookmarks li.twitter, .social-bookmarks li.plus, .social-bookmarks li.facebook, .social-bookmarks li.rss {display: block; width: 24px; height: 24px;}
.social-bookmarks li a {text-indent: -9999px; line-height: 24px;}
.social-bookmarks li a:hover {}
.social-bookmarks li.text {margin: 5px 0 0 10px; font: bold 12px Tahoma, Arial; color: #c46b39; text-shadow: 1px 1px 0 #fff;}

/*---------- LEFT LINKS ----------*/
#leftlinks {position: absolute; top: 190px; left: 0; height: 30px; width: 300px; background: none; border-bottom: 2px solid #cc765b;}
#leftlinks ul {list-style: none;}
#leftlinks ul li {float: right; padding: 0 8px 0 8px; line-height: 30px;}
#leftlinks ul li a:link, #leftlinks ul li a:active, #leftlinks ul li a:visited  {color: #575757; font-weight: bold; text-decoration: none;}
#leftlinks ul li a:hover {color: #ba3d49;}
#leftlinks ul li.last {padding: 0 8px 0 8px; background: none;}

/*---------- Search ----------*/
.search {position: absolute; top: 100px; left: 0; width: 210px; height: 35px;}

/*---------- BUTTON ----------*/
.button {background: #e3e3e3; border: 1px solid #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6; -moz-box-shadow: inset 0 0 1px 1px #f6f6f6; -ms-box-shadow: inset 0 0 1px 1px #f6f6f6; -o-box-shadow: inset 0 0 1px 1px #f6f6f6; box-shadow: inset 0 0 1px 1px #f6f6f6; color: #333; font: bold 12px tahoma, arial, helvetica, sans-serif; line-height: 1; padding: 4px; text-align: center; text-shadow: 0 1px 0 #fff; width: auto;}
.button:hover {background: #d9d9d9; -webkit-box-shadow: inset 0 0 1px 1px #eaeaea; -moz-box-shadow: inset 0 0 1px 1px #eaeaea; -ms-box-shadow: inset 0 0 1px 1px #eaeaea; -o-box-shadow: inset 0 0 1px 1px #eaeaea; box-shadow: inset 0 0 1px 1px #eaeaea; color: #222; cursor: pointer;}
.button:active {background: #d0d0d0; -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3; -moz-box-shadow: inset 0 0 1px 1px #e3e3e3; -ms-box-shadow: inset 0 0 1px 1px #e3e3e3; -o-box-shadow: inset 0 0 1px 1px #e3e3e3; box-shadow: inset 0 0 1px 1px #e3e3e3; color: #000;}

/*---------- NAVIGATION ----------*/
.menu-home-container {position: absolute; top: 190px; right: 0; height: 35px; width: 640px; background: #cc765b url(images/nav_bg.png) repeat-x; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.menu-home-container ul {list-style: none;}
.menu-home-container ul li {float: right; padding: 0 8px 0 8px; background: url(images/seperator.png) no-repeat left; line-height: 34px;}
.menu-home-container ul li a:link, .menu-home-container ul li a:active, .menu-home-container ul li a:visited  {color: #faceb8; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 0 #af6038;}
.menu-home-container ul li a:hover {color: #fff;}
.menu-home-container ul li.last {padding: 0 8px 0 8px; background: none;}

/* 7. Vertical Menu */
.vertical {background: #f9fafa; margin-bottom: 10px; padding: 0 10px; border: 1px solid #ccc;}
.vertical ul {width: 160px;}
.vertical li a {display: block; width: 131px; padding: 5px; text-decoration: none; font: bold 16px avant grade; color: #222;}
.vertical li a:hover { color: #d07d5e; text-decoration: none; }
.vertical li { display: inline; }
.vertical li ul { position: absolute; margin: -31px 0 0 159px; }

/* 8. Horizontal Menu */
.horizontal ul {display: block; list-style-type: none;}
.horizontal li {float: right; display: inline; padding: 0; list-style: none;}
.horizontal li a {float: right; display: block; padding: 4px 10px; text-decoration: none; font: bold 12px tahoma, arial; border-left: none;}
.horizontal li li {background: none !important;}
.horizontal li li a {padding: 6px 10px; line-height: 16px; border-top: none; border-bottom: 1px solid #ccc;}
.horizontal li ul {display: block; background: #f9fafa; position: absolute; width: 134px; height: auto; margin-top: 20px; margin-left: -1px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.horizontal li li ul {position: absolute; margin-top: .1em; margin-left: 100px;}
.horizontal li ul li a {width: 114px;}
.inaccesible li ul {display: none;}
	
/* 9. Wrappers */
#wrapper {margin: 0 auto; padding: 0 10px; width: 1120px; background: #fff;}
#content_home {float: right; margin: 0 10px; padding: 0;}
#content_page {float: right; margin: 0 10px; padding: 0; width: 700px;}
#pagewrapper {float: right; width: 790px;}

/* 10. Columns */
#column3 {}

/* 11. Featured Content Slider */
#slider {background: #f9fafa; width: 488px; margin: 0 0 10px 0; padding: 0;}
#featured {width: 488px; padding: 0; position: relative; height: 236px; background: #000;}
#featured ul.ui-tabs-nav {position: absolute; background: none; top: 4px; right: 4px; width: 95px; list-style: none; color: #fff;}
#featured ul.ui-tabs-nav li {float: right; padding: 0 0 2px 0;}
#featured ul.ui-tabs-nav li img {float: right; background: #fff; margin: 2px; padding: 1px; border: 1px solid #666;}
#featured li.ui-tabs-nav-item a {display: block; background: none; height: 54px; padding: 2px;}
#featured li.ui-tabs-nav-item a:hover {background: #c9d18b;}
#featured li.ui-tabs-selected {padding: 2px;}
#featured ul.ui-tabs-nav li.ui-tabs-selected a {background: #333;}
#featured .ui-tabs-panel {float: left; background: #000; width: 488px; margin: 0; padding: 0; position: relative;}
#featured .ui-tabs-panel .info {position: absolute; background: #111; width: 377px; bottom: 0; left: 0; opacity: .75;filter: alpha(opacity=75); padding: 8px;}	
#featured .info h2 {font-size: 18px; color: #fff; line-height: 22px; overflow: hidden;}
#featured .info a {text-decoration: none; color: #fff;}
#featured .info a:hover {text-decoration: underline;}
#featured .ui-tabs-hide {display: none;}
	
/* 12. Postbox */
.postbox {width: 210px; margin: 0 0 10px 0;}
.postbox h1 {height: 28px; padding: 0; font-family: tahoma, arial; font-size: 12px; line-height: 29px;}
.postbox h1 a, .postbox h1 a:visited {color: #a3a3a3;}
.postbox h1 a:hover {color: #c9744a; text-decoration: none;}
.postbox h2 {font-family: tahoma, arial; font-size: 12px; line-height: 18px;}
.postbox h2 a, .postbox h2 a:visited {color: #353535;}
.postbox h2 a:hover {color: #c9744a;}
.postbox ul {padding: 2px 0 0 0; list-style: none;}
.postbox ul li {padding: 0 0 6px 0;}
.postbox ul li a, .postbox ul li a:visited {color: #a3a3a3;}
.postbox ul li a:hover {color: #c9744a;}
.boxcontent {padding: 0;}
.boxcontent h5 {margin: 0; padding: 3px 0 4px 0; color: #666;}
.boxcontent h5 a, .boxcontent h5 a:hover {color: #666;}
.more {margin: 10px 0 5px 0; color: #c9744a; font: 12px Tahoma, Arial;}

/* 13. Content */
#fullcontent {float: right; width: 100%; padding: 0;}
.pagetitle {padding: 3px 0 10px 0; font: bold 16px arial, tahoma;}
.posttitle {margin: 0 0 10px 0; font: bold 16px arial, tahoma; color: #333; line-height: 24px;}
.posttitle a, .posttitle a:visited {color: #222;}
.postmeta { padding: 20px 0 5px 0; }
.browse {border-bottom: 1px solid #d3d3d3; color: #747474; height: 32px; line-height: 32px; font-weight: bold;}
.browse a, .browse a:visited {color: #d07d5e;}

/* 14. Entry */
.entry { padding: 15px 0 10px 0; color: #222; line-height: 1.4em; border-top: 1px solid #ccc; }
.entry p { padding-bottom: 10px; }
.entry strong { font-weight: bold; }
.entry em { font-style: italic; font-weight: normal; }
.entry strong em, .entry em strong { font-style: italic; font-weight: bold; }
.entry h1 {padding: 0 0 7px 0; }
.entry h2 { font-size: 18px; font-weight: bold; padding: 0 0 7px 0; }
.entry h3 { font-size: 16px; font-weight: bold; padding: 0 0 7px 0; }
.entry h4 { font-size: 14px; font-weight: bold; padding: 0 0 7px 0; }
.entry h5 { font-size: 13px; font-weight: bold; padding: 0 0 7px 0; }
.entry h6 { font-size: 12px; font-weight: bold; padding: 0 0 7px 0; }
.entry a { color: #d07d5e; }
.entry a:hover {color: #d07d5e; text-decoration: underline; }
.entry a img {border: none; }
.entry ul {margin: 0 0 0 7px; padding-bottom: 10px; list-style: none;}
.entry ol {margin: 0 0 10px 25px; list-style-type: decimal; }
.entry ol ol { list-style: upper-alpha;}
.entry ol ol ol {list-style: lower-roman;}
.entry ol ol ol ol {list-style: lower-alpha;}
.entry ul ul, .entry ol ol, .entry ul ol, .entry ol ul { margin-bottom: 0; }
.entry ul li {padding: 3px 8px 3px 0; font-size: 12px; line-height: 15px;}
.entry ol li {padding: 3px 0 3px 0; font-size: 12px; line-height: 15px;}	
.entry li a:link, .entry li a:visited {color: #222;}
.entry li a:hover {color: #d07d5e;}
.entry li ul {margin: 0;padding: 0; }
.entry del { text-decoration: line-through;color: #aaa; }
.entry ins { text-decoration: underline; font-weight: bold; }
.entry code { display: block; background: #f9f9f9;margin: 10px 0; padding: 10px; font: 12px Monaco, monospace; color: #333; border-left: 4px solid #ccc; }
.entry blockquote { background: #f9f9f9; font-size: 12px; line-height: 16px; color: #333; margin: 15px 0; padding: 10px; border: 1px solid #ccc; }
.entry blockquote cite { display: block; margin: 5px 10px 5px 10px; font-size: 12px; color: #555; font-style: italic; text-align: left; }
.entry blockquote.alignright { width: 40%; margin: 0 0 10px 1em; }
.entry blockquote.alignleft { width:40%; margin: 0 1em 10px 0; }
.entry blockquote p { margin: 0; }
.entry hr { background: #ccc; color: #ccc; clear: both; width: 100%; height: 1px; margin: 15px 0; border: none; }
.entry input, .entry textarea { font-size: 1em; padding: 3px; }
.tags {background: #fff url(images/tag.gif) no-repeat right; margin: 5px 0 0 0; padding: 0 20 0 0; color: #222;}
.tags a, .tags a:visited {color: #222; text-decoration: none;}
.tags a:hover { color: #d07d5e; text-decoration: underline;}

/* 15. Archive */
.archive {padding: 10px 0; border-bottom: 1px solid #ccc;}
.archive .thumb {padding: 0 0 0 10px;}
.archive h2 {margin: 0 0 8px 0; font-size: 12px; font-weight: bold; line-height: 20px;}
.archive h2 a, .archive h2 a:visited {color: #222;}	

/* 16. Images */
img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; padding: 0; }
img.alignnone { padding: 0; margin: 0 0 10px 0; display: inline; }
img.alignright { padding: 0; margin: 0 0 10px 10px; display: inline; }
img.alignleft { padding: 0; margin: 0 10px 10px 0; display: inline; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; }
.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }
.wp-caption {padding: 0;}
.wp-caption img { margin: 0 0 5px 0; padding: 0; border: 0; }
.wp-caption p.wp-caption-text { margin: 0; padding: 0; font-size: 11px; font-weight: normal; line-height: 12px; }

/* 17. Sidebar */
#pageleft {float: left; width: 160px; margin: 8px 0 0 0;}
#sidebar {float: left; margin: 0; width: 300px;}
#sidebar li ul {border: none;}
#sidebar a, #sidebar a:visited {color: #222;}
#sidebar a:hover {color: #d07d5e;}
.rightsidebar {float: right; width: 170px; margin: 0;}
.box {margin: 0; padding: 5px; color: #222;}

/* 18. Tabber */
.tabber {width: 300px; margin: 0 0 10px 0;}
.tabber ul {background: #fff;}
.tabs {display: block; margin: 0 1px 0 0;}
.tabs li {float: right; display: inline; background: #f9fafa url(images/menu.jpg) repeat-x;}
.tabs li a {display: block; margin: 0 -1px 0 0; padding: 6px 10px; font-size: 11px; font-weight: bold; border: 1px solid #ccc;}
.tabs li a:hover {background: #fff; color: #91654a; text-decoration: none;}
.tabs li a.selected, .tabs li a.selected:hover {background: #fff; color: #a3a3a3; border-bottom: 1px solid #fff;}
.tabcontent {display: none; width: 278px; margin: -1px 0 0 0; padding: 10px 10px 5px 10px; border: 1px solid #ccc;}
.tabcontent li {list-style: none; padding: 0 0 5px 0;}

/* 19. Widgets */
.fullwidget {width: 300px;}
.leftwidget {float: left; width: 145px;}
.rightwidget {float: right; width: 145px;}
.rightsidebar ul li, .fullwidget ul li, .leftwidget ul li, .rightwidget ul li, #pageleft ul li {padding: 5px 0 0 0;}
.rightsidebar h3, .leftwidget h3, .rightwidget h3, .fullwidget h3, #pageleft h3 {height: 28px; padding: 0; font-family: tahoma,arial; font-size: 12px; font-weight: bold; line-height: 29px; border-bottom: 2px solid #b3b3b3;}
.rightsidebar h3 a {text-decoration: none; line-height: 29px;}
.rightsidebar a {font-size: 1em; line-height: 15px;}
.rightsidebar h2 a {color: #d07d5e;}
.rightsidebar span {float: left; width: 92px;}
.leftnews {padding: 7px 0 7px 0; border-bottom: 1px dotted #ccc;}
.leftnews .thumb {float: right;}
.rsswidget img {width: 12px; height: 12px;}

/* 20. Calendar*/
#wp-calendar {width: 100%;}
#wp-calendar, #wp-calendar th, #wp-calendar caption {text-align: center;}
#wp-calendar th {background: #f5f5f5; padding: 3px; border: 1px solid #f0f0f0;}
#wp-calendar td {padding: 5px 2px; border: 1px solid #f0f0f0;}
#wp-calendar caption {background: transparent; font-weight: bold; padding: 3px 0 7px 0; color: #333;}
#wp-calendar #today {background: #f5f5f5; font-weight: bold;}

/* 21. Comments */
#respond {margin: 10px 0 0 0;}
#respond p {color: #777;margin: 0;}
.comments-box {padding: 20px 0 0 0; border-top: 1px solid #ccc;}
.comments-box h2 {margin: 0;padding: 0; font-size: 18px; letter-spacing: -1px;color: #222;}
.cancel-comment-reply {padding: 5px 0 0 0; font-size: 11px;}
.text {border: 1px solid #ccc; padding: 2px; color: #777; width: 200px;}

/* 22. Comment Framework */
#pings {margin-bottom: 40px;}		
ul.children {margin-left: 0;}
ol.commentlist {margin: 20px 0 0 0;}	
cite.fn {font-size: 14px; font-weight: bold; letter-spacing: -0.05em; display: block; padding-top: 9px;}	
cite.fn a, cite.fn a:hover {color: #333; text-decoration: none;}
span.says {display: none;}
.commentlist li {margin: 0 0 10px 0; padding: 10px; background: #f6f6f6; list-style: none; border: 1px solid #e9e9e9;}
.commentlist li.depth-2 {background: #ffffff; border: 1px solid #e9e9e9; margin-left: 10px;}
.commentlist li.depth-3	{background: #f6f6f6; border: 1px solid #e9e9e9; margin-left: 10px;}
.commentlist li.depth-4	{background: #ffffff; border: 1px solid #e9e9e9; margin-left: 10px;}
.commentlist li.depth-5	{background: #f6f6f6; border: 1px solid #e9e9e9; margin-left: 10px;}
.commentlist code {background: #ccc; padding: 3px; }
.commentlist .moderation {margin-top: 10px; color: #660000;}
.commentlist .children {margin-top: 15px;}
.commentlist p {clear: both;}
.comment-author {margin-bottom: 5px;}
.avatar {margin-right: 10px; float: left; padding: 1px; border: 1px solid #ccc; background: #fff;}
.reply {margin: 10px 0 0 0;}
.reply a, .reply a:visited  {background: #666; color: #fff; padding: 3px 6px; text-align: center; text-decoration: none !important; font-size: 11px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
.reply a:hover {background: #333; color: #fff;}
.comment-meta {float: left; margin-bottom: 15px;}
.comment-meta a {color: #222;}
.comment-date a, .comment-date a:visited {color: #888; font-size: 1.1em;}

/* 23. Comment Form */
#commentform input {width: 210px; margin: 7px 3px 0 0; padding: 4px; font-size: 1.1em; border: 1px solid #ddd;}
#commentform .author, #commentform .email, #commentform .url {padding: 5px; background: #fff; color: #999; font-style: italic;}
#commentform textarea {width: 75%; height: 100px; margin: 7px 0 0 0; padding: 2px; font: 12px Tahoma, Arial, Helvetica, sans-serif; line-height: 16px; border: 1px solid #ddd;}
#commentform .submit {background: #666; width: auto; color: #fff; padding: 4px 8px; text-align: center; font-size: 12px; font-weight: bold; cursor: pointer; border: none;}

/* 24. Pagination */
.pagenavi {padding: 10px 0 0 0;}
.nextprev a {padding: 7px 0;}

/* 25. Footer */
.footerwidget {float: right; width: 235px; padding: 5px;}
#footer {margin: 10px 0 0 0; padding: 0; height: 180px; width: 100%; border-top: 2px solid #cc765b;}
#footer  h3 {font: bold 16px arial; margin: 0 0 5px 0;}
#footer ul {display: block; float: right;}
#footer ul li {padding: 0 0 4px 0;}
#footer p {margin: 0; padding: 10px 0; font-size: 11px; text-align: center;}
#bottom {padding: 0; height: 20px; text-align: left;}