/**
 * Theme Name: Suffu-scion
 * Theme URI: http://your.theme.uri/
 * Description: A starter child theme for Suffusion. In the line that says "Tags:" below, add buddypress if this is being used for BuddyPress. E.g. "Tags: buddypress"
 * Version: 1.0.0
 * Author: Sayontan Sinha
 * Author URI: http://mynethome.net/blog
 * Template: suffusion
 * Tags:buddypress
 */


@import url("../suffusion/style.css");
@import url("../suffusion/skins/light-theme-gray-1/skin.css");

h1 {
	font-size: 180%;
	font-weight: normal;
}
h2 {
	font-size: 160%;
	font-weight: normal;
}
h3 {
	font-size: 150%;
	font-weight: normal;
}
h4 {
	font-size: 140%;
	font-weight: normal;
}
h5 {
	font-size: 125%;
	font-weight: normal;
}
h6 {
	font-size: 116%;
	font-weight: normal;
}

#header {
	border: none;
}

#header-widgets .suf-widget {
	display: inline-block;
	float: none;background-color: transparent; border: none;
	vertical-align: top;
}

body {/* Default styling for everything that is un-styled and doesn't inherit*/
	font-variant:normal; 
}

#wrapper {
	border: none;
	background-color: #f0f0f0;
}

.post, article.page {
	border: 0px solid #c0c0c0;
	background: #FFF;
	padding: 5px 5px 1em 5px;
	clear: both;
	overflow: hidden;
	margin-top: 10px;
}

/* post title */
h1.posttitle,
h2.posttitle {
	color: #000;
	margin: 3px 0 2px;
	padding-bottom: 4px;
	font-size: 200%;
	border-bottom: 0.1em;
}

.entry,
.non-wp-entry {
	padding: 5px 0 5px;
	clear: both;
	font-size: 116%;
	line-height: 1.6em;
	margin-bottom: 0.1em; 
	overflow: hidden;
}
/* Excerpts */
img.left-thumbnail,
.left-thumbnail {
	float: left;
	margin: 5px; 
}

.suf-flat-widget h3 {
    font-size: 110%;
    border-top: none;
    border-bottom: none;
    margin-bottom: 10px;
    padding: 5px 0;
}


ol {
	list-style: none;
}

acronym {
    border-bottom:1px dotted #000;
}

/* sidebar */
#sidebar, #sidebar-b,
#sidebar-2, #sidebar-2-b {
	margin-top: 55px; border: none;
	width: 200px;
	color: #999; background-color:transparent;
	line-height: 160%; 
}

.post, div.page {
	border: none;
	background: none; 
	padding: 5px 75px 0.5em 15px;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

.post, article.page {
	border: none;
	background:none;
	padding: 5px 75px 0.5em 15px;
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}

/* next & previous post navigation */
.post-nav {
	clear: both;
	padding: 5px;
	margin: 0 0 15px 0;
	font-size: 100%; 
	background-color: transparent;
	
}

/* next & previous page navigation */
.page-nav {
	clear: both;
	padding: 5px 0 5px 0;
	margin-bottom: .6em;
	background-color: transparent;
	border: none;
}
.page-nav a, .page-nav a:visited {
	color: #000; background-color: transparent;
	text-decoration: none;
}
.page-nav a:hover,
.navigation .suf-page-nav a:hover {
	text-decoration: none;
}
.previous-entries a { float: left; margin-left: 10px;}
.previous-entries .icon { width: 16px; height: 16px; background: no-repeat 0 -80px; float: left; margin-right: 4px;}
.next-entries a { float: right; margin-right: 10px; }
.next-entries .icon { width: 16px; height: 16px; background: no-repeat 0 -96px; float: right; margin-left: 4px; }

.suf-page-nav {
	text-align: center;
	margin: 5px 0;
}

.suf-page-nav a,
.suf-page-nav span {
	padding: 2px 5px;
	border: none;
	margin: 2px;
}

.suf-page-nav span.dots {
	border: none;
}

.suf-page-nav a.page-numbers:hover {
	color: #000;
}

/* next & previous page navigation */
.page-nav {
	clear: both;
	padding: 5px 0 5px 0;
	margin-bottom: .6em;
	background-color: transparent;
	border: none;
}

.post-nav table {
	width: 100%; 
}

.post-nav a, .post-nav a:visited {
	color: #999;
	text-decoration: none; background: transparent;
}
.post-nav a:hover {
	text-decoration: none;
}
.post-nav .previous a { float: left;}
.post-nav .previous .icon { width: 16px; height: 16px; background: no-repeat 0 -144px; float: left; margin-right: 4px;}
.post-nav .next a {	float: right; text-align: right; }
.post-nav .next .icon { width: 16px; height: 16px; background: no-repeat 0 -128px; float: right; margin-left: 4px;}

/* main menu */

.down-ptr {
	font-size: 130%;
	float: right;
	background: none; 
	height: 8px;
	width: 8px;
	top: 45%; 
	right: 5px;
	position: absolute; 
	margin-left: 5px; 
}


#nav {
	font-size: 108%;
	border-bottom: 1px solid; text-shadow: 0.5px 1px #000; 
}

