/*
Theme Name: Neat WordPress Theme
Theme URI: http://www.withoutnoisetheme.com/
Description: Neat WordPress Theme by WNT Team
Version: 2.1.0
Author:	WNT Team
Author URI: http://www.withoutnoisetheme.com/
*/

/* --------------------------------------------------------------
Behind Without Noise Theme :
- Khalid Abdullah as Marketing Manager
- WizzKiD as Front End Developer
- Satrya as Front End Developer
-------------------------------------------------------------- */

/* =============================================================================
0 - Reset Stylesheet
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
============================================================================= */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

*{ margin:0; padding:0; }

/* =============================================================================
1 - Layout Section
============================================================================= */
body { background:#F0F0F0; color:#111; font-size:14px; line-height:24px; margin:0; }

body, h1,h2,h3,h4,h5,h6, .entry,.comments-box h3,.commentlist p,
#commentform input.txt,#commentform textarea,#commentform #submit {
    font-family: Tahoma,'Liberation Sans',FreeSans,sans-serif;
}

#wrapper { background: #FEFEFE; margin:10px auto; }

#wrapper, #primary-navigation {  }

#container { overflow:hidden; }

#header { min-height: 180px; overflow:hidden; padding-top: 10px; background-repeat: no-repeat; background-position: top center !important; }

#featured { /*margin:5px; border:1px solid #CCCCCC; display:block; float:left; display:inline; overflow:hidden; width:968px; padding:0;*/ }

#related_posts { display:block; /*float:left; display:inline; width:640px; overflow:hidden;*/ padding:0; margin-bottom:15px; }

#content { /*display:inline; float:left; width:620px; margin-bottom:10px; padding:5px 9px 10px; margin:5px;*/ border:1px solid #CCCCCC; }

#sidebar { /*display:inline; float:right; width:325px; margin:0;*/ }

#footer { color:#000000; margin: 10px 0 0; }

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width page with no sidebar
*/
#full-width-content { display:inline; float:left; margin-bottom:10px; padding:5px 9px 10px; border:1px solid #CCCCCC; margin:5px; }

/* =============================================================================
2 - Alignment Section
============================================================================= */

.alignleft { display:inline; float:left; margin-right:25px; }

.alignright { display:inline; float:right; margin-left:25px; }

.aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; }

.alignnone{ display:block; }

/* =============================================================================
3 - Global Elements Section
============================================================================= */

#sidebar .sidebar-inner ul .widget-title a,
#sidebar .sidebar-inner ul .widget-title a:hover,
.metadata a:hover,cite.fn a,cite.fn a:hover,
.navigation .wp-pagenavi a:link,
.navigation .wp-pagenavi a:visited,
.navigation .wp-pagenavi .on,
.navigation .wp-pagenavi .extend,
.navigation .wp-pagenavi span.pages,
#content .comments-box .comments-heading,
#commentform input.txt,
#commentform textarea{
	background-color:inherit;
	color:#111111;
}

pre, .nav li ul li a,.nav li ul li a:visited, .cat-nav li ul li a,
.cat-nav li ul li a:visited, .cat-nav a:hover, .current-cat a, .post-pages a:hover span,
#primary-navigation, .commentlist li.bypostauthor {

}

pre, .attachment img, .commentlist li, .navigation .wp-pagenavi .extend,
.navigation .wp-pagenavi span.pages{
	border:1px solid #e0e0e0;
}

pre, .entry-content img, .attachment img, .post-pages a span,
.post-pages span, #sidebar .sidebar-inner ul .widget-title, .commentlist code {
	padding:5px;
}

#footer a { }

#footer a:hover, #footer a:visited { background-color:inherit; text-decoration:underline; }

#header h1 a:hover, #header span a:hover { text-decoration:none; }

.nav li ul li ul, .searchform label, #searchsubmit, span.says,hr { display:none; }

/* =============================================================================
4 - Typography Section
============================================================================= */

