/*  

Theme Name: Indosmarin Default

Theme URI: http://www.indosmarin.com

Description: Default Themes of Indosmarin.com

Version: 1.0a

Author: Arif Nofiyanto

Author URI: http://www.coratcoret.com/

*/



/* -------------------------------------------------------------- 

  

   reset.css

   * Resets default browser CSS.

   

-------------------------------------------------------------- */



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;

  padding: 0;

  border: 0;

  font-weight: inherit;

  font-style: inherit;

  font-size: 100%;

  font-family: inherit;

  vertical-align: baseline;

}



body { 

  line-height: 1.5; 

}



/* Tables still need 'cellspacing="0"' in the markup. */

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

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }



/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }



/* Remove annoying border on linked images. */

a img { border: none; }





/* -------------------------------------------------------------- 

   

   typography.css

   * Sets up some sensible default typography.

   

-------------------------------------------------------------- */



/* Default font settings. 

   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

body { 

  font-size: 75%;

  /*color: #222; 

  background: #fff;*/

  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;

}





/* Headings

-------------------------------------------------------------- */



h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }



h1 { font-size: 2.5em; line-height: 1; margin-bottom: 0.5em; }

h2 { font-size: 1.4em; margin-bottom: 0.75em; }

h3 { font-size: 1.3em; line-height: 1; margin-bottom: 1em; }

h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }

h6 { font-size: 1em; font-weight: bold; }



h1 img, h2 img, h3 img, 

h4 img, h5 img, h6 img {

  margin: 0;

}





/* Text elements

-------------------------------------------------------------- */



p           { margin: 0 0 1.5em; text-align: justify; }

p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }

p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }



a:focus, 

