/*
Theme Name: avada
Theme URI: http://www.themelayouts.com/
Description: Designed by ThemeLayouts.
This work is licensed Creative Commons Attribution-Share Alike 3.0 License. This means you may use it and make any changes you like. However, credit links must remain on footer for legal use.
Version: 1
Author: ThemeLayouts/DreamTemplate
Author URI: http://www.dreamtemplate.com/
*/
/*Reset*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:right;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
/* Normal Tags */
body { url(images/bodybg.jpg) repeat-x; margin: 0; padding: 0;
background: #BDCDDB url(images/bg.gif) repeat-x;
}
a, a:link, a:active, a:visited { color: #444444; text-decoration: none; }
a:hover { color: #af3333; }
blockquote, blockquote blockquote blockquote { margin: 0 5px; padding: 10px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background: #e5e5e5; }
blockquote blockquote { margin: 0 5px; padding: 10px; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background: #ffffff; }
img, a img { border: 5px solid #eeeeee; padding: 4px; margin: 0; background: none; }
input, textarea { font-family: Tahoma, Geneva, sans-serif sans-serif; font-size: 11px; color: #585858; margin: 2px; padding: 4px; }
/* Wordpress Classes */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: none; text-align: center; background-color: #eeeeee; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; font-family: Tahoma, Geneva, sans-serif; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left }
.navigation { display: inline-table; padding: 0 0 20px 0; }
.wp-smiley { background: none; border: none; padding: 0; margin: 0; }
/* Layout Styles */
.clearer { clear: both; }
/* Header */
#header { width: 100%; height: 198px; margin: 10px 0 0; }
#headiv { background:#FFFFFF url(images/head.jpg) repeat-x bottom; width: 930px; height: 136px; overflow: hidden; }
#topbar {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ADC502 none repeat scroll 0 0;
height:23px;
margin:2px;
}
#logo { float: right; margin: 10px 10px 0 0; border: none; }
/* Search */
#topsearch {
margin:0px 4px 0 0px;
float:right;
}
#s {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #7A991E;
color:#3C5375;
float:left;
padding:2px;
width:100px;
}
#searchsubmit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#7A991E none repeat scroll 0 0;
border:0 solid #7F2727;
color:#F3F3F3;
cursor:pointer;
float:left;
font-family:Tahoma,Geneva,sans-serif;
font-size:11px;
font-weight:bold;
margin:3px 0 0 2px;
padding:1px 3px 2px 3px;
}
/* Top Nav */
#topnav { width: 930px; height: 62px; background: #ffffff; margin: 0; padding: 0; overflow: hidden; }
#topnav2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#3C5375 none repeat scroll 0 0;
height:56px;
margin:0px 0 1px 5px;
overflow:hidden;
width:950px;
}
#nothome #topnav2 { margin-bottom: 0; border-bottom: 1px solid #f0f0f0; }
/* Top Nav UL */
#topnav ul { list-style-type: none; list-style-image: none; margin:0 0 0 80px; padding: 0; display: inline-block;}
#topnav ul li { float: right; display: inline; margin: 0; padding: 0; }
/* Top Nav Links */
#topnav ul li a, #topnav ul li a:link, #topnav ul li a:active, #topnav ul li a:visited { display: block; float: left; color: #fdfdfd; font: 12px Tahoma, Geneva, sans-serif bold; padding:15px 22px 27px; border-left:1px solid #5979AA;
border-right:1px solid #2C3D56;}
#topnav ul li a:hover { text-decoration: none; background: #456087; }
#topnav ul li.current_page_item a, #topnav ul li.current_page_item a:link, #topnav ul li.current_page_item a:active, #topnav ul li.current_page_item a:visited { background: #456087; color: #fdfdfd; font-weight: bold; }
#home #topnav ul li.home a { font-weight: bold; border-left: none; background: #456087; }
/* Feed */
#feed {float: left; margin-left:20px;}
#feed a.feed { color: #fdfdfd; display: inline-block; background: url(images/feed.gif) no-repeat top left; padding: 0 0 0 20px; margin: 0 20px 0 0; text-align: left; font: bold 11px Tahoma, Geneva, sans-serif; line-height: 21px; float: left;}
#feed a.email { color: #fdfdfd; display: inline-block; background: url(images/email.gif) no-repeat top left; padding: 0 0 0 20px; margin: 0; text-align: left; font: bold 11px Tahoma, Geneva, sans-serif; line-height: 21px; float: left;}
/* Featured */
#featured { width: 930px; background: #ffffff; margin: 0; padding: 0; overflow: hidden; }
#featured2 { width: 925px; margin: 0; background: #ffffff; padding: 10px 0; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; }
#featurediv { width: 880px; margin: 0; padding: 0;}
#featured .epic { width: 500px; float: right; }
#featured .epic embed{ width: 492px; height: 277px; border: 0px solid #ffffff; padding: 0; margin: 0; background: none; }
#featured .etext { width: 350px; float: left; margin: 0; padding: 0; font: 12px Tahoma, Helvetica, sans-serif; text-align: right; line-height: 21px; color: #585858; }
#featured h2 { font: bold 16px Tahoma, Geneva, sans-serif; line-height: 28px; margin: 0 0 5px 0; padding: 0; }
#featured h2 a { color: #444444; }
#featured h2 a:hover { color: #af3333; }
#featured .entryinfo { font: 11px Tahoma, Geneva, sans-serif; line-height: 19px; margin: 0 0 8px 0; padding: 0; color: #999999; }
/* Wrapper */
#wrapper { width: 930px; background: #ffffff; margin: 0; padding: 0; overflow: hidden; }
#container {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #C9C9C9;
margin:0 2px;
overflow:hidden;
padding:0;
width:925px;
}
#container2 { margin: 0 0 20px 0; padding: 0; overflow: hidden; }
/* Content */
#content {
-x-system-font:none;
color:#585858;
float:right;
font-family:Tahoma,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:21px;
margin:0;
padding:20px 20px 0;
text-align:right;
}
#newone {
-x-system-font:none;
color:#585858;
float:right;
font-family:Tahoma,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:21px;
margin:0;
padding:20px 20px 0;
text-align:right;
width:880px;
}
/*style 101*/
#topnav3 { margin-bottom: 0; }
.style101 {
font: 10px Tahoma, Geneva, sans-serif ;
font-weight: bold;
color: #FFFFFF;
height:13px;
padding:2px 2px 2px 2px;
background: #40577B;
border-left:1px solid #5979AA;
border-right:1px solid #2C3D56;.
}
.style102 {
font: 10px Tahoma, Geneva, sans-serif ;
font-weight: bold;
color: #40577B;
height:13px;
padding:2px 2px 2px 2px;
background: #40577B;
margin: auto;
border-left:1px solid #5979AA;
border-right:1px solid #2C3D56;.
}
#topnav3 a:hover {color: #fdfdfd; text-decoration: none; background: #000000; }
a, a:link, a:active, a:visited { color: #444444; text-decoration: none; }
a:hover { color: #af3333; }
/* Entries */
.entry { margin: 0 0 10px; float:right; }
.entry1 {float:left; }
.lastone{ margin: 0 0 10px 0; float:right; width:880px;}
.entryinfo { font: 11px Tahoma, Geneva, sans-serif; line-height: 19px; margin: 0 0 15px 0; padding: 0; color: #999999; }
.post { overflow: hidden;}
.epic { width: 100px; float: right; }
.epic img, .epic a img { border: 1px solid #c9c9c9; padding: 3px; margin: 0; background: #e5e5e5; width: 80px; }
.epic span { display: block; margin: 0 10px; font-size:9px;}
.epic1 { width: 150px; float: right; }
.epic1 img, .epic1 a img {border: 1px; margin: 20px 40px 20px 20px; width: 100px; }
.etext {float: right; height:180px;padding:0 0 0 20px;
width:170px;}
.rc { display: inline-block; background: #c9c9c9; overflow: hidden;}
.rc2 { display: inline-block; background: #ffffff; overflow: hidden; margin: 1px; }
a.readmore { display: block; float: left; padding: 6px 8px; margin: 1px 0 1px 1px; background: #efefef; color: #444444; font: bold 11px Tahoma, Geneva, sans-serif; border-right: 1px solid #c9c9c9; }
span.comcount a { display: block; float: left; padding: 6px 8px; margin: 1px 1px 1px 0; background: #d6d6d6; color: #444444; font: bold 11px Tahoma, Geneva, sans-serif; border-left: 1px solid #f0f0f0; }
a.readmore:hover, a.comcount:hover { text-decoration: underline; }
/* Content Headlines */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h3 { font-family: Tahoma, Geneva, sans-serif; margin: 0 0 7px 0; color: #717171; }
#content h4, #content h5, #content h6 { font-weight: bold; }
#content .entry h2 { font-size: 12px; line-height: 15px; }
#content .entry h2 a { color: #444444; }
#content .entry h2 a:hover { color: #af3333; }
/* Commentlist - comments/replies list */
ol.commentlist { list-style-type: none; margin: 0; padding: 0; }
ol.commentlist li { margin: 0 0 25px 0; background: none; border: none; padding: 10px; }
ol.commentlist li.alt { background: #f0f0f0; border: 1px solid #e5e5e5; }
ol.commentlist li ul.children { list-style-type: none; list-style-image: none; }
ol.commentlist li.alt ul.children li, ol.commentlist li ul.children li.alt ul li { background: #ffffff; border: 1px solid #e0e0e0; }
ol.commentlist li.alt ul.children li ul li { background: #f4f4f4; border: 1px solid #eeeeee; }
.avatar { float: left; margin-right: 5px; background: none; border: none; }
/* Comment Form */
input#author, input#email, input#url, textarea#comment { background: #fcfcfc; border: 1px solid #d0d0d0; }
/* Sidebar */
#sidebar {
color:#ADC502;
font-family:Tahoma,Helvetica,sans-serif;
font-size:9px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
float:left;
line-height:21px;
}
#sidebar2 {
color:#ADC502;
font-family:Tahoma,Helvetica,sans-serif;
font-size:9px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
text-align:right;
float:left;
line-height:21px;
}
.widget, #adspot {
margin:30px 0 0;
padding:0 0 0;
}
.shb2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/block_cat.gif) no-repeat scroll center top;
padding:1px 20px 10px;
width:200px;
text-align:center;
height:25px;
}
.shb {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/block_cat2.gif) no-repeat scroll center top;
padding:1px 20px 10px;
width:200px;
text-align:center;
height:25px;
font-size:15px;
}
.shb3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/block_cat3.gif) no-repeat scroll center top;
padding:1px 20px 10px;
width:200px;
text-align:center;
height:5px;
}
#sidebar .w {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/widget_bottom2.gif) no-repeat scroll center bottom;
margin:0;
padding:10px 40px 30px;
width:160px;
}
style.css (line 214)
html,
/* Sidebar Headline */
#sidebar h2 { background:url(images/widget_top.gif) no-repeat top; border:solid #bfbfbf; padding: 10px; font: bold 9px Tahoma, Geneva, sans-serif, Times, serif; margin: 0; color: #959595; }
/* Ads Spots 125x125 */
#adspot { overflow: hidden; }
#adspot a img { padding: 0; margin: 0; border:none; background: none; }
.adspot2 { overflow: hidden; margin-bottom: 10px; padding: 20px 20px 0 20px; border-top: 1px solid #eaeaea; }
.adspot3{ overflow: hidden; padding: 0 20px; margin: 0; }
.ad1, .ad3 { float: left; }
.ad2, .ad4 { float: right; }
/* Sidebar UL, OL */
#sidebar ul, #bottombar ul { list-style-type: square; margin: 0; padding: 0 0 0 25px; }
#sidebar ul li, #sidebar ol li, #bottombar ul li, #bottombar ol li { margin: 0; padding: 0; }
/* Bottombar */
#bottom { width: 930px; background: #ffffff; margin: 0; overflow: hidden; }
#bottom2 { width: 925px; background: #e5e5e5; margin: 0 2px 2px 2px; overflow: hidden; border-top: 1px solid #f0f0f0; }
#bottombar { margin: 20px 0 20px 21px; overflow: hidden; float: left; }
#bottombar .widget { width: 300px; float: left; margin: 0 15px 0 0; font: 12px Tahoma, Helvetica, sans-serif; color: #585858; line-height: 21px; text-align: left; background: #f0f0f0; border: 1px solid #d7d7d7; padding: 0; }
#bottombar .w { padding: 20px; }
#bottombar h2 { font: bold 14px Tahoma, Geneva, sans-serif; margin: 0 0 10px 0; color: #959595; }
/* Footer */
#footer { width: 930px; overflow: hidden; padding: 20px 0; margin: 0 0 20px 0; }
#fl { width: 600px; float: left; }
/* Bottom Nav UL */
#fl ul { list-style-type: none; list-style-image: none; margin: 13px 0 0 0; padding: 0; display: inline-block; border-right: 1px solid #4c4c4c; float: left; }
#fl ul li { float: left; display: inline; margin: 0; padding: 0; }
/* Top Nav Links */
#fl ul li a, #fl ul li a:link, #fl ul li a:active, #fl ul li a:visited { display: block; float: left; color: #fdfdfd; font:bold 11px Tahoma, Geneva, sans-serif bold; padding: 2px 22px 2px 22px; border-right: 1px solid #7f7f7f; border-left: 1px solid #4c4c4c; }
#fl ul li a:hover { text-decoration: underline;}
#fl ul li.home a { border-left: none; }
#fr { width: 280px; float: right; font: 12px Tahoma, Helvetica, sans-serif; line-height: 21px; color: #fbfbfb; text-align: left; margin: 0 20px 0 0; }
#footer a { color: #fdfdfd; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; }
/* Main page Blocks */
#block { width:600px;
margin:0 0 40px;
}
#top1 {
background:url(http://www.alrowadpub.com/wp-content/themes/avada/images/111.gif) top no-repeat ;
width:640px;
height:26px;
}
#bottomm1 {
width:598px;
border:1px solid #B9BFCF;
border-top:none;
padding:20px;
}
#top2 {
background:url(http://www.alrowadpub.com/wp-content/themes/avada/images/2.gif) top no-repeat ;
width:640px;
height:26px;
}
#bottomm2 {
width:598px;
border:1px solid #FFAD72;
border-top:none;
padding:20px;
}
#blockmap { width:600px;
}
#blockhead { width:600px;
height:100px;
}
#blockhead1 { width:600px;
height:50px;
}
#bottomm4 {
width:550px;
padding:20px;
}
#bottomm3 {
width:640px;
margin:0 0 40px 0;
border:2px solid #EFEFEF;
background: #F7F7F7
}
ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative; /* Set the absolute positioning base coordinate */
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(thumb_bg.png) no-repeat center center; /* Image used as background on hover effect
border: none; /* Get rid of border on hover */
}