p { margin:0 0 13.5px; padding:0; line-height:24px; }

.ref { margin:0 0 5px; }

.reference { margin:0; padding:0; line-height:25px; }

.home-justify p { text-align:justify; }

.home-justify { text-align:justify; }

ul { list-style:disc; margin-left:7px; padding:0 0 10px 25px; }

ol { list-style:decimal; margin-left:7px; padding:0 0 10px 25px; }

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; }

ul li, ol li { padding:0px 0px 15px 0px; }

hr { background-color:#e6e6e6; clear:both; height:1px; border:0; margin:0 0 15px; }

b, strong { font-weight:bold; }

em { font-style:italic; font-weight:400; }

strong em,em strong { font-style:italic; font-weight:700; }

del { text-decoration:line-through; }

ins { background: #ffc; }

pre{ overflow:auto; margin:0 0 10px; }

code,tt {
	background:#f5f5f5;
	color:#666;
	display:inline;
	font-size:12px;
	line-height:20px;
	overflow:auto;
	margin:0;
	padding:2px 3px;
}
blockquote,q {
	quotes:none;
	background:url(images/quote.png) no-repeat left top ;
	overflow:hidden;
	color:#888;
	font-style:italic;
	clear:both;
	margin:0 0 11px;
	padding:0 0 0 40px;
}
blockquote i, 
blockquote em, 
blockquote cite {
	font-style:normal;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight:bold;
}
dd {
	margin-bottom:18px;
}
acronym, abbr { 
	cursor:help; 
	border-bottom:1px dotted;
}
sup,
sub {
	height:0;
	line-height:1;
	position:relative;
	vertical-align:baseline;
	font-size:small;
}
sup {
	bottom:1ex;
}
sub {
	top:.5ex;
}
small { 
	font-size:small;
}
big {
	font-size:large;
}
mark { 
	background:#ff0; 
	color:#000;
	font-style:italic;
	font-weight:bold; 
}
h1 {
	font-size:27px;
	line-height:38px;
}
h2 {
	font-size:24px;
	line-height:34px;
}
h3 {
	font-size:21px;
	line-height: 30px;
}
h4 {
	font-size:18px;
	line-height:26px;
}
h5 {
	font-size:15px;
	line-height:22px;
}
h6 {
	font-size:15px;
	line-height:22px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight:bold;
	margin-bottom:10px;
}

/* =============================================================================
5 - Global Fonts
============================================================================== */
#header h1,
#header span {
	display:block;
	font:30px Tahoma,Trebuchet MS,Arial,sans-serif;
	padding:30px 15px 0;
	margin-bottom:0px;
}
.site-description  {
	font:bold 15px Tahoma,Trebuchet MS,Arial,sans-serif;
	color:#111111;
	padding:0 15px 25px;
}
.entry-title {
	font-family:Tahoma,"Times New Roman",Times,serif;
	font-weight:normal;
}
code,tt {
	font-family:'andale mono','lucida console', monospace;
}

/* =============================================================================
6 - Table Section
============================================================================== */
table, th, td { 
    border:1px solid #e8e8e8;
    border-collapse:collapse;
    margin:5px 0 10px;
    padding:5px 10px;
}
th { 
	background-color:#e8e8e8;
    border-right:1px solid #e0e0e0;
	color:#666;
	font-size:10px;
	font-weight:500;
	letter-spacing:0.1em;
	line-height:2.6em;
	text-transform:uppercase;
	text-align:left;
}
table {
	margin-bottom:1.4em;
	width:100%;
	border-collapse:collapse; 
	border-spacing:0;
	border-bottom:1px solid #ddd;
	margin:0 0 1.625em;
}
td { 
	border-top:1px solid #ddd;
	padding:6px 10px 6px 10px;
	vertical-align:middle;
}
td input[type="submit"] {
    background:url(images/submit.gif) repeat-x 0 0;
    border-color:#ddd #ccc #ccc #ddd;
    border-style:double;
    border-width:3px;
    cursor:pointer;
    font-size:1.2em;
    margin-top:10px;
	outline-color:#ddd;
    padding:5px;
	position:relative;
    width:170px;
}

/* =============================================================================
7 - Images Section
	7.1 - Image
	7.2 - Image Caption
	7.3 - Gallery
	7.4 - Attachment page
============================================================================= */
.entry-content img,
.comment-content img,
.widget img{
	max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
}
img.size-full,
img.size-large {
	max-width: 97.5%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-top: 5px;
	margin-bottom: 12px;
}

/* Image Caption */
p img,
.wp-caption {
	margin-top: 0.4em;
}
.wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width:620px;
}
#full-width-content .wp-caption {
	background: #eee;
	margin-bottom: 1.625em;
	max-width:950px;
}
.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width:610px;
}
#full-width-content .wp-caption  img{
	display: block;
	margin: 0 auto;
	max-width:940px;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: Tahoma, serif;
	font-size: 12px;
	top:-3px;
}
.wp-caption .wp-caption-text {
	margin-bottom: 0.6em;
	position: relative;
	text-align:center;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	text-align:center;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	position: absolute;
}