a:hover     { color: #000; text-decoration: underline}

a           { color: #0a67a3; text-decoration: none }



blockquote  { margin: 1.5em; color: #666; font-style: italic; }

strong      { font-weight: bold; }

em,dfn      { font-style: italic; }

dfn         { font-weight: bold; }

sup, sub    { line-height: 0; }



abbr, 

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

address     { margin: 0 0 1.5em; font-style: italic; }

del         { color:#666; }



pre 				{ margin: 1.5em 0; white-space: pre; }

pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

small {font-size:11px;}



/* Lists

-------------------------------------------------------------- */



li ul, 

li ol       { margin:0 1.5em; }

ul, ol      { margin: 0 1.5em 1.5em 1.5em; }



ul          { list-style-type: disc; }

ol          { list-style-type: decimal; }



dl          { margin: 0 0 1.5em 0; }

dl dt       { font-weight: bold; }

dd          { margin-left: 1.5em;}





/* Tables

-------------------------------------------------------------- */



table       { margin-bottom: 1.4em; width:100%; }

th          { font-weight: bold; }

thead th 		{ background: #c3d9ff; }

th,td,caption { padding: 4px 10px 4px 5px; }

tr.even td  { background: #e5ecf9; }

tfoot       { font-style: italic; }

caption     { background: #eee; }





/* Misc classes

-------------------------------------------------------------- */

.first      { margin-left:0; padding-left:0; }

.last       { margin-right:0; padding-right:0; }

.top        { margin-top:0; padding-top:0; }

.bottom     { margin-bottom:0; padding-bottom:0; }





/* A container should group all your columns. */

.container {

  width: 950px;

  margin: 0 auto;

}



/* Use this class on any .span / container to see the grid. */

.showgrid { background: url(src/grid.png);  }





/* Columns

-------------------------------------------------------------- */



/* Sets up basic grid floating and margin. */

.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, 

div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, 

div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 

div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, 

div.span-21, div.span-22, div.span-23, div.span-24 {

  float: left;

  margin-right: 10px; 

}



/* The last column in a row needs this class. */

.last, div.last { margin-right: 0; }



/* Use these classes to set the width of a column. */

.span-1  { width: 30px; }

.span-2  { width: 70px; }

.span-3  { width: 110px; }

.span-4  { width: 150px; }

.span-5  { width: 190px; }

.span-6  { width: 230px; }

.span-7  { width: 270px; }

.span-8  { width: 310px; }

.span-9  { width: 350px; }

.span-10 { width: 390px; }

.span-11 { width: 430px; }

.span-12 { width: 470px; }

.span-13 { width: 510px; }

.span-14 { width: 550px; }

.span-15 { width: 590px; }

.span-16 { width: 630px; }

.span-17 { width: 670px; }

.span-18 { width: 710px; }

.span-19 { width: 750px; }

.span-20 { width: 790px; }

.span-21 { width: 830px; }

.span-22 { width: 870px; }

.span-23 { width: 910px; }

.span-24 { width: 950px; margin: 0; }







/* Add these to a column to prepend empty cols. */

.prepend-1  { padding-left: 40px; }  

.prepend-1a  { padding-left: 10px; } 

.prepend-2  { padding-left: 80px; } 

.prepend-3  { padding-left: 120px; } 

.prepend-4  { padding-left: 160px; } 

.prepend-5  { padding-left: 200px; } 







/* Border on right hand side of a column. */

div.border {

  padding-right: 4px;

  margin-right: 5px;

  border-right: 1px solid #eee;

}



/* Border with more whitespace, spans one column. */

div.colborder {

  padding-right: 24px;

  margin-right: 25px;

  border-right: 1px solid #eee;

}







.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {

  float:left;

	position:relative;

}



.push-1 { margin: 0 -40px 1.5em 40px; }

.push-2 { margin: 0 -80px 1.5em 80px; }

.push-3 { margin: 0 -120px 1.5em 120px; }

.push-4 { margin: 0 -160px 1.5em 160px; }

.push-5 { margin: 0 -200px 1.5em 200px; }

.push-3a { margin: 0 -120px 0 120px; }

.push-1, .push-2, .push-3, .push-4, .push-5 { 

  float: right;

	position:relative;

}





/* Misc classes and elements

-------------------------------------------------------------- */



/* In case you need to add a gutter above/below an element */

.prepend-top { 

	margin-top:1.5em; 

}

.append-top { 

	margin-top:-1.5em; 

}

.append-bottom { 

	margin-bottom:1.5em; 

}



/* Use a .box to create a padded box inside a column.  */ 

.box { 

  padding: 1.5em; 

  margin-bottom: 1.5em; 

  background: #E5ECF9; 

}



/* Use this to create a horizontal ruler across a column. */

hr {

  background: #ddd; 

  color: #ddd;

  clear: both; 

  float: none; 

  width: 100%; 

  height: .1em;

  margin: 0 0 1.45em;

  border: none; 

}

hr.space {

  background: #fff;

  color: #fff;

}





/* Clearing floats without extra markup

   Based on How To Clear Floats Without Structural Markup by PiE

   [http://www.positioniseverything.net/easyclearing.html] */



.clearfix:after, .container:after {

    content: "\0020"; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden; 

    overflow:hidden; 

}

.clearfix, .container {display: block;}



/* Regular clearing

   apply to column that should drop below previous ones. */



.clear { clear:both; }



/* -------------------------------------------------------------- 

   

   forms.css

  

-------------------------------------------------------------- */



label       { font-weight: bold; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }

legend      { font-weight: bold; font-size:1.2em; }





/* Form fields

-------------------------------------------------------------- */



input.text, input.title,

textarea, select {

  margin:0.5em 0;

  border:1px solid #bbb;

}



input.text:focus, input.title:focus,

textarea:focus, select:focus {

  border:1px solid #666;

}



input.text, 

input.title   { width: 300px; padding:5px; }

input.title   { font-size:1.5em; }

textarea      { width: 390px; height: 250px; padding:5px; }





/* Success, notice and error boxes

-------------------------------------------------------------- */



#cse-search-box {

	margin-left:160px;

}



/*Begin Customization*/



body {

	background: #1a98be url(images/bg-body-v2.jpg) no-repeat top center;

	color: #222;

}

a img {

	border: none;

}

padding-5 {

	padding: 5px;

}

.top-date {

	color: #fff;

}

.text-align-left {

	text-align: left;

}

.text-align-right {

	text-align: right;

}

.text-align-center {

	text-align: center;

}

.page-list {

	background: #0A67A3 url(images/bg-nav-page-end.png) no-repeat right;

	height: 35px;

	padding: 0;

	margin: 0;

}

.navigation {

	background: transparent url(images/bg-nav-page-pre.png) no-repeat left;

	margin: 0;	

	padding: 0;

	height: 35px;

}



.cat-list {

	background: #8FC2E4 url(images/bg-nav-catlist-end.png) no-repeat right!important;

	margin: 0; height: 35px; padding:0;

}

.cat-list-pre {

	background: transparent url(images/bg-nav-catlist-pre.png) no-repeat left!important;

	margin-left: 0;	height: 35px;

	padding-left: 10px;

}

ul#cat-list{

bottom: -1px; 

	list-style-type: none;

	margin-left: 10px;

	height: 35px;

	padding-top: 7px;

}

ul#cat-list li  {

	float: left; 

	margin-right: 5px; 

	list-style: none;

}

ul#cat-list  li a {

	display: block; 

	text-decoration: none; 

	color:#1782A6 ; 

	background: url(images/li-cat-list-a.png) no-repeat left;

	padding-left: 7px;

	margin-right: 7px;

	font-weight: normal;

}

ul#cat-list li a:hover {

	color: #ff6600;

	display: block; 

	font-weight: normal;

}

ul#syndicate {

	bottom: -1px; 

	overflow: hidden; 

	list-style-type: none;

	margin-left: 75px;

}

ul#syndicate li {

	float: left; 

	margin-right: 5px; 

	list-style: none;

}

