/*   
Theme Name: Flora
Theme URI: www.thebookish.info
Description: Artistic Design Wordpress Theme  
Author: Sameh Khalil
Author URI: www.thebookish.info
Version: 1
Tags: Fixed width, Widget ready, two columns
.
This work is under Creative Commons Attribution-Share Alike 3.0 License.
http://creativecommons.org/licenses/by-sa/3.0/
.
*/
/*************** General rules *************************************/
* {
margin:0;
padding:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul{
margin:1em 0;
}
img{
border:0;
}
a:link{
color:#5c7996;
text-decoration:underline;
}
a:visited{
color:#40556a;
}
a:hover {
text-decoration:none;
color:#6794c2;
}
.clear{
clear:both;
}
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%; }
.clearfix {display:block;}
/* End hide from IE-mac */
body{
font:62.5%/1.6 Arial, Helvetica, sans-serif;
background:url(images/bg.jpg) repeat 0 0;
text-align:center;
color:#4e4e4e;
}
#grandWrap{
width:100%;
margin:0;
background:url(images/bg_main.jpg) no-repeat 50% 0;
}
#header{
width:980px;
height:143px;
margin:0 auto;
padding:0;
position:relative;
}
#logo{
position:absolute;
top:30px;
left:45px;
font-size:26px;
font-family:"Times New Roman", serif;
color:#685b43;
margin:0;
font-weight:bold;
}
#logo a:link, #logo a:visited{
color:#685b43;
text-decoration:none;
}
#logo a:hover{
color:#85785f;
}
#header p{
color:#746f66;
font-size:13px;
font-weight:bold;
margin:0;
padding:0;
position:absolute;
top:55px;
left:100px;
}
#navBar{
padding:0 10px 0 0;
margin:0;
position:absolute;
top:0px;
right:0px;
height:33px;
background:url(images/nav_r.png) no-repeat 100% 0;
}
#navBar ul{
list-style-type:none;
background:url(images/nav_l.png) no-repeat 0 0;
height:33px;
padding:0 0 0 10px;
margin:0;
}
#navBar li{
display:block;
float:left;
height:33px;
width:auto;
margin:0;
padding:0;
position:relative;
}
#navBar li a{
display:block;
float:left;
width:auto;
height:28px;
padding:5px 10px 0;
color:#413c34;
font-size:13px;
font-weight:bold;
text-decoration:none;
background:url(images/nav_bg.png) repeat 0 0;
}
#navBar li a:hover,#navBar li.current_page_item a,#navBar :hover > a{
color:#afa593;
background:url(images/navh.png) repeat 0 0;
}
#navBar li ul{
display:none;
padding:0;
margin:0;
position:absolute;
left:0px;
top:33px;
height:100%;
z-index:5;
width:150%;
background:none;
}
#navBar li ul li{
display:block;
padding:0;
float:left;
height:100%;
width:100%;
margin:0;
text-align:left;
position:relative;
}
#navBar li ul li a,#navBar li.current_page_item ul li a{
width:inherit;
display:block;
margin:0;
padding:5px 10px 0px 10px;
color:#413c34;
font-size:13px;
font-weight:bold;
text-decoration:none;
background:url(images/nav_bg.png) repeat 0 0;
}
#navBar li ul li a:hover,#navBar li.current_page_item ul li a:hover,#navBar li ul li.current_page_item a,#navBar li ul li.current_page_item a:hover{
color:#afa593;
background:url(images/navh.png) repeat 0 0;
}
#bookmark{
list-style-type: none;
padding:0;
margin:0;
}
#bookmark li{
width:32px;
height:32px;
position:absolute;
}
li.rss{
top:62px;
left:501px;
}
li.twitter{
top:92px;
left:541px;
}
#bookmark li a{
display:block;
}
#containerGrandWrap{
margin:0 auto;
width:964px;
padding:0;
background:url(images/con_bg.png) repeat-y 0 0;
}
#containerWrap{
width:964px;
padding:0 0 20px 0;
background:url(images/con_bot.jpg) no-repeat 0 100%;
}
#container{
background:url(images/con_top.jpg) no-repeat 0 0;
width:940px;
padding:20px 12px 0 12px;
text-align:left;
position:relative;
font-size:14px;
}
#content{
width:600px;
padding:0;
margin:0;
float:left;
font-size:14px;
}
#secBar{
width:320px;
margin:0;
padding:0;
float:right;
position:relative;
}
#searchForm{
width:320px;
height:57px;
background:url(images/search_bg.jpg) no-repeat 0 0;
padding:0;
margin:0 0 10px;
text-align:left;
list-style-type:none;
position:relative;
}
input#s{
background:url(images/input_bg.png) no-repeat 0 0;
width:218px;
height:21px;
padding:5px;
margin:0;
border:none;
color:#4e4e4e;
font-size:14px;
font-weight:normal;
position:absolute;
top:13px;
left:8px;
}
input#searchsubmit{
margin:0;
padding:0;
background:url(images/btn.png) no-repeat 0 0;
width:68px;
height:31px;
border:none;
cursor:pointer;
color:#4b4f54;
font-size:13px;
font-weight:bold;
position:absolute;
top:13px;
right:8px;
}
input#searchsubmit:active{
top:14px;
right:7px;
}
label.hidden{
display:none;
}
#footer{
margin:0 auto;
width:960px;
padding:10px 2px;
text-align:left;
}
#footer p{
margin:0;
padding:0;
}
div.footerItem{
float:left;
margin:0;
width:300px;
padding:0 10px;
}
.footerItem h3{
font-size:20px;
font-weight:normal;
font-family:Georgia,"Times New Roman",Times,serif;
color:#645e54;
margin:5px 0;
padding:0;
}
.footerItem ul{
text-align:left;
list-style-type:none;
margin:0 0 20px 0;
padding:0;
}
.footerItem ul li{
margin:0;
padding:0;
width:300px;
color:#2e2e2e;
}
.footerItem ul li a{
text-decoration:none;
display:block;
width:290px;
padding:2px 5px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#797774;
}
.footerItem ul li a:hover{
color:#2e2e2e;
}
#copyrights{
clear:both;
border-top:1px solid #bcb19e;
width:940px;
margin:0 auto;
padding:10px 10px;
text-align:left;
color:#2e2e2e;
font-weight:normal;
font-size:12px;
}
#copyrights a{
color:#545454;
}
#copyrights a:hover{
color:#2e2e2e;
}
#copyrights p{
margin:0;
padding:4px 0 0 0;
}
/*************** Post Rules ***************/
.post{
width:600px;
padding:0;
margin:0 0 20px 0;
position:relative;
border-bottom:1px solid #d7dde3;
}
img.thumbnail{
width:154px;
height:134px;
}
a img.thumbnail{
float:left;
margin:0 5px 5px 0;
padding:0px;
border:3px solid #d7dde3;
}
a:hover img.thumbnail{
border:3px solid #cad1d7;
}
h2.headline{
padding:0;
height:auto;
width:430px;
margin:0 0 0 170px;
font-size:16px;
font-weight:bold;
color:#7a7d83;
font-family:Georgia,"Times New Roman",Times,serif;
}
h2.headline a:link,h2.headline a:visited{
color:#7a7d83;
text-decoration:none;
}
h2.headline a:hover{
color:#969aa1;
}
h4.postMeta{
width:415px;
margin:0 0 0 170px;
padding:0;
font-size:12px;
color:#757575;
}
.entry{
color:#4e4e4e;
text-align:left;
padding:0px;
width:430px;
margin:0 0 0 170px;
font-size:13px;
}
.entry p{
margin:0.5em 0;
}
.post h3{
font-size:18px;
font-family:Georgia,"Times New Roman",Times,serif;
font-weight:normal;
margin:0;
}
blockquote{
color:#757575;
margin:0;
padding:15px 30px;
font-size:13px;
background:url(images/quote.png) no-repeat 100% 0;
}
p{
margin-bottom:0;
line-height:1.5em;
}
p a{
text-decoration:underline;
}
p a:hover{
text-decoration:none;
}
p.center{
text-align:center;
}
h2.center{
padding:5px;
margin:0 5px;
text-align:center;
background:#e2e2e2;
color:#4e4e4e;
font-size:12px;
}
.small{
font-size:10px;
}
code{
font:12px 'Courier New',Courier,Fixed;
}
h1{
font-size:16px;
text-align:left;
font-weight:normal;
margin:0 0 10px 0;
padding:0;
font-family:Georgia,"Times New Roman",Times,serif;
}
h1.title,h2.pagetitle{
font-size:18px;
font-weight:normal;
padding:0;
margin:0 0 10px 0;
color:#404651;
font-family:Georgia,"Times New Roman",Times,serif;
}
h4{
padding:0;
margin:0 5px 10px 5px;
font-weight:normal;
font-size:14px;
color:#404651;
}
.entry ul{
margin:5px 0 5px 20px;
padding:0;
list-style-type:none;
}
.entry ul li{
margin:5px 0 5px 0;
background:url(images/bullet.png) no-repeat 0 50%;
padding-left:9px;
}
.entry ol{
margin:5px 0 5px 20px;
padding:0;
}
.post ol li{
margin:5px 0 5px 10px;
padding:0;
}
/*************** Slider Rules ***************/
#featured{
width:465px;
padding:0 0px 0 135px;
text-align:left;
position:relative;  
height:360px;  
margin:0 0 20px 0;
background:#b8bec5;
}
#featured ul.ui-tabs-nav{  
position:absolute;  
top:0; 
left:0px;  
list-style:none;  
padding:0; 
margin:0;  
width:140px;
}  
#featured ul.ui-tabs-nav li{  
padding:0;  
font-size:12px;  
color:#666;  
}  
#featured .ui-tabs-panel{  
width:465px; 
height:360px;
position:relative;  
overflow:hidden;
}
#featured .ui-tabs-hide{  
display:none;  
}
#featured li.ui-tabs-nav-item a{/*On Hover Style*/  
display:block;  
height:80px;
width:125px;
color:#333;
outline:none;
margin-bottom:0px;
padding:5px;
background:#d7dde3;
}
#featured li.ui-tabs-selected a{ /*Selected tab style*/
background:#b8bec5;
}  
#featured ul.ui-tabs-nav li img.thumbnail{  
float:left; 
margin:0;
padding:0;  
height:80px;
width:125px;
}
#featured ul.ui-tabs-nav li a img.thumbnail{
float:none;
padding:0;
background:none;
border:none;
}
#featured ul.ui-tabs-nav li a:hover img.thumbnail{
background:none;
border:none;
}
#featured .ui-tabs-panel .info{  
position:absolute;  
bottom:5px; 
left:5px;
width:435px;
padding:10px;
background:url(images/transparent-bg.png) repeat 0 0;
}
#featured .ui-tabs-panel img.thumbnail{   
width:455px;
padding:5px;
background:#b8bec5;
height:350px; 
}
#featured .info h2{  
color:#fff; 
padding:0; 
margin:0;  
overflow:hidden;
position:relative;
top: -1px;
}  
#featured .info p{  
margin:5px 0;  
color:#c3d3d6;  
}  
#featured .info a{  
text-decoration:none;  
color:#fff;  
}  
#featured .info a:hover{  
text-decoration:underline;  
}
#featured .post{
margin:0;
padding:0;
border:none;
}
/*************** Nohome ********************/
.nohome{
width:600px;
float:none;
padding:0;
margin:0 0 20px 0;
border:none;
background:none;
}
.nohome h2.headline, .nohome h4.postMeta{
width:600px;
margin-left:0;
}
.nohome h2.headline{
font-size:18px;
}
.nohome .entry{
width:600px;
margin:5px 0 0 0;
}
/*************** SecBar list Rules ***************/
#secBar h2{
clear:both;
margin:0;
text-align:left;
padding:20px 10px 0;
width:300px;
height:18px;
font-size:18px;
font-family:Georgia,"Times New Roman",serif;
color:#7a7d83;
font-weight:bold;
cursor:pointer;
background:url(images/sec_headd.jpg) no-repeat 0 0;
}
#secBar h2.full{
background:url(images/sec_headc.jpg) no-repeat 0 0;
}
#secBar ul,#secBar ol{
width:320px;
margin:0;
list-style-type:none;
font-size:14px;
text-align:center;
}
#secBar ul li{
width:320px;
margin:0 0 10px 0;
padding:0 0 22px 0;
background:url(images/sec_bot.jpg) no-repeat 0 100% #d7dde3;
list-style-type:none;
}
#secBar ul li ul,#secBar ul li ol,#secBar ol li ul,#secBar ol li ol{
width:320px;
margin:0;
padding:5px 0 0 0;
text-align:left;
list-style-type:none;
}
#secBar ul li ul li{
border:none;
display:block;
width:310px;
margin:0;
padding:0 5px;
color:#59616d;
text-align:left;
list-style-type:none;
background:none;
}
#secBar ul li ul li a{
display:block;
width:290px;
padding:2px 10px;
margin:0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
text-decoration:none;
font-weight:bold;
color:#717d89;
}
#secBar ul li ul li a:hover{
color:#464e56;
background:#c9d0d6;
}
#secBar ul li ul li a abbr{
border:none;
text-decoration:none;
}
#secBar ul li div{
width:300px;
margin:0;
padding:0 10px;
}
#secBar ul li div a{
font-size:12px;
text-align:left;
font-weight:normal;
color:#717d89;
margin:5px;
text-decoration:none;
}
#secBar ul li div a:hover{
color:#464e56;
background:#c9d0d6;
}
/*************** Images Rules ***************/
.entry a:link img,.entry a:visited img{
padding:0;
border:3px solid #d7dde3;
}
.entry a:hover img{
border:3px solid #cad1d7;
}
img.center{
margin-left:auto;
margin-right:auto;
padding:0;
border:3px solid #d7dde3;
}
img.alignright{
padding:0;
border:3px solid #d7dde3;
margin:0 0 5px 5px;
float:right;
display:inline;
}
img.alignleft{
padding:0;
border:3px solid #d7dde3;
margin:0 5px 5px 0;
display:inline;
}
.alignright{
float:right;
}
.alignleft{
float:left;
}
/*************** Navigation Rules ***************/
.navigationc{
text-align:left;
display:block;
width:450px;
font-size:14px;
border:none;
margin:0 10px;
padding:0;
}
.navigationc .alignleft a:link,.navigationc .alignleft a:visited{
padding:0;
background:url(images/previous.png) no-repeat 0 50%;
padding-left:9px;
display:block;
}
.navigationc .alignright a:link,.navigationc .alignright a:visited{
padding:0;
background:url(images/bullet.png) no-repeat 100% 50%;
padding-right:9px;
display:block;
}
.navigationc .alignright a:hover{
background:url(images/bullet.png) no-repeat 100% 50%;
}
.navigationc .alignleft a:hover{
background:url(images/previous.png) no-repeat 0 50%;
}
/*************** Comments Rules ***************/
h3#comments,h3#respondTitle{
clear:both;
font-size:16px;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}
h3#comments {
margin:0 0 10px 0;
padding:3px 10px;
width:580px;
color:#4e4e4e;
background:#d7dde3;
}
h3#respondTitle{
margin:0 0 10px 0;
padding:3px 1%;
width:98%;
color:#4e4e4e;
background:#d7dde3;
}
#respond{
width:98%;
padding:1%;
margin:20px 0 0 0;
background:#e4e7eb;
}
#commentform p{
font-family:"Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
}
#commentform input{
background:url(images/input_bg.png) no-repeat 0 0;
width:218px;
height:21px;
padding:5px;
border:none;
color:#4e4e4e;
font-size:12px;
margin:0 0 10px 10px;
}
#commentform textarea{
width:320px;
height:177px;
padding:5px;
border:none;
background:url(images/textarea_bg.png) no-repeat 0 0;
color:#4e4e4e;
margin:0 0 0 10px;
font-size:12px;
}
#commentform #submit{
margin:5px 0 10px 10px;
padding:0;
background:url(images/btn.png) no-repeat 0 0;
width:68px;
height:31px;
border:none;
cursor:pointer;
color:#4b4f54;
text-align:center;
font-weight:bold;
font-size:13px;
}
#commentform #submit:active{
position:relative;
top:1px;
left:1px;
}
#commentform label{
font-size:13px;
font-weight:normal;
color:#4e4e4e;
display:block;
margin:0;
margin-left:18px;
padding:0;
}
.commentlist{
list-style-type:none;
}
.commentlist li{
width:450px;
padding:0;
margin:15px 15px;
position:relative;
background:url(images/com_bot.gif) no-repeat 0 100% #e2e2e2;
}
.commentlist li div.comment-body{
font-size:14px;
font-weight:normal;
width:430px;
padding:10px;
margin:0;
background:url(images/com_top.jpg) no-repeat 0 0;
}
.commentlist cite{
display:block;
color:#7a7d83;
margin:0 0 0 50px;
padding:0 0 0 0;
font-size:12px;
font-style:normal;
}
.commentlist cite a:link,.commentlist cite a:visited{
font-weight:bold;
font-style:normal;
font-size:12px;
color:#7a7d83;
padding:0;
margin:0;
text-decoration:underline;
}
.commentlist cite a:hover{
color:#969aa1;
text-decoration:none;
}
.commentlist p{
font-weight:normal;
margin:20px 5px 0 0;
padding:0;
color:#4e4e4e;
display:block;
line-height:1.4em;
font-size:12px;
text-align:left;
}
.commentmetadata{
font-weight:normal;
margin:0 0 0 50px;
padding:0;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.commentmetadata a{
text-decoration:none;
font-size:12px;
}
.commentmetadata a:hover{
text-decoration:underline;
}
#commentform p{
margin:5px 0;
}
.commentlist li img{
height:40px;
width:40px;
padding:0;
position:absolute;
top:8px;
left:10px;
border:2px solid #bfbfbf;
}
.nocomments{
text-align:center;
margin:0;
padding:5px;
background:#e2e2e2;
color:#4e4e4e;
font-size:12px;
}
small{
font-size:12px;
}
.commentlist li div.reply{
text-align:center;
position:absolute;
top:8px;
right:40px;
}
.commentlist li div.reply a{
padding:0px;
text-decoration:none;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.commentlist li.depth-2,.commentlist li.depth-3,.commentlist li.depth-4,.commentlist li.depth-5{
width:92%;
list-style-type:none;
margin:0 0 0 4%;
padding:2% 2% 2% 2%;
background:none;
border-left:2px solid #c0c0c0;
}
.commentlist li.depth-2 div.comment-body,.commentlist li.depth-3 div.comment-body,.commentlist li.depth-4 div.comment-body,.commentlist li.depth-5 div.comment-body{
width:auto;
padding:0px;
margin:0;
background:none;
}
#secBar .adBar{
margin:0 0 7px 0;
padding:0 10px 7px;
width:300px;
border:none;
background:url(images/side_sep.gif) repeat-x 0 100%;
}
#secBar ul.adBar li{
list-style-type:none;
width:125px;
height:125px;
float:left;
margin:0 8px 15px 8px;
padding:0;
background:none;
border:none;
}
#secBar ul.adBar li a img{
padding:0;
border:3px solid #d7dde3;
}
#secBar ul.adBar li a:hover img{
border:3px solid #cad1d7;
}
.commentlist li span.says,.commentlist li span.show{
background:url(images/collapse.png) no-repeat 0 0;
width:17px;
height:18px;
display:block;
text-indent:-9999px;
position:absolute;
top:10px;
right:10px;
cursor:pointer;
}
.commentlist li span.hide{
background:url(images/decollapse.png) no-repeat 0 0;
}
p.collapse_links{
font-size:14px;
margin:5px 10px 10px 10px;
}
p.collapse_links a:link,p.collapse_links a:visited{
color:#636970;
}
p.collapse_links a:hover{
color:#636970;
}
/*************** Tabs Rules ***************/
#tabbed{
width:320px;
margin:10px 0;
padding:10px 0 0;
background:url(images/sec_head.jpg) no-repeat 0 0;
}
#tabbed ul.tabnav{
width:320px;
height:27px;
margin:0;
padding:0 0 0 5px;
list-style-type:none;
}
#tabbed .tabnav li{
float:left;
width:auto;
height:auto;
margin:0;
padding:0;
display:block;
list-style:none;
background:none;
}
#tabbed .tabnav li a{
display:block;
float:left;
width:130px;
height:24px;
margin:0 5px 0 0;
padding:4px 10px 0;
color:#5b636c;
background:url(images/sidebar_tabs.png) no-repeat 0 -28px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-decoration:none;
font-weight:bold;
}
#tabbed .tabnav li.last a{
margin:0 0 0 5px;
}
#tabbed .tabnav li a:hover,#tabbed .tabnav li a:active,#tabbed .tabnav li.ui-tabs-selected a{
background-position:0 0;
color:#42484f;
text-decoration:none;
}
#tabbed .tabdiv{
clear:both;
width:320px;
margin:0;
padding:5px 0 10px 0;
text-align:left;
background:url(images/sec_bot.jpg) no-repeat 0 100% #d7dde3;
}
#tabbed .tabdiv ul{
width:320px;
margin:0;
padding:0;
text-align:left;
}
#tabbed .tabdiv ul li{
border:none;
background:none;
display:block;
width:310px;
padding:0 5px;
margin:0;
list-style-type:none;
color:#464e56;
}
#tabbed .tabdiv ul li a:link,#tabbed .tabdiv ul li a:visited{
margin:0;
padding:2px 10px;
display:block;
width:290px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
color:#717d89;
}
#tabbed .tabdiv ul li a:hover{
color:#464e56;
background:#c9d0d6;
}
#tabbed .tabdiv ul li span{
color:#464e56;
}
.ui-tabs-hide{
display:none;
}
/*************** PageNav Rules ***************/
.wp-pagenavi{
clear:both;
width:600px;
margin:20px auto;
padding:0;
text-align:center;
font-size:13px;
}
.wp-pagenavi a:link,.wp-pagenavi a:visited,.wp-pagenavi a:active,.wp-pagenavi span.pages,.wp-pagenavi span.extend{
padding:2px 4px;
margin:2px;
text-decoration:none;
background:#d7dde3;
color:#6b737c;
border:1px solid #b8bec5;
}
.wp-pagenavi span.current,.wp-pagenavi a:hover{
padding:2px 4px;
margin:2px;
font-weight:bold;
background:#969da6;
color:#4e545b;
border:1px solid #969da6;
}
.wp-pagenavi a:hover{
font-weight:normal;
}
/*************** Calendar Rules ***************/
#wp-calendar #prev a,#wp-calendar #next a{
font-size:9pt;
}
#wp-calendar{
empty-cells:show;
margin:10px auto 0;
width:90%;
}
#wp-calendar #next a{
padding-right:10px;
text-align:right;
}
#wp-calendar #prev a{
padding-left:10px;
text-align:left;
}
#wp-calendar a{
text-decoration:none;
display:block;
}
#wp-calendar caption{
font:bold 1.3em 'Lucida Grande',Verdana,Arial,Sans-Serif;
text-align:center;
text-align:center;
width:100%;
text-decoration:none;
}
#wp-calendar td{
padding:3px 0;
text-align:center;
}
#wp-calendar th{
font-style:normal;
text-transform:capitalize;
}
#wp-calendar td.pad:hover{
background-color:#fff;
}