/* Gallery */
.gallery {
	margin:auto;
	overflow:hidden;
    width:100%;
}
.gallery .gallery-item {
	display:inline;
    float:left;
    margin-bottom:10px;
    text-align:center;
}
.gallery .gallery-caption {
    background:#f7f7f7;
    border:1px solid #e6e6e6;
    clear:both;
    color:#888;
    display:block;
    font-size:12px;
    line-height:1.5em;
    margin:10px 0;
    padding:5px 3px;
    text-align:center;
	width:100%;
}
.gallery dl {
	margin:0;
}
.gallery img {
	border:1px solid #e0e0e0;
}
.gallery a:hover img {
	border-color:#ccc;
}
.gallery br { 
	clear:both 
}
.gallery br+br {
	display:none;
}
/* available Columns */
.gallery-columns-1 .gallery-item { 
	width:100%;
}
.gallery-columns-2 .gallery-item { 
	width:50%;
}
.gallery-columns-3 .gallery-item  { 
	width:33.333%;
}
.gallery-columns-4 .gallery-item { 
	width:23%;
	margin-right:2%;
}
.gallery-columns-5 .gallery-item { 
	width:18%;
	margin-right:2%;
}
.gallery-columns-6 .gallery-item { 
	width:14.666%;
	margin-right:2%;
}
.gallery-columns-7 .gallery-item { 
	width:12.285%;
	margin-right:2%;
}
.gallery-columns-8 .gallery-item { 
	width:10.5%;
	margin-right:2%;
}
.gallery-columns-9 .gallery-item{ 
	width:9.111%;
	margin-right:2%;
}