li#rss-subscribe a {

	display: block;

	margin-right: 5px; 

	padding-top: 5px;

	color: #e6e7e9; 

	text-transform: uppercase;

	padding-left: 17px;

	list-style: none;

	background: transparent url(images/icons.png) no-repeat 0 5px;

}

li#rss-subscribe a:hover {

	color: #FFB426;

}

li#email-subscribe a {

	display: block;

	padding-top: 5px;

	color: #e6e7e9; 

	text-transform: uppercase;

	padding-left: 17px;

	list-style: none;

	background: transparent url(images/email.png) no-repeat left;

}

li#email-subscribe a:hover {

	color: #FFB426;

}

/*Entering Page Content*/

.content-top {

	background: #fff url(images/bg-content-top.png) no-repeat top;

	padding: 0;

}

.content-bottom {

	background: transparent url(images/bg-im-footer.png) no-repeat bottom;

	padding: 0;

	margin: 0;

}

.content-primary {

	padding: 20px 10px 40px 5px;

}

.container-4 { /* the whole container with all elements of the tabbed section */

	margin: 0 0!important;

	height:390px!important; /* defines a static height to the tabed section and avoids "jumping" - part 1 of 2 */

}

ul#leadarticle {

	margin-left: -40px;

}

.cat-home-title {

	background:#8fc2e4;);

	padding: 5px;

}

.cat-home-title a {

background: url(images/bg-h3-a.png) no-repeat left;

padding-left: 18px;

	color:  #333;

	text-decoration: none;

	font-weight: bold;

}

.cat-home-title a:hover {

background: url(images/bg-h3-a.png) no-repeat left;

padding-left: 18px;

	color: #fff;

	text-decoration: underline;

	font-weight: bold;

}