/* Styling for navigation menus */
#nav ul ul li a,
#nav ul ul li a:visited {
	padding: 8px 8px 5px 8px; 
	text-decoration: none; 
	display: block;
	line-height:22px; 
}


#nav .current_page_item a,
#nav .current_page_item a:hover,
#nav li a:active {
	text-decoration: none; 
}

#nav li a:hover,
#nav li:hover {
	z-index: 100; 
}


/* Styling for navigation menus */
#nav ul ul li a,
#nav ul ul li a:visited {
	padding: 8px 8px 5px 8px;
	text-decoration: none; text-shadow: 0.5px 1px #fff;
	display: block;
	line-height:22px; 
}


#nav ul {
	list-style: none;
	display: block;
	margin: 0 0 -1px 0;
	padding: 0;
	float: left;
	vertical-align: bottom; 
}

#nav ul li a {
	padding: 8px 8px 5px 8px;
	text-decoration: none;  
	display: inline-block;
}


/* style the second level links */
#nav ul ul a,
#nav ul ul a:visited { 
	height:auto;
	line-height:1em;
	padding:8px 10px 5px 10px;
	width:230px;
	border-width:1px 1px 1px 1px;
	text-align: left;
}


.suf-horizontal-widget {
	margin: 5px;
	float: none; background-color:transparent ; 
	display: inline-block;
	text-align: left;
	vertical-align: top;
}

.suf-flat-widget h3 {
    font-size: 133%;
    border-top: none;
    border-bottom: none;
    margin-bottom: 10px;
    padding: 5px 0;
}

.flattened {
    background-color: #fff;
    border: 0px solid #c0c0c0;
}


#horizontal-outer-widgets-1,
#horizontal-outer-widgets-2 {
	width: 100%;
	padding: 10px 0 10px 0;
	display: inline-block;
	float: left;
	text-align: center; background: transparent;
}

.suf-horizontal-widget {
	margin: 5px;
	float: none;
	display: inline-block;
	text-align: left;
	vertical-align: top; background: transparent;
}

/* search form */
.searchform {
	display: inline-block;
	font-size: 100%;
	padding: 0;
	margin: -1px 0 1px;
}
.searchfield {
/*	width: 158px;*/
	padding: 2px 7px 2px 5px;
	color: #999;
	border: 1px solid #ccc;
	margin-top: 4px;
	line-height: 1.2em;
}


/* Credits  */
#cred {
	font-size:96,7%; 
	padding: 25px; border-top: 3px solid #ccc; 
	clear: both; 
	height: 175px;
	overflow: hidden;
}

#page-footer { margin-top: 0px; overflow: hidden;  
}

#page-footer #cred {
	border-top: none;
}

#cred td {
	width: 25% 49% 25%;
}

#cred td.cred-left {
	text-align: left;
}

#cred td.cred-center {
	text-align: left; 
}

#cred td.cred-right {
	text-align: right; padding-bottom: 132px;
}


.dropshadow {
 -moz-box-shadow: 2px 1px 3px #999; /* Firefox */
 -webkit-box-shadow: 2px 1px 3px #999; /* Safari/Chrome */
 box-shadow: 2px 1px 3px #999;
 /* Opera and other CSS3 supporting browsers */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
}

#nav ul li:hover .mm-warea, #nav-top ul li:hover .mm-warea { visibility:visible; opacity: 1; }
.mm-warea .mm-widget { float: none; position: relative; width: 120px; padding: 0px; margin: 5px; display: inline-block; vertical-align: top; overflow-x: visible;  }
#nav .mm-warea ul, #nav.continuous .mm-warea ul,
#nav-top .mm-warea ul, #nav-top.continuous .mm-warea ul {
	float: left;
	position: relative;
	left: auto;
    	top: 0;
    	width: auto;
    	border: none;
}

.mm-warea { padding: 1em; visibility: hidden; position: absolute; top: 18px; text-align: right; opacity: 0; background-color: transparent; border: none;}
.mm-warea.keep-open { visibility: visible !important; }
.mm-warea.keep-open ul { visibility: visible !important; opacity: 1}
#nav .mm-warea { top: 36px; }
.mm-warea-1 { width: 180px; }
.mm-warea-2 { width: 360px; }
.mm-warea-3 { width: 540px; }
.mm-warea-4 { width: 720px; }
.mm-warea-5 { width: 900px; }
.mm-warea-6 { width: 1080px; }
.mm-warea-7 { width: 1260px; }
.mm-warea-8 { width: 1440px; }
.col-control.center .mm-warea { left: auto; right: auto; }

#nav .mm-warea .mm-widget ul li, #nav-top .mm-warea .mm-widget ul li { border: none; line-height: 1em; margin: 0px 0; display: inline-block; clear: both; width: auto; padding-left: 20px; }
#nav .mm-warea .mm-widget, #nav-top .mm-warea .mm-widget { text-align: center; }
#nav .mm-warea .mm-widget a, #nav-top .mm-warea .mm-widget a { height: auto; line-height: inherit; padding: 0 0 3px; width: auto; font-weight: normal; }
#nav .mm-warea .mm-widget a:hover, #nav-top .mm-warea .mm-widget a:hover { text-decoration: underline; }
#nav .mm-warea .searchfield, #nav-top .mm-warea .searchfield { width: 105px; }