/*
Theme Name: Scylla lite
Description: Scylla Lite is a wordpress theme with 3 awesome skins, 2 fonts, slider, 2 layouts &amp; easy to use theme option panel. The Theme also includes 3 built-in widgets and 5 useful shortcodes. The theme is SEO Friendly and has plenty of user-friendly options. The theme also comes with a Contact page Template which doesn't require any setup. Checkout the proper <a href="http://scyllalite.towfiqi.com/">Demo</a>.
Version: 1.8.3
Theme URI: http://www.towfiqi.com/Scylla-lite-free-wordpress-theme.html
Author: Towfiq I.
Author URI: http://www.towfiqi.com/
License: GNU General Public License, v2 (or newer)
License URI: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Tags: theme-options, one-column, dark, blue, red, white, right-sidebar, left-sidebar
*/

/*Color Change*/
#topmenu ul li:hover, #topmenu ul li.current-menu-item{ background:#08B6D1  url(images/pattern1.png) repeat; }

body{background:#f4f4f4; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#424242;}
.pattern{width:100%; background:url(images/pattern1.png) repeat; float:left;}
.wrapper{ width:1190px; margin:0 auto;}
a{ text-decoration:none;}
h1, h2, h3, h4, h5, h6{ clear:both;}
h4 {margin-bottom:0;padding-bottom:0}
a:focus{outline:none;}

/*HEADER*/
#header{ width:100%;}
#logo{ margin:0px; width:600px;float:left;}
#logo h1 {margin:0;padding:10px 0 0 0}
#logo a{ color:#424242; text-decoration:none; font-size:32px;}
#logo a img{ border:none; float:left;}
#logo .text_logo{}
#logo .desc{}

/*FOOTER*/

#footer{ padding:10px; margin-top:30px; margin-bottom:60px;}
.foot{ width:100%; float:left; background:url(images/border.png) repeat-x top; padding-top:15px;}
.copyright{ float:left; width:30%; margin-bottom:15px;}
.copyright a{color:#424242;}
#footmenu{ float:right;font-size:12px; float:left; width:70%;}
.menu-footer{ float:right; margin-bottom:15px;}
#footmenu ul{ margin:0; padding:0;}
#footmenu ul li{ float:left; padding:0 10px; list-style-type:none;}
#footmenu ul li a{color:#424242; text-decoration:none;}
#footmenu .sub-menu{ display:none;}

/*MENU*/
#menu_wrap{ width:100%; display:block; height:40px; float:left;}
#topmenu{float:right; margin-top:10px;}
#topmenu ul{ margin:0; padding:0;}
#topmenu ul li{ float:left; list-style-type:none; padding:5px 10px; margin:0px 5px;}
#topmenu ul li a{ color:#323232; text-decoration:none; font-size:13px; display:block; }

#topmenu ul li:hover a, #topmenu ul li.current-menu-item a{color:#ffffff;text-shadow: 0 0 1px #222;}

#topmenu ul .current-menu-item a{ color:#fff;}
#topmenu ul .current-menu-item ul li{ background:#08B6D1 url(images/pattern1.png) repeat;padding:1px 0px;}
#topmenu ul .current-menu-item ul li a{ padding:4px; background:none;color:#fff;}
#topmenu ul .current-menu-parent ul .current-menu-item{background:#3e3e3e url(images/pattern1.png) repeat;}
#topmenu ul .current-menu-parent ul .current-menu-item a{ padding:4px; background:none;}
#topmenu ul .current-menu-parent ul .current-menu-item ul .menu-item a{ padding:4px;}
#topmenu ul .current-menu-item .current-menu-item .sub-menu li a{ padding:4px;background:none;}

#topmenu ul li ul{ position:absolute;width:120px; z-index:999999; display:none; padding-left:0; margin-left:-10px; margin-top:2px;}
#topmenu ul li ul li{ float:none; margin:0; padding:1px 0px; text-align:center; background:#08B6D1  url(images/pattern1.png) repeat;  display:block;}
#topmenu ul li ul li a{ color:#fff; font-size:12px; font-weight:normal; padding:4px;text-shadow: 0 0 1px #222; background:url(images/border.png) repeat-x bottom;}

#topmenu ul li ul li a:hover, #topmenu ul li .sub-menu .current-menu-item a:hover{ background:#3e3e3e url(images/pattern1.png) repeat;  }
#topmenu ul li ul li ul{left: 100%; margin-top:-24px; float:none; margin-left:0px; display:none;}



#content{ width:970px; float:left; margin-top:18px;}
#posts{float:left; width:100%;line-height:22px;}

/*SLIDER*/
#slide_wrap{ width:946px; height:250px; background:#3e3e3e url(images/pattern1.png) repeat; float:left; margin-bottom:12px; position:relative; overflow:hidden; padding:10px;}
.ribbon{ display:block; position:absolute; background:#08B6D1 url(images/pattern1.png) repeat; padding:5px; color:#FFF; font-size:16px; font-weight:bold; left:15px; margin-top:-12px;-moz-box-shadow: 0px 0px 2px #000;-webkit-box-shadow: 0px 0px 2px #000;box-shadow: 0px 0px 2px #000;text-shadow: 0 0 1px #222; z-index:99999;}
/*Easy Slider*/
#slider{position:relative; overflow:hidden;width: 946px; height: 250px; overflow: hidden;}
#hslider ul, #hslider li{margin:0;padding:0;list-style:none;}
#hslider li{ width:946px;height:250px;overflow:hidden; position:relative;}	
#prevBtn, #nextBtn{display:block; float:left; position:relative; bottom:6px; z-index:1000; right:120px; left:852px; background:#08B6D1 url(images/pattern1.png) repeat; z-index:99999;}
#prevBtn a, #nextBtn a{color:#FFF; font-size:14px; font-weight:bold; padding:5px;}	
.slider-content{ width:45%; position:absolute; height:auto; margin-top:150px; background:url(images/slider_bg.png); color:#fff; padding:5px 10px; right:0;}
.slider-content h2{ margin:5px 0; font-weight:bold;}
#hslider .slider-content h2 a, #hslider .slider-content a{ color:#fff;}
.slider-content p{ margin:5px 0;}

/* Easy Slider END */

/*LAYOUT 1*/
#lay1 {margin-left:-24px}
#lay1 .post{ width:286px; float:left; height:260px; background:#3e3e3e url(images/pattern1.png) repeat; margin:12px 0 12px 24px; padding:10px; color:#FFF; position:relative; overflow:hidden;}
#lay1 .imgwrap{ width:286px; height:120px; overflow:hidden;-moz-box-shadow: 0px 0px 2px #111;-webkit-box-shadow: 0px 0px 2px #111;box-shadow: 0px 0px 2px #111;}
#lay1 .imgwrap img{ border:none;}
#lay1 .postitle { margin:7px 0; font-size:16px; color:#f4f4f4;}
#lay1 .postitle a { color:#f4f4f4;}
#lay1 .post p{ margin:0 0 10px 0;}
#lay1 .date{ width:90px; position:absolute; background:#08B6D1 url(images/pattern1.png) repeat; color:#6e2926; text-align:center; font-weight:bold; font-size:13px; top:-40px; right:15px; -moz-border-radius: 60px; -webkit-border-radius: 60px;-khtml-border-radius:60px;border-radius:60px; height:90px;}

#lay1 .date .date_content{ margin-top:40px; width:90px;}
#lay1 .date span{ font-size:24px; display:block; margin-top:-5px;}

#lay1 .post_meta{ width:93%; bottom:5px; position: absolute;}
#lay1 .post_meta .block_comm{ float:right;}
#lay1 .post_meta a{ color:#222; font-size:18px; font-weight:bold;}
#lay1 .post_meta span{ font-size:9px; margin-left:-2px;}
#lay1 .thumbnail{max-width:300px; height:auto;}

/*LAYOUT 2*/
#content3{ width:100%; float:left; margin-top:30px;}
#lay2 .post{ width:150px; float:left; height:150px; background:#3e3e3e url(images/pattern1.png) repeat; margin:15px 25px 15px 0px; padding:10px; color:#FFF; position:relative; overflow:hidden;}
#lay2 .imgwrap{ overflow:hidden; position:absolute; z-index:100;}
#lay2 .imgwrap img{ border:none;}
#lay2 .post_content{ position:absolute; z-index:80; width:150px; height:150px; overflow:hidden;}
#lay2 .date{ z-index:1000;}
#lay2 .post_meta{ position:absolute; z-index:1000; bottom:0;}
#lay2 .block_comm{ text-align:center; padding:2px;background:#08B6D1 url(images/pattern1.png) repeat;}
#lay2 .block_comm span{ display:block; font-size:9px;}



/*SIDEBAR*/
#sidebar{ float:right; width:210px; margin-top:30px; color: #fff; position:relative;}
#sidebar a{color: #fff;}

#sidebar ul{ margin:0; padding:0;}
#sidebar .widgets{ float:left; position:relative; 100%;}
#sidebar ul li{ list-style-type:none;}
#sidebar ul .widget{ padding: 0 5px 5px 5px;background:#333 url(images/pattern1.png) repeat; margin:0 5px 30px 0;}
#sidebar .widgettitle{ position:absolute; border-radius:4px;background:#0FB8D2 url(images/pattern1.png) repeat; right:15px; padding:3px 8px; margin:-3px -3px 0 0;}


#sidebar .widgets ul li ul {padding: 7px 8px 1px 7px;width: 190px;background-color: rgba(0,0,0,0.1);border: 5px solid rgba(255,255,255,0.1);overflow:auto}
#sidebar .widget_wrap{ padding-top:5px; width:205px; float:left;}
#sidebar ul li ul li{ padding:6px 5px; width:96%; float:left;}

#sidebar ul li ul li ul{ background:url(images/trans_black.png) repeat; padding:7px;}
#sidebar ul li ul li{ background:none;}
#sidebar .odd{ background:url(images/trans_white.png) repeat;}
#sidebar .even{}
#sidebar #searchform{ margin-top:25px; padding-bottom:20px;}
#sidebar #searchform label{ display:none;}
#sidebar #searchform #s{ width:94%; padding-left:5px; height:25px;}
#sidebar #searchsubmit{ display:inline-block; margin-left:205px; margin-top:5px;}
#sidebar .textwidget, #sidebar .tagcloud{ padding:10px; background:url(images/trans_black.png) repeat;}
#sidebar .widgets .sub-menu, #sidebar .widgets .sub-menu li { background:none;}


/*POST, PAGE GENERAL STYLE*/
.post, .type-page, .type-attachment{ width:95%; background:#3e3e3e url(images/pattern1.png) repeat; padding:15px; padding-bottom:0; color:#FFF; position:relative; overflow:hidden; margin-bottom:30px;}
.post a, .type-page a, .type-attachment a{ color:#fff;}
.post .date, .type-page .date, .type-attachment .date{ width:90px; position:absolute; background:#08B6D1 url(images/pattern1.png) repeat; color:#6e2926; text-align:center; font-weight:bold; font-size:13px; top:-40px; right:15px; -moz-border-radius: 60px; -webkit-border-radius: 60px;-khtml-border-radius:60px;border-radius:60px; height:90px;-moz-box-shadow: 0px 0px 2px #000;-webkit-box-shadow: 0px 0px 2px #000;box-shadow: 0px 0px 2px #000;}
.post .date span, .type-page .date span, .type-attachment .date span{ font-size:24px; display:block; margin-top:-5px;}
.post .date .date_content, .type-page .date .date_content, .type-attachment .date .date_content{ margin-top:40px; width:90px;}

.post img, .type-page img, .type-attachment img{ max-width:600px; height:auto;-moz-box-shadow: 0px 0px 2px #111;-webkit-box-shadow: 0px 0px 2px #111;box-shadow: 0px 0px 2px #111; border:none;}
.type-attachment .post_cat, .attachment #related{ display:none;}

.single_page_post p, .single_page_post h1, .single_page_post h2, .single_page_post h3, .single_page_post h4, .single_page_post h5, .single_page_post h6{clear:both;}
.single .post_content, .page .post_content, .archive .post_content, .type-attachment .post_content{ padding-bottom:15px;}
.single .post_meta, .page .post_meta, .archive .post_meta, .type-attachment .post_meta{ width:85%; float:left;}
.block_comm2{ float:right; margin-right:10px;}
.block_comm2 a{ color:#222; font-weight:bold; font-size:18px;}
.block_comm2 span{ font-size:11px;}
.post_cat{ float:left;}
.post_tag{ float:left; margin-left:20px;}

.post_foot{ width:103%; background:url(images/trans_white.png) repeat; height:auto; float:left; margin-left:-15px; padding:5px 0px 5px 15px;}

#posts .post .wp-smiley { padding:0;margin:-2px 0 0 0; height:17px; background:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-shadow:none;-o-box-shadow:none;border:0 }
.aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left; margin:7px; margin-left:0;}
.alignright {float: right; margin:7px; margin-right:0;}
.wp-caption {background-color: #f3f3f3;border: 1px solid #ddd;-khtml-border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;
border-radius: 3px;margin: 10px;padding-top: 4px;text-align: center;max-width: 580px !important;}
.wp-caption img {border: 0 none!important;margin: 0!important;padding: 0!important; background:none!important; max-width:570px;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px; color:#333;}
.size-thumbnail{ margin:5px;}
.post-edit-link{ display:block; padding:2px 5px; float:right; margin-right:-15px; background:url(images/trans_black.png) repeat; margin-bottom:10px;}

.post table, .org_comment table {margin: 0 -1px 24px 0;text-align: left;width: 100%;border-collapse: collapse;border-spacing: 0; background:url(images/trans_black.png) repeat;}
.post table img, .org_comment img{ max-width:200px;}
.post tr th, .post thead th, .org_comment thead th {color: #FFF;font-size: 12px;font-weight: bold;line-height: 18px;padding: 9px 24px; background:#08B6D1 url(images/pattern1.png) repeat;}
.post tr td, .org_comment tr td{padding: 6px 24px;}
.post tr.odd td, .org_comment tr.odd td{background: #f2f7fc}

.org_comment table th{padding: 6px 24px;}
.post #gallery-1 a img{ padding:10px; background:url(images/trans_black.png) repeat;}
.post #gallery-1 img{ border:none;}
.gallery-caption{}
.sticky{background:#08B6D1 url(images/pattern1.png) repeat !important;}
.sticky_bg{ }
.more-link{ display:block; padding:5px 10px;background:#08B6D1 url(images/pattern1.png) repeat; float:left; margin-left:-15px;}

.children li.odd .commentmetadata, .children .org_comment {color: #CCC;}



/*PAGINATION*/
.scylla_paginate, .navigation{ float:left; margin:15px 0; width:100%;}
.scylla_paginate .amp_title{ display:none;}
.scylla_paginate span, .scylla_paginate a, .navigation a, .navigation span{ padding: 5px 10px;}
.amp_page, .amp_next, .amp_prev, .page-numbers{ text-align:center; text-decoration:none; font-size:13px; margin-right:10px; background:#3e3e3e url(images/pattern1.png) repeat; display:inline-block; color:#FFF;}
.amp_current{text-decoration:none; font-size:13px;margin-right:10px;background:#08B6D1 url(images/pattern1.png) repeat; color:#fff;display:inline-block;}
.amp_next{}
.amp_page:hover, .amp_next:hover, .amp_prev:hover, .page-numbers:hover, .navigation .current {background:#08B6D1 url(images/pattern1.png) repeat; color:#fff;}
.hidden_nav{ display:none;}

/*COMMENTS*/
.comments_template{width: 100%; float:left;}
.comments_template a{ color:#FFF;}
.commentlist{ list-style-type:none; margin:0; padding:0;}
.commentlist li{ list-style-type:none;}
.comment-body{background:#3e3e3e url(images/pattern1.png) repeat; color:#fff; padding:15px; margin-bottom:15px; float:left; width:95%;}
.vcard{ float:left; width:58px; margin-right:15px;}
.fn{ padding-top:5px; display:block; text-align:center;}

.comment-meta{ }
.org_comment {float: left; width: 85%;}
.comm_meta_reply{}

.comm_reply{ display:inline-block; float:right; margin-right:15px;}
.comm_edit{ display:inline-block; float:right; margin-right:15px;}

#respond{width: 95%; float:left; padding:15px;background:#3e3e3e url(images/pattern1.png) repeat; color:#fff; margin:15px 0;}
#respond input{ padding:10px; border:none; color:#fff; font-family:Arial, Helvetica, sans-serif;background:url(images/trans_black.png) repeat;box-shadow:inset 0 0 5px #222;-moz-box-shadow:inset 0 0 5px #222;-webkit-box-shadow:inset 0 0 5px #222; width:50%;}
#respond textarea{ padding:10px; background:url(images/trans_black.png) repeat; border:none; color:#fff; font-family:Arial, Helvetica, sans-serif; width:85%;box-shadow:inset 0 0 5px #222;-moz-box-shadow:inset 0 0 5px #222;-webkit-box-shadow:inset 0 0 5px #222;}
#commentform label{display:block; float:left;}
#commentform .comment-form-url label{ margin-right:26px;}
#commentform .comment-form-comment label{ margin-right:15px;}
#commentform .form-allowed-tags{ display:none;}
#commentform .required{ float:left; margin-right:32px;}

.page .nocomments, .comment-notes{ display:none;}
#respond #submit{box-shadow:inset 0 0 0px #222;-moz-box-shadow:inset 0 0 0px #222;-webkit-box-shadow:inset 0 0 0px #222;background:#08B6D1 url(images/pattern1.png) repeat; width:auto; float:right;}
.bypostauthor .org_comment{color:#333}
.bypostauthor .comment-body{background:#08B6D1 url(images/pattern1.png) repeat;}
.bypostauthor .comment-body .fn{color:#FFF;}
.bypostauthor .children .comment-body{color:#111;background:#999 url(images/pattern1.png) repeat;}
.bypostauthor .children .comment-body .fn{color:#FFF}
.bypostauthor .children .comment-body{color:#111;background:#999 url(images/pattern1.png) repeat;}
.bypostauthor .children .bypostauthor .comment-body{background:#08B6D1 url(images/pattern1.png) repeat;}
.commentlist .org_comment ol li{ list-style-type:decimal;}
.commentlist .org_comment ul li{ list-style-type:circle;}

/*POST SHARE*/
.share_this{ padding:5px;background:#3e3e3e url(images/pattern1.png) repeat; float:right; margin-top:-30px; margin-right:2px; margin-bottom:30px;}
.social_buttons{ width:185px;}
.social_buttons a{ display:block; width:33px; height:33px; text-indent:-99999px; float:left; margin-right:5px; background:#666;}
.lgn_fb a{ background:url(images/share_this.png) no-repeat;}
.lgn_twt a{ background:url(images/share_this.png) no-repeat; background-position:-33px 0;}
.lgn_del a{ background:url(images/share_this.png) no-repeat; background-position:-99px 0;}
.lgn_digg a{ background:url(images/share_this.png) no-repeat; background-position:-132px 0;}
.lgn_stmbl a{background:url(images/share_this.png) no-repeat; background-position:-66px 0; margin-right:0;}



/*Contact Page*/
.entry-content input{ padding:10px; border:none; color:#fff; font-family:Arial, Helvetica, sans-serif;background:url(images/trans_black.png) repeat;box-shadow:inset 0 0 5px #222;-moz-box-shadow:inset 0 0 5px #222;-webkit-box-shadow:inset 0 0 5px #222; width:50%;}
.entry-content textarea{ padding:10px; background:url(images/trans_black.png) repeat; border:none; color:#fff; font-family:Arial, Helvetica, sans-serif; width:80%;box-shadow:inset 0 0 5px #222;-moz-box-shadow:inset 0 0 5px #222;-webkit-box-shadow:inset 0 0 5px #222; height:200px;}
.entry-content label{ width:100px; display:block; float:left;}
.entry-content #submit_msg{box-shadow:inset 0 0 0px #222;-moz-box-shadow:inset 0 0 0px #222;-webkit-box-shadow:inset 0 0 0px #222;background:#08B6D1 url(images/pattern1.png) repeat; width:auto; left:90%; padding:5px 10px; position:relative;}

/*Page with Left Sidebar*/
.wrapper .sidebar_left{ float:left!important;margin-top: 57px!important;}
.wrapper .content_left{ float:right!important;}

/*ERROR PAGE*/
.error_page{}
.error_page .post{ width:65%; padding-bottom:30px; margin-top:120px;}
.error_page .fourofour{ font-size:340px; display:block; float:right; font-weight:bold; margin-top:-115px;}
.error_page .fourofour{ color:#08B6D1;}



/*WIDGETS*/
.widgets img{ border:none;}
.ads-250x250{ margin:0 auto; width:250px; height:250px; padding:10px 0;}
.ads-125x125 img{ padding:5px 6px;}
.ads-160x600{ margin:0 auto; padding:10px 0;}
.ads-160x600 img{ margin:0 auto; width:160px; height:600px; display:block;}
.scl_flckr_widget #flickr_badge_wrapper{ padding:5px;}
.scl_flckr_widget img{ padding:7px; display:inline;}
.flickr_badge_image{ display:inline-block;}
.scl_wgt_thumb{ float:left; margin-right:10px; width:100%;}
.scl_wgt_thumb img{ width:100%; height:auto;}
.widget_content{ float:left; width:100%;}
.widget_content p{ margin:10px 0; text-align:justify}
.scl_wgt_tt{ font-size:19px; font-weight:bold;}
.widget_calendar #calendar_wrap{ width:96%; background:url(images/trans_black.png) repeat; padding:5px;}
.widget_calendar #wp-calendar{ width:100%; }
.widget_calendar #wp-calendar caption{ height:25px; background:url(images/trans_white.png) repeat;padding-top:5px; font-weight:bold; font-size:14px;}
.widget_calendar #wp-calendar td{ text-align:center; padding:5px 0;}
.widget_calendar #wp-calendar tfoot { padding-top:10px;}
.widget_calendar #wp-calendar tfoot td{ text-align:justify; padding:5px 0; }
.widget_calendar #wp-calendar tfoot #next{ text-align:right;}
.widget_calendar #wp-calendar #today{ background:url(images/trans_black.png) repeat; font-weight:bold;}


/*SHORTCODES
-------------
*/

/*LIST ELEMENTS*/
.list1 li{ list-style-image:url(images/list1.png);}
.list2 li{ list-style-image:url(images/list2.png);}
.list3 li{ list-style-image:url(images/list3.png);}
.list4 li{ list-style-image:url(images/list4.png);}
.list5 li{ list-style-image:url(images/list5.png);}

/*MESSAGE BOX*/
.lgn_scs{ width:92%; background:#c8ffd3 url(images/lgn_success.png) no-repeat; background-position:5px 5px; border:1px solid #98f1a9; padding:10px; padding-left:32px; color:#3f834c; clear:both; margin:15px 0;}
.lgn_info{ width:92%; background:#c5eaf5 url(images/lgn_info.png) no-repeat; background-position:5px 5px; border:1px solid #8ac7e8; padding:10px; padding-left:32px; color:#469cc0; clear:both; margin:15px 0;}
.lgn_wng{ width:92%; background:#f7e0b6 url(images/lgn_warning.png) no-repeat; background-position:5px 5px; border:1px solid #ebc887; padding:10px; padding-left:32px; color:#af7a18; clear:both; margin:15px 0;}
.lgn_err{ width:92%; background:#ffd0cc url(images/lgn_error.png) no-repeat; background-position:5px 5px; border:1px solid #e49a94; padding:10px; padding-left:32px; color:#b04840; clear:both; margin:15px 0;}

/*QUOTE*/
.lgn_quote{ width:92%; background: url(images/lgn_quote.png) no-repeat; background-position:5px 5px; color:#929292; clear:both; margin:15px 0;padding-left:37px; font-style:italic; min-height:30px;}

/*Button*/
.scl_button{ width:auto; float:left; padding:1px; margin-bottom:15px; background:#08B6D1 url(images/pattern1.png) repeat;}
.scl_button span{ display:inline-block; padding:9px;background:url(images/trans_black.png) repeat;}



/*SOCIAL SHARE*/
.social_wrap{ width:300px; margin:0; float:right}
.social{}
.social ul{ margin:0; padding:0; float:right;}
.social ul li{ float:right; list-style-type:none; margin:3px;}
.social ul li a{ display:block; width:16px; height:16px; background:url(images/social.png) no-repeat; text-indent:-999999px;}
.social ul .soc_fb a{ background-position:0 0;}
.social ul .soc_tw a{ background-position:-16px 0;}
.social ul .soc_ms a{ background-position:-32px 0;}
.social ul .soc_ytb a{ background-position:-48px 0;}
.social ul .soc_flkr a{ background-position:-64px 0;}
.social ul .soc_rss a{ background-position:-80px 0;}

.search_term{ margin-bottom:20px;}

.scl_quote {margin:5px;padding:10px;background:#555;border: 4px dashed #444}
.scl_quote {margin:5px;padding:10px;background:#2c2c2c;border: 4px dashed #404040}
.notice {margin:5px;padding:5px;border: 1px solid #FA830A}
.notice p {margin:0;padding:0}
strong{background:#2c2c2c;padding:2px 4px 4px 4px;border:1px solid #4c4c4c;border-radius:3px;webkit-border-radius:3px;font-size:12px}

/*Primary Color*/
#topmenu ul .current-menu-parent ul .current-menu-item, #topmenu ul li ul li a:hover, #topmenu ul li .sub-menu .current-menu-item a:hover, #slide_wrap, #lay1 .post, #lay2 .post, #slide_acord, #lay4 .post, .post, .type-page, .type-attachment, .amp_page, .amp_next, .amp_prev, .page-numbers, .comment-body, #respond, .share_this, #related {background:#2e2e2e url(<?php echo get_template_directory_uri(); ?>/images/<?php echo $option['scl_patterns'] ?>.png) repeat!important;}

/*Secondary Color*/
#topmenu ul li:hover, #topmenu ul li.current-menu-item, #topmenu ul .current-menu-item ul li, #topmenu ul li ul li, #prevBtn, #nextBtn, #lay1 .date, #lay2 .block_comm, .post .date, .type-page .date, .type-attachment .date, .post tr th, .post thead th, #posts .sticky, .more-link, .amp_current, .amp_page:hover, .amp_next:hover, .amp_prev:hover, .page-numbers:hover, .navigation .current, #respond #submit, .bypostauthor .comment-body, #related h3, .entry-content #submit_msg, .trigger_wrap, .scl_button { background:#000 url(<?php echo get_template_directory_uri(); ?>/images/<?php echo $option['scl_patterns'] ?>.png) repeat!important; }

.post .post_content a, .page .post_content a{color:#08B6D1!important;}

/*Widgets*/
#sidebar ul .widget{ background:#2e2e2e url(<?php echo get_template_directory_uri(); ?>/images/<?php echo $option['scl_patterns'] ?>.png) repeat!important; }

#sidebar .widgettitle{background:#08b6d1 url(<?php echo get_template_directory_uri(); ?>/images/<?php echo $option['scl_patterns'] ?>.png) repeat;}


/*Background COLOR*/
body { background:#1a1a1a!important;}

/*Background Pattern*/
.pattern{ background:url(<?php echo get_template_directory_uri(); ?>/images/<?php echo $option['scl_patterns'] ?>.png) repeat!important; }


/*FEATURED RIBBON*/

.ribbon{ color:#ffffff!important; background:#08b6d1 url(<?php echo get_template_directory_uri(); ?>/images/<?php echo $option['scl_patterns'] ?>.png) repeat!important;}

/*THE DATE BADGE*/
.post .date, .type-page .date, .type-attachment .date, #lay1 .date, #lay2 .date{ color:#242424!important; background:#08b6d1 url(<?php echo get_template_directory_uri(); ?>/images/<?php echo $option['scl_patterns'] ?>.png) repeat!important;}


/*FONT COLOR*/
/*-------------*/
/*LOGO and Other Outside Elements*/
#logo a, #topmenu ul li a, #footmenu ul li a, #comments, body, .towfiq{ color:#ffffff!important;}

/*Primary Colors- Font color*/
#prevBtn a, #nextBtn a, #lay1 .post, #lay2 .post, #lay4 .post, .post, .type-page, .type-attachment, .post a, .type-page a, .type-attachment a, .amp_page, .amp_next, .amp_prev, .page-numbers, .comments_template a, .comment-body, #respond, #respond input, #respond textarea, #related a, .entry-content input, .entry-content textarea{ color:#c7c7c7!important;}

#lay1 .post_meta a, #posts .block_comm2 a{color: #c7c7c7!important;}

/*Secondary Colors- FOnt COLOR*/
#topmenu ul li:hover a, #topmenu ul li.current-menu-item a, #topmenu ul .current-menu-item a, #topmenu ul .current-menu-item ul li a, #topmenu ul li ul li a, .post tr th, .post thead th, .amp_current, .amp_page:hover, .amp_next:hover, .amp_prev:hover, .page-numbers:hover, .navigation .current, .bypostauthor a, #posts .sticky a, #related h3, #posts .sticky .postitle a{ color:#ffffff!important;}

/*WIDGET Font COLOR*/
#sidebar a, #sidebar{ color:#c7c7c7!important;}
#sidebar h3, #sidebar h3 a{ color:#000!important;}

/*POST TITLE COLOR*/
#posts .postitle, #posts .postitle a{ color:#08b6d1!important;}
#content .more-link{ color:#ffffff!important;}

.stButton {margin:0 0 0 4px!important}

#accept_paypal_payment_form{
	width:184px;
}
#accept_paypal_payment_form form{
	float:left;
	margin-right:-10px;
	border:1px solid #aaa;
	border-radius:5px;
	padding:10px 0 10px 0;
	width:180px;
	line-height:17px;
	text-align:center;
	font-size:15px;
}
#sidebar #accept_paypal_payment_form{width:205px;}

#sidebar #accept_paypal_payment_form form{width:205px;margin-right:0;padding-top:30px;border:0;background:rgba(0,0,0,0.15)}
#sidebar #accept_paypal_payment_form input{margin-left:20px;}
#sidebar #accept_paypal_payment_form select{margin-left:16px;}

#accept_paypal_payment_form form strong {
	font-size:14px!important;
	border:0;
	background:transparent;
	display:block;
}

#accept_paypal_payment_form form span {
	font-weight:bold;
}
#accept_paypal_payment_form form select,
#accept_paypal_payment_form form input{
	border-radius:5px;
	padding: 4px 0 4px 10px;
	font-size:13px;
	display:block;
	margin:-15px 0 0 10px;
	width:145px;
}
#accept_paypal_payment_form form select{
	font-size:14px;
	width:165px;
	margin-left:8px;
}
#accept_paypal_payment_form form input[type="image"] {
	padding: 4px;
}
.ad728 {
	margin: 5px 0 0 0;
	text-align:center;
	float:right;
	height:
}
.post-ads {
	width:100%;
	overflow:auto;
	text-align:center;
}
.widget_top{clear:both;}
.widget_bottom{clear:both;}
.seo_wgt_thumb img {width:182px;height:82px;}
.seo_wgt_tt {font-size:19px; font-weight:normal;font-family: "YanoneKaffeesatzRegular";text-align:center;display:block;}
.seo_post_view {clear:both;color:#222;background-color: #777;padding:3px 0;text-align:center;}
#sidebar ul .seo_pop_widget{clear:both;overflow: auto;magin:0;padding:0;}
#sidebar ul .seo_pop_widget{background:none;}
#sidebar ul .seo_pop_widget .odd {background-color: rgba(255,255,255,0.2);margin-bottom:5px;}
#sidebar ul .seo_pop_widget .even {background-color: rgba(255,255,255,0.1);margin-bottom:5px;}




/* Media Queries from 1190px to 1024 */
@media screen and (max-width: 1220px) {
	
	body {}

	.wrapper {
		width:980px;
	}
	#content {
		width: 755px;
	}
	#slide_wrap {
		width: 731px;
	}
	#hslider {
		width: 731px;
		height: 250px;
	}
	#hslider li {
		width: 731px;
	}

	#lay1 .post {
		width: 214px;
		float: left;
		height: 302px;
	}
	#lay1 .imgwrap,
	#lay1 .imgwrap img{
		width:214px!important;
		height:89px!important;
	}
	.ad728 {
		float:none;
		clear:both;
		margin: 10px 0 0 0;
		text-align:center;

	}
	.post-ads {
		width: 728px;
		overflow:hidden;
		height:350px;
		margin:0 -10px 0 -10px;
	}
}