.post-info { color: #DB0000; font-size: 11px; margin: -20px 0 0 0; padding: 5px 0 10px 0; }

.post-info a, .post-info a:visited { color: #DB0000; text-decoration: none; }

.post-info a:hover { color: #c86e00; text-decoration: underline; }



.entry {

	padding: 10px 10px 10px 10px;

}

.entry ul {

	list-style: none;

}

.entry ul li {

	list-style: outside url(images/li.png);

	line-height: 150%;

	margin-bottom: 5px;

}

.entry p {

	text-align: justify;

}

p.post-metadata a{

	text-decoration: none;

}

.navigasi-halaman {

	padding: 10px;

}

.navigasi-halaman a {

	text-decoration: none;

}

.navigasi-kiri {

	float: left;

}

.navigasi-kanan {

	float: right;

}

/*Mulai Bermain dengan Feature*/

.recent-news-bar {

	padding: rpx;

	/*background: #8fc2e4;*/

}

.sidebar-left {

	margin: 0 15px 15px 0;

	padding: 0;

	float: left;

}

.sidebar {

	padding: 0;

	margin: 0;

}

.sidebar a, .block a, .sidebar-left a {

	text-decoration: none;

}

.sidebar img {

	margin: 2px;

}

.recent-news-bar ul{

	list-style: none;

	margin-left: -5px;

}

.recent-news-bar ul li {

	list-style: outside url(images/li.png);

	margin-left: 0;

}

.recent-news-bar ul li a {

	text-decoration: none;

}

h3.sidebar-title {

	background: #8fc2e4;

	display: block;

	padding: 5px;

	height: 20px;

	font-size: 15px;

	color: #333;

	width: 230px;

}

.sidebar-single {

	padding: 0;

}

.sidebar-single ul {

	list-style: none;

	margin-left: 20px;

}

.sidebar-single ul li {

	list-style: outside url(images/li.png);

}

.sidebar-single img {

	margin: 2px;

}



.sidebar-single h3 {

	padding-left: 10px;

}

#bookmarking {

	list-style: none;

}

#bookmarking li {

	list-style: none;

}

#bookmarking li.twitter {

	list-style: none;

	background-image: url(http://indosmarin.com/icons/twitter-24x24.png);

	padding-left: 27px;

	background-repeat: no-repeat;

	background-position: left;

	line-height: 28px;

}

#bookmarking li.facebook {

	list-style: none;

	background-image: url(http://indosmarin.com/icons/faceBook-24x24.png);

	padding-left: 27px;

	background-repeat: no-repeat;

	background-position: left;

	line-height: 28px;

}

.block {

	margin-top: 10px;

	padding-left: 10px;

	padding-right: 10px;

}

.block ul {

	list-style: none;

	margin-left: 10px;

}

.block ul li {

	list-style: outside url(images/li.png);

}

.block ul li a{

	text-decoration: none;

}

.block-1 {

	margin-left: 5px;

	padding-left: 5px;

	padding-right: 0;

	padding-bottom: 10px;

	width: 190px;

	background: #D2E7F5;

	border: 1px solid #0a67a3;

}

.block-1 img {

	margin-top: 2px;

}

.block-1 h3 {

	background: #8fc2e4;

	padding: 5px 10px;

	margin-bottom: 5px;

	margin-left: -5px;

}

.block-1 ul {

	list-style: none;

	margin-left: 0;

}

.block-1 ul li {

	list-style: none;

	margin-left: 15px;

	margin-top: 1px;

	list-style: url(images/li.png);

}

.block-1 ul li a{

	text-decoration: none;

	/*display: block;

	background: #C2C2C2;*/

	padding-left: 0;

	font-size: 11px;

}

h2 a, h3 a{

	font-weight: bold;

}

h2.page-title {

	font: normal bold 24px/140% Georgia, "Times New Roman", Times, serif; 

	background: #8fc2e4;

	text-align: center;

}

h2.post-title {

	font: normal bold 16px/140% "Times New Roman", Times, serif; 

}

h3.more-stories {

	font: italic 14px "Times New Roman" Times serif;

	border-bottom: 1px solid #d2e7f5;

}

ul.more-stories li {

	list-style: url(images/li.png);

}

ul.more-stories li a {

	text-decoration: none;

}

ul.more-stories li a:hover, #footer a:hover {

	text-decoration: underline;

}

#footer, #footer a {

	color: #fff;

	text-decoration: none;

}

/*Warning to IE6*/

.ie6-message {

	background: Red; color: White;

	font-size: 1.2em;

	text-align: center;

	width: 768px;

}

.ie6-message a {

	color: yellow;

	text-decoration: blink;

	font-size: 2em;

}



/*Images in Content */

#content .gallery a:link, #content .gallery-item a:visited, #content .gallery-item a:hover, #content .gallery-item a:active, #content a.imagelink2 img, #content a.imagelink2:hover img, #content a.imagelink:link, #content a.imagelink:visited, #content a.imagelink:hover, #content a.imagelink:active, #content a.imagelink2:link, #content a.imagelink2:visited, #content a.imagelink2:hover, #content a.imagelink2:active { border: none; }

		body .imageleft, body .alignleft { float: left; margin: 0 10px 10px 0; }

		body .imageright, body .alignright { float: right; margin: 0 0 10px 10px; }

		body .imageblock { display: block; margin: 0 0 1em 0; }

		body .imagecentre, body .imagecenter, body .centered, body .aligncenter { display: block; text-align: center; margin: 0 auto 1em auto; }

		

#menufooter ul{ color: #000000; margin-bottom: 10px; display: inline; list-style: square; }

#menufooter li{ margin-left: 2px; display: inline; list-style: square; }

#menufooter li a:link{ color: #fff; text-decoration:none; }

#menufooter li a:hover{ color: #006699; text-decoration:underline; }