/* Attachment Page */
.attachment-page {
	display:inline;
	float:left;
	width:650px;
}
.attachment img {
	display:block;
	margin:0 auto;
	max-width:650px;
}
.attachment-navigation {
	display:inline;
    float:left;
    margin-left:35px;
    width:265px;
}
.attachment-navigation img{
	display:inline;
    float:left;
    margin:0 20px 10px 0;
}
p.download-image{
	text-align:center;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/* =============================================================================
8 - Links Section
============================================================================= */
a {
	background-color:inherit;
    text-decoration:none;
}
a:active,
a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:focus {
	outline:thin dotted; 
}
a:active,
a:hover {
	outline:0;
}

/* =============================================================================
9 - Primary navigation section
============================================================================= */
#primary-navigation{ /*height:auto;*/ min-height:38px; line-height: 38px; margin-bottom: 0; }

.nav { /*display:inline; float:left; width: 99%; z-index:99; list-style:none; line-height:1; overflow:visible;*/ margin:0; padding:0 5px; }

.nav a { z-index:100; position:relative; display:block; }

.nav li{ float:left; display:inline-block; margin:0; padding:0; }

.nav li:first-child{ color:#FFFFFF; }

.nav li a{ line-height:18px; text-decoration:none; padding:8px 10px; font-weight:bold; z-index:0; color:#FFFFFF; }

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

.nav li:hover > ul { display:block; padding:0; z-index:2; }

.nav li ul li:hover ul{ left:0; }

.nav li ul { left:-999em; position:absolute; width:226px; z-index:999; margin-left:-1px; }

.nav li ul li{ list-style:none; }

.nav li ul li:first-child{ border-top:none; margin:0; }

.nav li ul li a, .nav li ul li a:visited{ border-bottom:none; color:#FFFFFF; padding:8px 10px; width:206px; }

.nav li ul li a { padding:8px 10px; }

.nav li ul li a:hover { background:#FFFFFF; }

.nav li ul ul{ margin:-35px 0 0 226px; }

.nav li:hover, .nav li.hover { position:static; }

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li:hover ul ul ul ul { left:-999em; }

.nav li:hover ul, .nav li li:hover ul.nav li li li:hover ul, .nav li li li li:hover ul{ left:auto; }

/* =============================================================================
10 - Search Form Section
============================================================================= */
#primary-navigation #searchform {
    display:inline;
    float:right;
    margin: 2.25px 136px 2.5px 0;
	position:relative;
    width:190px;
}
#searchform input[type="text"] {
	background:#FFF;
	border:1px solid #CCCCCC;
	margin:0;
	padding:5px 10px;
	width:303px;
}
#searchform input[type="image"] {
	position:absolute;
	top:6px;
	right:7px;
}
.error404 #content #searchform {
    display:inline;
    float:left;
    margin:0 0 50px;
    width:100%;
}
.error404 #content #searchform  input[type="text"] {
	width:98%;
}

/* =============================================================================
11 - Content & Post Section
============================================================================= */

#content .sticky {
    background:#f0f0f0;
    border-top:4px solid #ccc;
    padding:9px;
}
.entry-title{
    margin:0;
	line-height:30px;
	margin-bottom:0px;
}
.entry-title a{
	background-color:inherit;
	text-decoration:none;
}
.entry-title a:hover{
	text-decoration:none;
}
.post {
	border-bottom:2px solid #E0E0E0;
}
.post,
.page {
	padding:0 0 10px;
	margin:0 0 10px;
}

.entry-content {
	padding:0;
}

/* Style for blockquote left or right
   Just added the class left or right
   ex: <blockquote class="left">Here's the blockquote</blockquote> */
.entry-content blockquote.left {
	display:inline;
	float:left;
	margin-left:0;
	margin-right:24px;
	text-align:right;
	width:33%;
}
.entry-content blockquote.right {
	display:inline;
	float:right;
	margin-left:24px;
	margin-right:0;
	text-align:left;
	width:33%;
}
.featured-thumbnail-box {
	float:left;
	margin-left:9px;
}
.featured-thumbnail {
	margin:9px 0px 0 0;
	border:1px solid #CCCCCC;
	height:180px;
	width:180.8px;
}

.featured-thumbnail .home-thumb { height:180px; width:180.8px; }

.featured-thumbnail-box .thumb { text-align:center; width:182px; margin-bottom:9px; }

