*/HaYeF al ajme 101 KuwaiT
<Group description="General Text" selector="body">
<Variable name="body.font" description="Font" type="font"
default="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="body.text.color" description="Text Color" type="color" default="#000000"/>
</Group>
<Group description="Links" selector="body">
<Variable name="link.color" description="Link Color" type="color" default="#157cc3"/>
<Variable name="link.hover.color" description="Hover Color" type="color" default="#ac3938"/>
</Group>
<Group description="Blog Title" selector="h1.title">
<Variable name="title.text" description="Title Font" type="font"
default="normal bold 30px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="title.text.color" description="Title Text Color" type="color" default="#101010"/>
<Variable name="title.link.color" description="Title Link Color" type="color" default="#101010"/>
</Group>
<Group description="Blog Description" selector="#header-wrapper .description">
<Variable name="description.text" description="Description Font" type="font"
default="normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
<Variable name="description.text.color" description="Description Text Color" type="color" default="#ac3938"/>
</Group>
<Variable name="styling.font" description="Styling Font" type="font"
default="normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>
*/
/* CSS Reset
* By Eric Meyer */
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,font,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{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
/* Custom
* ------------------ */
body#layout{
max-width:100%;
}
body#layout #slider-wrapper{
display:none
}
body#layout #main-wrapper{
display:none
}
body#layout #header-wrapper {
height:100px;
}
body#layout #logo {
left:0;
top:15px;
}
.navbar {
display:none
}
.widget {
margin:0;
padding:0
}
.clearfix:after{
clear:both;
content:" ";
display:block;
font-size:0;
height:0;
visibility:hidden
}
* html .clearfix,:first-child+html .clearfix{
zoom:1
}
.clear {
display:block;
clear:both;
float:none;
border:none;
font-size:0;
height:0;
overflow:hidden;
margin:0;
padding:0
}
/* TYPOGRAPHY
* ------------------ */
/* Link */
a {
color:#b43e3d;
text-decoration:none
}
a:hover,
a:focus,
a:active {
color:#ac3938;
text-decoration:none
}
/* Styling Font */
h1,h2,h3,h4,h5,.sf-menu a,#blog-pager,.feed-links,.jump-link a, #navlist a{
font:normal 13px Droid Sans;
}
/* Heading */
h1 {font-size:28px; line-height:45px; margin-bottom:24px;}
h2 {font-size:24px; line-height:35px; margin-bottom:20px;}
h3 {font-size:40px; line-height:25px; margin-bottom:18px;}
h4 {font-size:16px; line-height:15px; margin-bottom:16px;}
h5 {font-size:14px; line-height:15px; margin-bottom:14px;}
h6 {font-size:12px; line-height:15px; margin-bottom:10px;}
/* List */
ul{list-style:square;}
ol{list-style-type:decimal;padding-left:30px;}
ol ol{list-style:upper-alpha;}
ol ol ol{list-style:lower-roman;}
ol ol ol ol{list-style:lower-alpha;}
/* Pre/Code */
pre{
font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
white-space:pre;
overflow:auto;
clear:both;
line-height:19px;
background:#eeeeee;
border:1px solid #d3d3d3;
padding:10px
}
code{
padding-left;
display:block;
padding:10px;
font:12px/18px Consolas, "Andale Mono", Courier, "Courier New", monospace;
background:#eeeeee;
border:1px solid #d3d3d3;
}
/* Blockquote */
blockquote {
margin: 15px 10px 15px 10px;
font:italic normal 13px Georgia, Bitstream Charter, serif;
padding:10px 10px 10px 50px;
background:#eeeeee url(https://lh6.googleusercontent.com/-ZwhzK_cNm6Y/TvCxcDAFnyI/AAAAAAAAAgg/ocSwVsyHq1E/h1600/quote.png) no-repeat 0 0;
border:1px solid #d3d3d3;
}
blockquote cite{
font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:300;
letter-spacing:1px;
text-transform:uppercase;
margin: 5px 0 0;
display: block;
}
* ================== */
body {
font:normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color:#000000;
background:#e5b867 url(http://2.bp.blogspot.com/-OAOJfTXT9Hk/UAVIJxv_1yI/AAAAAAAAADM/L8omZUBKvRc/s1600/page_t.jpg) repeat top left;
}
#page {
background: url(http://2.bp.blogspot.com/-4kvbSn6wOWs/UAVIJi7ccKI/AAAAAAAAADA/A--1whfde7g/s1600/page_gl.png) no-repeat top left;
padding:10px 0;
}
#wrapper {
width:942px;
background:#000000 url(http://2.bp.blogspot.com/-vEKmtWFmEBw/UAVJWJ0mzbI/AAAAAAAAADY/dikQeaYy-Io/s1600/pbody.png) repeat-y scroll -9px 0px;
margin:10px auto 0 auto;
border: 2px solid #fefefe;
border-bottom: none;
padding:0px 0px 10px 0px;
text-align:left;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 5px 5px 0px 0px;
border-radius: 5px 5px 0px 0px;
}
/* HEADER AREA
* ================ */
#header-wrapper {
background:url(http://1.bp.blogspot.com/-v7H7SJCYBok/UAVHfZzotVI/AAAAAAAAACc/1lktsXMKdJY/s1600/header.jpg) no-repeat scroll 0px 5px;
height:350px;
padding:0px 0px 10px 0px;
position:relative
}
/* Logo */
#logo {
text-align:left;
float:left;
width:400px;
padding-right:15px;
margin:50px 60px 0px 250px;
}
#logo h1.title{
font-size:29px;
font:normal normal 30px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
color:#101010;
font-weight:normal;
margin:0 0 5px 0;
padding:0;
line-height:100%;
}
#logo h1.title a{
color:#101010;
}
/* Description */
#logo .description{
font:normal 16px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color:#ac3938;
margin:0;
padding:0;
line-height:100%;
}
/* Top Menu */
#navlist {
background:url(#) no-repeat top center;
float:right;
width: 500px;
height: 31px;
margin:20px 0px 0px 0px;
padding:0px 5px 5px;
}
#navlist h2{
display:none
}
#navlist ul{
font-size:20px;
font-weight:400;
text-transform:uppercase;
margin:0;
padding:0
}
#navlist li {
background: url(http://3.bp.blogspot.com/-cMuz8bpnKlY/UAVPW9uwE0I/AAAAAAAAAEM/f3upF0AMS7k/s1600/menuseparator.png) no-repeat left center;
float:left;
list-style:none;
margin:0;
padding:0
}
#navlist li a{
font-weight:bold;
float:left;
background:url(http://2.bp.blogspot.com/-FYAV3rzvJT0/UAVPL1vjFaI/AAAAAAAAAEA/PkKs_LA3X8s/s1600/menuitem.png) no-repeat 0 0;
color:#ffffff;
height:29px;
line-height:29px;
margin:0 5px 0 0;
padding:0 18px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 5px 0px 5px;
border-radius: 0px 5px 0px 5px;
}
#navlist li a:hover {
background-position:0 -29px;
color:#101010;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 5px 0px 5px;
border-radius: 0px 5px 0px 5px;
}
#navlist li.selected a{
background-position:0 -58px;
color:#101010;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 0px 5px 0px 5px;
border-radius: 0px 5px 0px 5px;
}
/* CONTENT AREA
* ================ */
#content{
padding:0px 0px 0px 10px;
}
#main-wrapper{
width:595px;
float:right;
margin:-163px 4px 0px 0px;
padding:0px 10px 0px 10px;
border-top:none;
overflow:hidden;
}
#sidebar-wrapper{
width:300px;
float:left;
margin:0;
margin:-37px 0px 0px 0px;
padding:20px 10px 10px 0px;
}
#main, #sidebar-1, #sidebar-2{
margin:0;
padding:0;
}
/* Post */
.date-header{
display:none
}
.post, #comments{
padding:10px;
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
background:#ffffff;
margin:0 0 15px;
}
.post-title {
background:url(http://4.bp.blogspot.com/-k-nVI_rPeoQ/UBGU0KVwnII/AAAAAAAAAHQ/m75ZNRNX_uU/s1600/post_s.png) no-repeat 0px 8px;
font-size:20px;
margin:0 0 8px 0;
padding:0px 0px 0px 18px;
}
.post-header{
font-size:12px;
line-height:20px;
}
.post-timestamp{
background:url(https://lh4.googleusercontent.com/-3W_tEhgPKnM/TuZWzw46tPI/AAAAAAAAAM0/uBe0yIh4gOQ/h80/clock.png) no-repeat 0 2px;
margin:0px !important;
padding:2px 0 2px 20px;
}
.post-author{
background:url(https://lh6.googleusercontent.com/-VWBi-qxn7O0/TuZXofJSekI/AAAAAAAAAM8/bIZxTP00R3o/h80/author.png) no-repeat 0 0px;
margin:0 0 0 10px !important;
padding:2px 0 2px 20px;
}
.post-body{
margin:15px 0;
}
.post-body img{
background:#fff;
border:1px solid #ccc;
padding:3px;
max-width:472px;
}
.post-footer{
color:#101010;
background:#fefefe;
border:1px solid #eeeeee;
font-size:11px;
padding:5px 10px;
position:relative;
}
.jump-link {
position:absolute;
right:10px;
top:20px;
}
.jump-link a{
background:#eeeeee;
padding:8px 12px;
font-weight:bold;
font-size:12px;
border-radius:4px;
-o-border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px 4px 4px 4px;
-khtml-border-radius:4px;
color:#101010
}
.feed-links {
color:#101010;
heght:33px;
line-height:33px;
padding-left:33px;
background:url(https://lh3.googleusercontent.com/-Cr8gEOxS9ic/TuSxhSWhnLI/AAAAAAAAAK8/_1gHAdR-daY/h1600/feed_icon.png) no-repeat left center;
font-size:14px;
font-weight:bold
}
/* Comments */
#comments h4 {
font-size:16px;
margin-bottom:10px;
}
#comments-block {
margin:0;
position:relative;
}
.avatar-image-container {
float:left;
}
.avatar-image-container .photo,
.avatar-image-container img{
border:1px solid #none;
}
.comment-footer {
font-size:11px;
}
/* Blog Pager */
#blog-pager {
background:#ffffff;
border:1px solid #101010;
padding:10px
}
#blog-pager a {
color:#101010;
font-size:12px;
font-weight:bold;
display:inline-block;
}
#blog-pager a:hover{
color:#101010;
}
/* Sidebar Widget */
.sidebar h2{
background:url(http://3.bp.blogspot.com/-BI5LNcjS7es/UAVHf3O0j5I/AAAAAAAAAC0/Huf_-MxK-AQ/s1600/blockheader.png) no-repeat 0 0;
font-size:14px;
margin:0;
padding:1px 10px 0px 30px;
color:#e7f2e8;
height:30px;
line-height:30px;
}
.sidebar .widget{
background: url(http://3.bp.blogspot.com/-Tjiu8UipnEo/UAVJ8yNQWsI/AAAAAAAAADw/niE4__Bc7R4/s1600/block_c.png) repeat 0 0;
-moz-border-radius:8px 8px 8px 8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-khtml-border-radius:8px;
border-radius:8px;
margin:0 0 10px 0;
padding:8px;
}
.sidebar .widget-content{
margin:0px 0 10px 0;
padding:5px 5px 5px 8px;
color:#101010;
}
.sidebar ul{
margin:0;
padding:0;
list-style:none
}
.sidebar ul li{
background:url(http://1.bp.blogspot.com/-_lSy_mKorI0/UAVJ8u0faXI/AAAAAAAAADk/4AEPVBDToM0/s1600/blockcontentbullets.png) no-repeat 0 3px;
padding:4px 0 3px 10px;
}
.sidebar ul li a{
color:#ffffff;
}
.sidebar ul li a:hover{
color:#fefefe;
}
/* FOOTER
* ---------- */
#credit-footer {
background:#e7b762 url(http://4.bp.blogspot.com/-cDP7-H0mCeQ/UAVHft9iNlI/AAAAAAAAACo/ncQ56GprmIU/s1600/footer.png) no-repeat top center;
border: 2px solid #fefefe;
border-top:none;
width: 942px;
margin:0 auto;
padding:10px 0;
text-align:center;
font-size:11px;
overflow:hidden;
position:relative;
color:#fff;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
#credit-footer a{
text-decoration:underline;
color:#fff
}
/* SLIDESHOW
* ---------- */
#slider-wrapper {
background:#eeeeee;
border:1px solid #eeeeee;
margin:0 0 15px;
padding:10px;
position:relative;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#slider {
position:relative;
width:574px;
height:250px;
overflow:hidden
}
/* The Nivo Slider styles */
.nivoSlider {
position:relative
}
.nivoSlider img {
position:absolute;
top:0;
left:0
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
z-index:6;
display:none;
margin:0;
padding:0
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%
}
.nivo-box {
display:block;
position:absolute;
z-index:5
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:10px;
bottom:10px;
background:#000;
color:#fff;
z-index:8;
display:inline-block;
width:60%
}
.nivo-caption h1 {
margin-bottom:2px;
line-height:100%;
}
.nivo-caption h1 a {
font-size:18px;
}
.nivo-caption p {
margin:0;
padding:10px
}
.nivo-caption p p {
font-size:12px;
padding:0
}
.nivo-caption a,.nivo-caption a:hover {
color:#fff
}
.nivo-html-caption {
display:none
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
position:absolute;
right:15px;
bottom:15px;
font-size:12px
}
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
background-color:#000;
color:#fff;
opacity:0.67;
padding:4px 8px
}
.nivo-controlNav a.active {
background-color:#fff;
color:#000;
text-decoration:none
}