/* Theme Name: Akel Web Theme URI: http://wordpress.org/extend/themes/akel Author: the WordPress team Author URI: http://wordpress.org/ Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats. Version: 1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: akel */ /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ 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 { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;} body { line-height: 1;} h1, h2, h3, h4, h5, h6 { font-weight: normal;} ol, ul { list-style: none;} blockquote { quotes: none;} blockquote:before, blockquote:after { content: ''; content: none;} del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border-radius:10px; } /* =Fonts -------------------------------------------------------------- */ h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;} pre { font-family: "Courier 10 Pitch", Courier, monospace;} code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;} body, input, textarea { color: #666; font-size: 12px; line-height: 18px;} hr { background-color: #E7E7E7; border:0; height: 1px; margin-bottom: 18px; clear:both;} /* Text elements */ p { margin-bottom: 18px; margin-top: 35px;} ul { list-style: square; margin: 0 0 18px 1.5em;} ol { list-style: decimal; margin: 0 0 18px 1.5em;} ol ol { list-style:upper-alpha;} ol ol ol { list-style:lower-roman;} ol ol ol ol { list-style:lower-alpha;} ul ul, ol ol, ul ol, ol ul { margin-bottom:0;} dl { margin:0 0 24px 0;} dt { font-weight: bold;} dd { margin-bottom: 18px;} strong { font-weight: bold;} cite, em, i { font-style: italic;} big { font-size: 131.25%;} ins { background: #ffc; text-decoration: none;} blockquote { font-style: italic; padding: 0 3em;} blockquote cite, blockquote em, blockquote i { font-style: normal;} pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em;} abbr, acronym { border-bottom: 1px dotted #666; cursor: help;} sup, sub { height: 0; line-height: 1; vertical-align: baseline; position: relative;} sup { bottom: 1ex;} sub { top: .5ex;} input[type="text"], textarea { padding: 2px; background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);} table { border: 1px solid #e7e7e7; text-align: left; margin: 0 -1px 24px 0; width: 100%;} tr th, thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px;} tr td { border-top: 1px solid #e7e7e7; padding: 6px 24px;} tr.odd td { background: #F2F7FC;} .attachment img { max-width: 900px;} .alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px;} .alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px;} .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;} .alignleft, img.alignright, img.aligncenter { margin-bottom: 12px;} .wp-caption { background: #f1f1f1; line-height: 18px; text-align: center; margin-bottom: 20px; padding: 4px;} .wp-caption img { margin: 5px 5px 0;} .wp-caption p.wp-caption-text { margin: 5px; color: #888; font-size: 12px;} .wp-smiley { margin:0;} /* =Comments -------------------------------------------------------------- */ #comments { clear: both;} #comments .navigation { padding: 0 0 18px 0;} h3#comments-title, h3#reply-title { color: #000; font-weight: bold; font-size: 20px; margin-bottom: 0;} h3#comments-title { padding: 24px 0;} .commentlist { list-style: none; margin: 0;} .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative;} .commentlist li:last-child { border-bottom:none; margin-bottom:0;} #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px;} #comments .comment-body p:last-child { margin-bottom: 6px;} #comments .comment-body blockquote p:last-child { margin-bottom: 24px;} .commentlist ol { list-style: decimal;} .commentlist .avatar { position: absolute; top: 4px; left: 0;} .comment-author {} .comment-author cite { color: #000; font-style: normal; font-weight: bold;} .comment-author .says { font-style: italic;} .comment-meta { font-size: 12px; margin: 0 0 18px 0;} .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none;} .comment-meta a:active, .comment-meta a:hover { color: #FF4B33;} .commentlist .even {} .commentlist .bypostauthor {} .reply { font-size: 12px; padding: 0 0 24px 0;} .reply a, a.comment-edit-link { color: #888;} .reply a:hover, a.comment-edit-link:hover { color: #FF4B33;} .commentlist .children { list-style: none; margin: 0;} .commentlist .children li { border: none; margin: 0;} .nopassword, .nocomments { display: none;} #comments .pingback { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e7e7e7;} .commentlist li.comment+li.pingback { margin-top: -6px;} #comments .pingback p { color: #888; font-size: 12px; line-height: 18px; display:block; margin: 0;} #comments .pingback .url { font-style: italic; font-size: 13px;} /* Comments form */ input[type=submit] { color: #333;} #respond { margin: 24px 0; border-top: 1px solid #e7e7e7; overflow: hidden; position: relative;} #respond p { margin: 0;} #respond .comment-notes { margin-bottom: 1em;} .form-allowed-tags { line-height: 1em;} .children #respond { margin: 0 48px 0 0;} h3#reply-title { margin: 18px 0;} #comments-list #respond { margin: 0 0 18px 0;} #comments-list ul #respond { margin: 0;} #cancel-comment-reply-link { font-size: 12px; line-height: 18px; font-weight: normal;} #respond .required { color:#FF4B33; font-weight:bold;} #respond label { color: #888; font-size: 12px;} #respond input { margin:0 0 9px; width:98%;} #respond textarea { width:98%;} #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px;} #respond .form-allowed-tags code { font-size: 11px;} #respond .form-submit { margin: 12px 0;} #respond .form-submit input { width: auto; font-size: 14px;} .clear{clear:both; font-size:0px;line-height:0px; display:block; height:10px !important;} .last {margin:0 !important;} .pad_last{padding:0 !important;} .no_bg {background:none !important;} /******Global Elements*******/ a {color:#c82e26; text-decoration:none; outline:0 none;} a:hover {color:#000; text-decoration:none;} .top_section h1, .bottom_section h1, .quicklinks h1, .inner_content h1.page-title, .side_blog h1 {font-size:18px; color:#fff; text-align:left; background:url(images/red_left.png) no-repeat left top; padding:0 0 0 20px; margin:-21px 0 0 0px; position:absolute; z-index:9; min-width:250px; top:0; left:-1px; height:52px; font-weight:normal;} .section1 h1 span, .top_section h1 span, .bottom_section h1 span, .quicklinks h1 span, .side_blog h1 span { display:block; height:38px; line-height:28px; padding:0 30px 0 0; margin:1px; margin-left:-10px; text-align:left; background:url(images/red_right) no-repeat right top;} /*.facebook h1, .top_section h1, .bottom_section h1, .tweets h1, .speech h1 { background:url(images/green_side.png) no-repeat left top; font-size:16px; color:#fff; padding:0 0 0 20px; margin:8px 0 0 -11px; position:absolute; z-index:9; min-width:162px; top:0; left:0; height:38px;} .facebook h1 span, .top_section h1 span, .bottom_section h1 span, .tweets h1 span, .speech h1 span { background:url(images/green_right.png) no-repeat right top; display:block; height:38px; line-height:28px; padding:0 20px 0 0; text-align:left;}*/ .facebook h1 { background:url(images/green3.png) no-repeat left top; font-size:16px; color:#fff; padding:0 0 0 20px; margin:8px 0 0 -18px; position:absolute; z-index:9; min-width:162px; top:0; left:0; height:38px;} .facebook h1 span { background:url(images/facebook.jpg) no-repeat right top; display:block; height:38px; width:162px; line-height:28px; padding:40px 150px 0 0; text-align:left; margin:0px 10px 10px;} .tweets h1 { background:url(images/green4.png) no-repeat left top; font-size:16px; color:#fff; padding:0 0 0 20px; margin:8px 0 0 -11px; position:absolute; z-index:9; min-width:162px; top:0; left:0; height:38px;} .tweets h1 span { background:url(images/twetter.jpg) no-repeat right top; display:block; height:38px; width:80px; line-height:28px; padding:0 20px 0 0; text-align:left; margin:0px 10px 10px;} .speech h1 { background:url(images/green4.png) no-repeat left top; font-size:16px; color:#fff; padding:0 0 0 20px; margin:8px 0 0 -11px; position:absolute; z-index:9; min-width:162px; top:0; left:0; height:38px;} .speech h1 span { background:url(images/youtube.jpg) no-repeat right top; display:block; height:38px; width:80px; line-height:28px; padding:0 20px 0 0; text-align:left; margin:0px 10px 10px;} .news_letter h1 { background:url(images/green5.png) no-repeat left top; font-size:16px; color:#fff; padding:0 0 0 20px; margin:8px 0 0 -11px; position:absolute; z-index:9; min-width:162px; top:0; left:0; height:38px;} .news_letter h1 span { background:url(images/newsletter.jpg) no-repeat right top; display:block; height:54px; width:100px; line-height:28px; padding:0 20px 0 0; text-align:left; margin:0px 10px 10px;} .inner_content h1.page-title span { font-size:20px; color:#c82e26; display:block; height:38px; line-height:28px; padding:0 30px 0 0; margin:41px 0 0 0px; text-align:left; background:url(images/red_right) no-repeat right top;} .section1 h1 {font-size:18px; color:#fff; text-align:left; background:url(images/red1_left.png) no-repeat left top; padding:0 0 0 20px; margin:-21px 0 0 0px; position:absolute; z-index:9; min-width:348px; top:0; left:-1px; height:52px; font-weight:normal;} h1 { font-size:22px;} h2 { font-size:20px;} h3 {font-size:25px; margin:10px; margin-left:40px;} h4 {font-size:16px;} h5 {font-size:14px;} h6 {font-size:12px;} /* ----------------------- layout ----------*/ html {} body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:12px; text-shadow: 0px 0px 0px #dddcdc;} .flt_Lt {float:left; display:inline;} .flt_Rt {float:right; display:inline;} .container {width:1218px; min-height:258px; border:solid 1px #e2e2e2; background:#fff; z-index:1; position:absolute; top:160px; left:0;} .main_container { position:relative; width:1220px; margin:0 auto;} .wrapper {background: url("images/bg.jpg") no-repeat scroll center top transparent;} .outerwrap { position:relative; width:1220px; margin:-32px;} /* ------------------ HEADER HERE -------------------*/ #header { width:1220px; margin:0 auto; padding:0px 0 13px 0} #logo { margin:0 0 21px 22px; display:block; float:left;} .header_right { float:right; margin:11px 28px 0 0;} .header_right input { margin-right:-30px; width:187px; height:25px; line-height:29px; background:#fff; padding:0 !important; font-size:13px; font-weight:bold; color:#adb1c0; border:solid 1px #979a9d; border-radius:10px; text-indent:15px; display:block; outline:none !important; float:right; } .small_box { float:right;} .language { width:180px; height:20px; float:right; margin:0; padding:0; margin-top:-20px; margin-right:-30px; border:solid 1px #979a9d; border-radius:10px; background:#fff;} .language ul { margin:0; padding:0;} .language ul li { list-style:none; float:left;} .language ul li a { display:block; font-size:14px; color:#000; margin:0 0 0 20px; background:none !important; height:auto;} .language ul li a img { border-radius:6px;} .textwidget { display:block; margin-top:0px;} #nav { margin:0 0 25px 0;} #nav ul { padding:0; margin:0;} #nav ul li { list-style:none; margin:0 20px 0 0; float:left;} #nav ul li a { display:block; font-size:13px; color:#fff; line-height:20px;} #nav ul li a:hover { color:#EE291F;} /* ------------------------ MIAN CONTENT HERE --------------*/ .maincontent { width:1165px; margin:0 auto 0 auto; position:relative; z-index:9;} .left_content { width:766px; float:left; padding-top:21px;} .right_content { float:right; width:366px; border-radius:10px;} .banner { width:764px; min-height:258px; border:solid 1px #979a9d; border-radius:10px; margin:0 0 46px 0; background:#fff;} .section1 { float:left; width:366px; border:solid 1px #979a9d; border-radius:10px; margin:0 0 40px 0; position:relative;min-height:900px;} .section2 { float:right; margin:0 0 40px 0; width:366px;} .section1 .content { border-bottom:solid 1px #979a9d; margin:0px 0px 18px 0px; border-radius:10px; min-height:269px; position:relative; z-index:1; background:url("images/section2_header.jpg") repeat-x scroll 0% 0% transparent;} .section1 .content img { border-radius:10px; border-image-repeat:stretch} .section1 .content_desc { color:#AF9E9E; font-size:12px; padding:0 14px; border-bottom:solid 1px #eeeeee; margin:0 0 22px 0;} .section1 .content_desc h3 { color:#bc2f2a; font-size:20px; line-height:16px; margin:0 0 14px 0;} .section1 .content_desc p { color:#444; font-size:14px; line-height:16px; margin:0 0 18px 0;} .section1 ul { margin:0 10px; padding:0;} .section1 ul li { color:#AF9E9E; font-size:12px; list-style:none; padding:0 0 12px 0; margin:0 0 12px 0; border-bottom:solid 1px #d7d7d7;} .section1 ul li.last { margin:0; border:none;} .section1 ul li img { float:left; margin:1px 5px 1px 1px;} .section1 ul li p { color:#444; font-size:14px; line-height:18px; margin:0;} .section1 h3 {color:#bc2f2a; font-size:14px; line-height:20px; margin:0;} .section1 h3 a { font-weight:bold; color:#c82e26; letter-spacing:0px; line-height:20px;} .section1 h1, .top_section h2, .bottom_section h2, .quicklinks h1{ } .top_section {min-height:380px; border:solid 1px #979a9d; border-radius:10px; background:url(images/section2_header.jpg) repeat-x; position:relative; margin:0 0 29px 0;} .top_section ul, .bottom_section ul, .side_blog ul { margin:56px 0 0 0; padding:0 9px;} .top_section ul li, .bottom_section ul li, .side_blog ul li { list-style:none; padding:0 0 16px 0; border-bottom:solid 1px #e6e6e6; margin:0 0 15px 0;} .top_section ul li img, .bottom_section ul li img, .side_blog ul li img{ float:left; margin:0 9px 13px 0; } .top_section ul li a.date, .side_blog ul li a.date{ float:left; margin:0 9px 13px 0; width:38px; height:38px; background:url(images/calender.jpg) no-repeat left top; } .top_section ul li a.date small, .side_blog ul li a.date small { line-height:17px; text-align:center; font-size:10px; color:#fff; display:block; text-transform:uppercase;} .top_section ul li a.date span, .side_blog ul li a.date span { line-height:19px; display:block; text-transform:uppercase; color:#000; font-size:12px; text-align:center;} .top_section ul li h4 a, .bottom_section ul li h4 a, .side_blog ul li h4 a { color:#000; display:block;} .top_section ul li h4, .bottom_section ul li h4, .side_blog ul li h4 {font-size:14px; color:#000; font-weight:normal; letter-spacing:0px;} .top_section ul li span, .bottom_section ul li span, .side_blog ul li span { display:block; color:#af9e9e; font-size:12px;} .bottom_section { min-height:539px; border:solid 1px #979a9d; border-radius:10px; background:url(images/section2_header.jpg) repeat-x #f7f7f7; position:relative; } .quicklinks { border:solid 1px #979a9d; background:url(images/section2_header.jpg) repeat-x; padding:52px 0 10px 0; border-radius:10px; position:relative; margin:0 0 20px 0;} .quicklinks ul { margin:0; padding:0 0 0 18px; float:left;} .quicklinks ul li { list-style:none; float:left; margin:0 16px 10px 0;} .quicklinks ul li a { display:block;} .news_letter { height:202px; border-top:solid 1px #979a9d; border-left:solid 1px #979a9d; border-right:solid 1px #979a9d; border-bottom:solid 1px #979a9d; border-radius:10px; position:relative; background:url(images/section.2_header.jpg) repeat-x; text-align:center; padding-bottom:56px; margin:0 0 34px 0; background-color:#fff;} .facebook { border-left:solid 1px #979a9d; border-right:solid 1px #979a9d; border-bottom:solid 1px #979a9d; border-top:solid 1px #979a9d; border-radius:10px; padding:30px 0 0px 0; margin:46px 0 27px 0; text-align:center; position:relative; background:url(images/) no-repeat; } .tweets { border-left:solid 1px #979a9d; border-right:solid 1px #979a9d; border-bottom:solid 1px #979a9d; border-top:solid 1px #979a9d; border-radius:10px; padding:51px 0 7px 0; margin:0 0 25px 0; text-align:center; position:relative; background:url(images/section_header.jpg) repeat-x; } .speech { border-left:solid 1px #979a9d; border-right:solid 1px #979a9d; border-bottom:solid 1px #979a9d; border-top:solid 1px #979a9d; border-radius:10px; padding:51px 0 7px 0; margin:0 0 27px 0; text-align:center; position:relative; background:url(images/section_header.jpg) repeat-x; } .side_blog { border-bottom:solid 1px #979a9d; border-left:solid 1px #979a9d; border-right:solid 1px #979a9d; border-top:solid 1px #979a9d; border-radius:10px; margin:0; position:relative; background:url(images/section2_header.jpg) repeat-x; min-height:341px; } .speech span { color:#a69fb3; font-size:12px; line-height:16px; display:block; text-align:left; padding: 8px;} .speech h6 { color:#40b0ff; font-size:18px; line-height:22px; text-align:left; padding:10px 8px 0 8px;} .inner_content { position:relative; border:solid 1px #979a9d; background:url(images/section2_header.jpg) repeat-x; padding: 50px 20px 20px 20px; color:#000; font-size:16px; line-height:22px; border-radius:10px;} .footer_top { margin:20px 0 1px 0; border-top:solid 2px ; background-color: } .footer_content { float:left; width:210px; min-height:10px; float:center;} /* ------------------ FOOTER HERE --------------------------*/ #footer { margin:20px 0 0 0; background:#2e2e2e ; height:42px;} #footer .main_container { height:42px;} .copy {} .footer_left { width:40%; padding:0 5%; float:left; color:#fff; line-height:42px;} .footer_left a { color:#fff;} .footer_right { width:40%; padding:0 5%; float:right; color:#fff; text-align:right; line-height:42px;} .footer_right a { color:#fff;} .content-info { margin-top:45px; padding:35px 0 36px; border-top:1px solid #e5e5e5;} /***************************************************************************************************************************************/ /***************************************************************************************************************************************/ .entry-meta ,.comments-link {display:none;} .inner_content a {color:#40B0FF;} .slideshowlink {display:none;} .ngg-widget, .ngg-widget-slideshow {padding:5px 0 0 26px !important;} .banner img {padding:6px;} .speech h1 span {color:#ffffff !important; font-size:16px;} #lang_sel_list img.iclflag {width:65px; height:25px;} #lang_sel_list ul a, #lang_sel_list_list ul a:visited {height:25px;} #lang_sel_list a, #lang_sel_list a:visited {padding-left:0px;} #lang_sel_list img.iclflag {top:0px;} .newsletter input[type="text"] {width:200px; height:20px;} .newsletter input[type="email"] {width:200px; height:20px; background:none repeat scroll 0 0 #F9F9F9; border:1px solid #CCCCCC; padding:2px;} .newsletter tr td {border:none;} .language ul li a { background: #FFFFFF !important; border: 1px solid #DCDCDC; border-radius: 8px; color: #000000; display: block; font-size: 12px !important; height: auto; line-height: 25px !important; margin: 0 0 0 10px; padding: 0 10px !important; text-transform:uppercase; } .language ul li a:hover { color:#EB281E !important;} .langSelect{ font-size: 108%; letter-spacing: -0.5px; margin-left:11px; } .langSelectLink{ padding:0px 3px 0px 3px; } .langSelectLink a{ text-decoration:none} #archive-wrapper { float: left; padding: 20px 19px 20px 20px; width: 620px; } ul.archive-list { float: left; width: 100%; } ul.archive-list li { border-bottom: 1px dotted #ccc; display: block; float: left; margin-bottom: 20px; padding-bottom: 20px; width: 100%; } ul.archive-list li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .archive-image { float: left; margin-right: 20px; position: relative; width: 200px; } .archive-image img { float: left; opacity: 1.0; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -0-transition: opacity .2s; -webkit-transition: opacity .2s; transition: opacity .2s; width:200px; height:150px; } .archive-image:hover img { opacity: 0.8; } .archive-text { float: left; width: 400px; } .archive-text-noimg { float: left; width: 100%; } .archive-text h2 a, .archive-text-noimg h2 a { color: #333; float: left; font-size: 20px; font-weight: 400; line-height: 120%; margin-bottom: 7px; width: 100%; } span.archive-byline { color: #777; float: left; font: 400 16px/16px 'Alegreya', serif; font-style: italic; margin-bottom: 6px; } .archive-text p, .archive-text-noimg p { float: left; font: 13px/17px helvetica, arial, sans-serif; overflow: hidden; width: 100%; } h3.assistive-text {display: none};