.entry-thumbnail { display:inline; float:left; margin:7px 10px 0 0; border:1px solid #EEE; border-radius: 3px; /*height:154px; width:150px;*/ }

.entry-thumbnail .photo { height:154px; width:150px; }

.entry-thumbnail a{ display: block; }

.relatedthumb-box { float:left; max-width:112px; margin-right:10px; }

.relatedthumb { margin:0; border:1px solid #CCCCCC; /*height:110px; width:110px;*/ }

.relatedthumb img{ width:110px; height:110px; }

.relatedthumb .photo { height:110px; width:110px; }

.relatedthumb-box .relatedtitle { text-align:center; margin-bottom:9px; font-weight:normal; }

/* Entry Meta */
.entry-meta { color:#999; font-size:12px; margin-bottom:10px; }

.postmetadata { color:#999; font-size:11px; margin-top:10px; margin:0; padding:5px 0; }

.postmetadata a { text-decoration:none; padding:0; }

.postmetadata a:hover { text-decoration:underline; }

.page-title { font-size: 1.5em; padding-bottom: 15px; }

.post-edit-link { clear:both; }

/* =============================================================================
12 - Pagination
	12.1 - Post pages <!--nextpage-->
	12.2 - Post navigation previous_post_link() & next_post_link()
============================================================================= */

.post-pages {
	clear:both;
	display:block;
	font-size:12px;
	overflow:hidden;
	margin:0;
}
.post-pages a span,
.post-pages span {
	display:inline-block;
	cursor:pointer;
	line-height:100%;
}
.post-pages span {
	background:none;
	border:none;
	padding-left:1px;
}
.post-pages a span {
	background:#f5f5f5;
	border:1px solid #e7e7e7;
	color:#666;
}
.post-pages a:hover span {
	color:#666;
	text-decoration:none;
	border-color:#c1c1c1;
}

/* Posts Navigation */
.post-nav {
	display:block;
	overflow:hidden;
	margin-bottom:15px;
}
.post-nav a {
	text-decoration:none;
}
.post-nav a:hover {
	text-decoration:underline;
}
.post-nav .alignleft {
	width:38%;
}
.post-nav .alignright {
	width:39%;
	text-align:right;
}

/* =============================================================================
13 - Sidebar Section
	13.1 - Sidebar
	13.2 - Widget = WordPress-Generated CSS Classes
============================================================================= */
#sidebar a:link, #sidebar a:visited { background-color:inherit; text-decoration:none; text-transform:capitalize; }

#sidebar a:hover { text-decoration:underline; }

#sidebar .sidebar-inner ul .widget-title {
	background: none repeat scroll 0 0 #F3F3F3;
    border-bottom: 1px solid #E6E6E6;
    color:#111111;
    font-size:16px;
	font-weight:bold;
	padding:3px 10px;
	margin:0;
}

#sidebar .sidebar-inner ul .widget-title a{ text-decoration:none; }

#sidebar .sidebar-inner ul ul li.current-cat a{ background-color:inherit; }

#sidebar ul { list-style:none; margin:0 0 20px; padding:0; }

#sidebar ul li { margin:0 0 10px; overflow:hidden; padding:0; border:1px solid #CCCCCC; }

#sidebar ul ul { clear:both; margin:0; padding:0; }

#sidebar .sidebar-inner { /*background:#FFFFFF; width:auto; margin:5px 5px 5px 0;*/ }

#sidebar .sidebar-inner ul ul li { margin:0; padding:9px; border:none; border-bottom:1px dashed #CCCCCC; }

#sidebar .sidebar-inner ul ul li ul { padding-left:20px; margin-bottom:0; }

#sidebar .sidebar-inner ul ul li ul li { list-style:none; line-height:1.6em; border-bottom:0; }

/* =============================================================================
13.2 Widget Section = WordPress-Generated CSS Classes
	13.2.1 - Search
	13.2.2 - Meta
	13.2.3 - Links
	13.2.4 - Archive
	13.2.5 - Pages
	13.2.6 - Tag Cloud
	13.2.7 - Calendar
	13.2.8 - Categories
	13.2.9 - Recent Comments
	13.2.10 - Recent Posts
	13.2.11 - Text
	13.2.12 - Custom Twitter Widget
============================================================================= */

/* =Search widget
----------------------------------------------------------------------------- */
#searchform {}
.widget_search {}
.widget_search #searchform {
	display:inline;
	float:left;
	height:24px;
	margin:9px 9px 15px;
}
.widget_search #searchform input[type="text"] {
	width:278px;
	position:absolute;
}
.screen-reader-text {}

/* =Meta widget
----------------------------------------------------------------------------- */
.widget_meta {}
.widget_meta ul {}
.widget_meta ul li {}
.widget_meta ul li a {}

/* =Links Widget
----------------------------------------------------------------------------- */
.widget_links {
	overflow: hidden;
}

/* =Archive Widget
----------------------------------------------------------------------------- */
.widget_archive {}
.widget_archive ul {}
.widget_archive ul li {
	text-align:right;
	overflow:hidden;
}
.widget_archive ul li a {
	display:inline;
	float:left;
}
.widget_archive select {
	border:1px solid #ddd;
	margin-top:5px;
	padding:3px;
	width:100%;
}
.widget_archive option {}

/* =List Pages Widget
----------------------------------------------------------------------------- */
.widget_pages {}
.widget_pages ul {}
.widget_pages ul li {}
.widget_pages ul li a {}

/* =Tag Cloud Widget
----------------------------------------------------------------------------- */
.widget_tag_cloud {}
.widget_tag_cloud .tagcloud {
	padding:9px;
}
.widget_tag_cloud a {}
.widget_tag_cloud a:after {}
.widget_tag_cloud a:before {}

/* =Calendar Widget
----------------------------------------------------------------------------- */
#wp-calendar {
	width:300px;
    border:none;
	margin:9px;
}
#wp-calendar table th{
	font-size:12px;
}

#wp-calendar table, th, td{
	border:none;
	vertical-align:middle;
}
#wp-calendar #prev, #wp-calendar #next {
	padding:0;
}
#wp-calendar caption {
	color:#222;
	font-size:14px;
	font-weight:bold;
	padding-bottom:9px;
	text-align:left;
}
#wp-calendar thead {
	font-size:11px;
}
#wp-calendar thead th {
	text-align:center;
}
#wp-calendar tbody {
	color:#aaa;
}
#wp-calendar tbody td {
	background:#f5f5f5;
	border:1px solid #fff;
	padding:3px 0 2px;
	text-align:center;
}
#wp-calendar tbody .pad {
	background:none;
}
#wp-calendar tfoot #next {
	text-align:right;
}

/* =Categories Widget
----------------------------------------------------------------------------- */
.widget_categories {}
.widget_categories ul {}
.widget_categories ul li {}
.widget_categories ul ul.children {}
.widget_categories a {}
.widget_categories select{
	border:1px solid #ddd;
	margin-top:5px;
	padding:3px;
	width:100%;
}
.widget_categories select#cat {}
.widget_categories select.postform {}
.widget_categories option {}
.widget_categories .level-0 {}
.widget_categories .level-1 {}
.widget_categories .level-2 {}
.widget_categories .level-3 {}

/* =Recent Comments Widget
----------------------------------------------------------------------------- */
.recentcomments {}
#recentcomments {}
#recentcomments li {}
#recentcomments li a {}
.widget_recent_comments {}

/* =Recent Posts Widget
----------------------------------------------------------------------------- */
.widget_recent_entries {}
.widget_recent_entries ul {}
.widget_recent_entries ul li {}
.widget_recent_entries ul li a {}

/* =Text Widget
----------------------------------------------------------------------------- */
.textwidget { 
	padding:10px 9px 10px 10px;
}
.widget_text {}
.textwidget p {}

/* =Custom Twitter Widget
----------------------------------------------------------------------------- */
.widget_basically_twitter_widget ul li {
	border-bottom:1px solid #eee;
	font-size:12px;
}
.follow-me {
	display:block;
	margin-top:10px;
}

/* =============================================================================
14 - Comments Section
	14.1 - Comment Form
	14.2 - Comments Style
============================================================================= */

.comments-box {
	padding:10px 0 0;
}
.comments-box .comments-heading{
    border:none;
    display: block;
    font-size: 1.2em;
	font-weight: normal;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
}

#respond {
	display:block;
	margin:25px 0 15px;
}
#respond p {
	color:#777;
	margin:0 0 10px;
	padding-bottom: 10px;
}
#respond p.logged-in-as {
	padding-bottom: 0;
}
#respond h3 {
	margin-bottom:0;
	font-weight:normal;
}
#respond p.comment-notes{
	font-size:12px;
}

#commentform {
	margin:0;
}
#commentform label{
    font-size: 12px;
}
#commentform .required {
	color:#f00;
}
#commentform input[type="text"],
#commentform textarea {
	background:#fafafa;
	color:#666;
	border-color:#ccc #efefef #efefef #ccc;
	border-style:solid;
	border-width:1px;
}
#commentform input[type="text"]:focus,
#commentform textarea:focus {
	background:#fff;
	color:inherit;
}
#commentform input[type="text"] {
    clear:both;
	display:inline;
    float: left;
    margin:0 5px 10px 0;
    padding:5px 7px;
    width:170px;
}
#commentform textarea {
	width:97%;
	line-height:130%;
	padding:7px;
}
#commentform input[type="submit"] {
    background:url(images/submit.gif) repeat-x 0 0;
    border-color:#ddd #ccc #ccc #ddd;
    border-style:double;
    border-width:3px;
    cursor:pointer;
    font-size:1.2em;
    margin-top:10px;
	outline-color:#ddd;
    padding:5px;
	position:relative;
    width:170px;
}
#commentform input[type="submit"]:active{
	top:1px;
}

.reply {
	text-align:right;
	margin:5px 0 0;
}
.reply a{
	background-color:#fff;
	color:#555;
	display:inline-block;
	font-size:11px;
	font-weight:700;
	text-decoration:none;
	position:relative;
	cursor:pointer;
	border:1px solid #ddd;
	padding:1px 6px;
}
a#cancel-comment-reply-link{
	display:inline;
	font-size:11px;
    margin-top:10px;
    width:68px;
}

.text {
	border:1px solid #e6e6e6;
	color:#777;
	width:200px;
	padding:2px;
}
.nopassword{
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}

/* Comment list */
ul.children {
	margin-left:0;
	padding-left:0;
}
ol.commentlist {
	margin:0;
	padding:0;
}
.commentlist li {
	list-style:none;
	margin:10px 0 0;
	padding:10px;
}
.commentlist li.depth-2,
.commentlist li.depth-4,
.commentlist li.depth-3,
.commentlist li.depth-5  {
	background:#fff;
	border-bottom:1px solid #e0e0e0;
}
.commentlist li.depth-3,
.commentlist li.depth-5
{
	background:#fafafa;
}
.commentlist li blockquote { margin:0 0 11px; padding:0 0 0 25px; }

.commentlist p { clear:both; }

.commentlist .moderation { margin-top:10px; color:#600; }

.commentlist .thread-even { background:#fafafa; }

.commentlist .children { margin-top:15px; padding-left:0; }

.commentlist .comment-author { margin-bottom:5px; }

#content .commentlist .avatar {
	background:#fff;
	border:1px solid #e9e9e9;
	display:inline;
	float:left;
	margin-right:10px;
	padding:3px;
}

.commentlist .comment-meta { display:inline; float:left; margin-bottom:15px; }

.commentlist .comment-date a, .commentlist .comment-date a:visited { color:#888; font-size:1.1em; }

.commentlist .comment-meta a { color:#666 !important; text-decoration:none; }

.metadata a:hover, cite.fn a, cite.fn a:hover { text-decoration:none; }

cite.fn {
	font-size:14px;
	font-weight:700;
	font-style:normal;
	letter-spacing:-.05em;
	display:block;
	padding-top:0;
}

.comment-body ul { list-style:disc; }

.comment-body ol { list-style:decimal; }

.comment-body li { list-style:disc; padding:0; border:none; }

.comment-body ol li { list-style:decimal; }

.comment-body ol ol li{ list-style:upper-alpha; }

.comment-body ol ol ol li{ list-style:lower-roman; }

.comment-body ol ol ol ol li{ list-style:lower-alpha; }

.comment-body ul ul, .comment-body ol ol,
.comment-body ul ol, .comment-body ol ul {
	margin-bottom:0;
}

/* =============================================================================
15 - Footer Section
============================================================================= */
.credits { background: transparent; }

#footer-left { text-align:left; /*float:left; width:470px; margin-right:10px;*/ }

#footer-left p { padding:10px 0 10px 15px; margin:0; }

#footer-right { text-align:right; /*float:right; width:470px; margin-left:0;*/ }

#footer-right p { padding:10px 15px 10px 0; margin:0; }

.afiliasi{ text-align: center; font-size: 7.5pt; margin: 2pt auto 8pt; }

/* =============================================================================
16 - Plugins
	16.1 - Wp-pagenavi
	16.2 - Breadcrumbs
============================================================================= */

.navigation { display:block; margin:20px 0; }

/* wp-pagenavi */
.navigation .wp-pagenavi { letter-spacing:1px; text-transform:capitalize; margin:0 0 15px; padding:5px 0 4px; }

.navigation .wp-pagenavi a:link, .navigation .wp-pagenavi a:visited { display:inline; background:#fff; text-decoration:none; border:1px solid #ddd; margin:0 0 0 2px; padding:7px 10px 6px; }

.navigation .wp-pagenavi .on, .navigation .wp-pagenavi .current { border:1px solid #ddd; margin:0 0 0 2px; padding:7px 10px 6px; }

.navigation .wp-pagenavi .on { background:#000; }

.navigation .wp-pagenavi .extend, .navigation .wp-pagenavi span.pages { background:#fff; padding:7px 10px 6px; }

.navigation .wp-pagenavi .current, .navigation .wp-pagenavi a:hover { background:#337fda; color:#FFF; text-decoration:none; }

.navigation a.scroll { padding:1px 3px; }

.navigation a:hover.scroll { background:#337fda; color:#fff; text-decoration:none; padding:1px 3px; }

.wp-pagenavi a.last { margin-top:10px; }

/* Breadcrumbs */
#breadcrumbs { /*margin:5px; width:950px;*/ font-size:12px; border:1px solid #CCCCCC; padding:5px 9px; margin: 10px 5px 5px; }

/* =============================================================================
17 - Author Page
============================================================================= */
.author-info p{ font-size:15px; font-weight:bold; margin:0; padding:0; text-transform:capitalize; }

#author-wrap { background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-bottom:30px; }

#author-wrap .inner-author-wrap{ padding:10px 5px; }

.inner-author-wrap .author-photo { display:inline; float:left; margin-right:10px; }

.inner-author-wrap .author-photo img { background:#fff; padding:3px; border:1px solid #ddd; }

.inner-author-wrap .author-desc { overflow:hidden; }

/* =============================================================================
18 - Clearfix
============================================================================= */
.clearfix { zoom:1; }

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }

.clearfix:after, .clearfix:before { content:""; display:table; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }

/* =============================================================================
19 - Modifikasi Responsive
============================================================================= */
.no-padding{ padding: 0 !important; }

.small-padding{ padding: 3px !important; }

#main-content{ margin: 0 5px; }

#dcssb-float{}

#dcssb-float #dc-dcssb{}

#dcssb-float #dc-dcssb ul#nav-dcssb{}

#dcssb-float #dc-dcssb ul#nav-dcssb li{ list-style: none; }

.navbar-default{ border: none; border-radius: 0; }

@media (min-width: 1200px) {
  .container {
    width: 980px;
  }
}