/*
Theme Name: H!NA Magazine
Theme URI: http://www.hinamagazine.com
Description: eMagazine Themes for H!
Version: 2.3beta
Author: Aceh MasterWeb
Author URI: http://www.acehmasterweb.net
*/
* {margin: 0; padding: 0; font-family: Tahoma, Verdana, Arial;}
body {margin: 0; padding: 0;}
#outer {width: 955px;border-right: 1px solid #cccccc;}

#header {position: relative; width: 100%; height: 85px; background: url(img/blue_line.jpg) repeat-x; padding-top: 25px;}
#mainmenu {position: relative; width: 100%; height: 30px; margin: 0; background: #000033;z-index: 20;}

#inner {position: relative; width: 100%; margin-top: 5px; border-top: 1px #cccccc solid; }
#content01 {float: left; position: relative; width: 645px; font-size: 9pt;}
#content01 .float {float: left;}
#content01 .foto {width: 300px; padding: 10px; border-right: 1px #cccccc solid; border-bottom: 1px #cccccc solid; background: #EDF2F6;}
#content01 .foto h1 {font-size: 10pt; font-weight:bold; text-transform: uppercase;}
#content01 .foto .post {width: 100%;}
#content01 .caption {margin: 5px 0; text-align: right; text-transform: uppercase; font-size: 7pt; color: #666666;}
#content01 .foto h2 a {font-size: 12pt; font-weight:bold; margin-top: 10px; color: #FF3300; text-decoration: none;}
#content01 .foto h3 {font-size: 8pt; color: #3399CC;}
#content01 .foto p {margin-top: 5px;}

#content01 .komentar {clear: both; float: left; width: 320px; background: url(img/prayfortangse.jpg) no-repeat; padding-top: 70px;}
#content01 .komentar h1 {font-size: 10pt; font-weight:bold; text-transform: uppercase; margin: 10px 0 0 10px;}
#content01 .komentar ul {list-style-type: bullet; margin: 0 10px 0 20px;}
#content01 .komentar li {padding: 0 0 2px 0; color: #ff3300; text-decoration: none;}
#content01 .komentar li a {color: #3399CC; text-decoration: none;}
#content01 .komentar li a:hover {color: #FF3300; text-decoration: underline;}

#content01 .index {width: 320px;}
#content01 .index .datetop {float: left; color: #666666; padding: 10px;}
#content01 .index .date {float: left; color: #666666; margin-left: -40px;}
#content01 .index .more a {float: right; font-size: 7pt; text-align: right; color: #FF3300; text-decoration: none; padding: 10px;}
#content01 .index .berita {clear: both; width: 100%;}
#content01 .index .berita a {color: #FF3300; text-decoration: none;}
#content01 .index .berita a:hover {color: #FF0000;}
#content01 .index ul {list-style-type: none; margin: 0; padding: 0;}
#content01 .index li {padding: 5px 0 5px 45px; border-bottom: solid 1px #ececec;}

#content01 .judul a {font-size: 11pt; color: #336699; text-decoration: none; font-weight: bold;}

#sidebar01 {float: left; position: relative; width: 300px; height: 600px; padding: 0;}
#sidebar01 img {margin: 5px 0 0 5px; border: none;}

#foto {clear: left; position: relative; width: 955px; height: 170px; border-top: 1px solid #000; border-bottom: 1px solid #000; background: #eee;}
#foto image {position: relative; float: left; margin: 10px 5px 10px 5px; padding: 5px; border: 1px solid #999;}

#channel {float:left; position: relative; width: 250px; font-size: 9pt;}
#channel .post {position: relative; width: 248px; margin: 5px 0 0 5px; border: 1px solid #FF3300;}
#channel .post h1 {margin: 0 0 10px 0; padding: 10px; font-size:14px; color: #fff; font-weight: bold; background: #FF3300;}
#channel .post p {padding: 10px; font-size: 7pt; text-align: center; color: #FF3300;}
#channel .post ul {margin: 10px 5px; padding: 0;}
#channel .post li {margin: 0 10px 3px 15px; padding: 0; color: #FF3300;}
#channel .post li a {color: #3399CC; text-decoration: none;}
#channel .post li a:hover {color: #FF3300; text-decoration: underline;}

#content02 {float: left; position: relative; width: 510px; font-size: 9pt;}
#content02 .post {float: left; position: relative; width: 250px; height: 250px; margin: 5px 0 0 5px;}
#content02 .post h1.teknologi {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-teknologi.jpg) no-repeat;}
#content02 .post h1.olahraga {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-olahraga.jpg) no-repeat;}
#content02 .post h1.jalan {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-jalan.jpg) no-repeat;}
#content02 .post h1.opini {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-opini.jpg) no-repeat;}
#content02 .post h1.pkav {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-jurnalpkav.jpg) no-repeat;}
#content02 .post h1.blackberry {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-bb.jpg) no-repeat;}
#content02 .post ul {margin: 10px 5px; padding: 0;}
#content02 .post li {margin: 0 10px 3px 25px; padding: 0; font-weight: bold; color: #ff3300;}
#content02 .post li a {color: #3399CC; text-decoration: none;}
#content02 .post li a:hover {color: #FF3300; text-decoration: underline; background: none;}
#content02 a {color: #FF3300; text-decoration: none;}
#content02 a:hover {color: #FFFFFF; text-decoration: none; background: #FF3300;}

#content02s {clear: left; position: relative; width: 100%;font-size: 8pt; background: #FFF;}
#content02s .post {float: left; position: relative; width: 230px; height: 250px; margin: 5px 0 0 5px; background: #FFF;}
#content02s .post h1.teknologi {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-teknologi.jpg) no-repeat;}
#content02s .post h1.olahraga {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-olahraga.jpg) no-repeat;}
#content02s .post h1.jalan {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-jalan.jpg) no-repeat;}
#content02s .post h1.opini {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-opini.jpg) no-repeat;}
#content02s .post h1.pkav {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-jurnalpkav.jpg) no-repeat;}
#content02s .post h1.blackberry {height: 18px; margin-left: 10px; padding: 10px; font-size:7px; color: #fff; text-align: right; background: url(img/tab-bb.jpg) no-repeat;}
#content02s .post ul {margin: 10px 5px; padding: 0;}
#content02s .post li {margin: 0 10px 3px 25px; padding: 0; font-weight: bold; color: #ff3300;}
#content02s .post li a {color: #3399CC; text-decoration: none;}
#content02s .post li a:hover {color: #FF3300; text-decoration: underline; background: none;}
#content02s a {color: #FF3300; text-decoration: none;}
#content02s a:hover {color: #FFFFFF; text-decoration: none; background: #FF3300;}

#sidebar02 {float: left; position: relative; width: 195px;}
#sidebar02 img {margin: 5px 0 0 5px;}

#content {float: left; position: relative; width: 645px; font: 10pt Arial,Tahoma,times,serif;}
#content .post {padding: 5px 10px;}
#content .entry {clear: left; padding-bottom: 15px;}

#content .entries {clear: both; padding-bottom: 15px; font-size: 9pt;}
#content .entries img {float: right; width: 100px; height: 100px;}

#content h1, #content h1 a {font-size: 14pt; font-weight:bold; text-transform: uppercase; color: #000033; text-decoration: none;}
#content h2, #content h2 a {font: 12pt georgia,"times new roman",times,serif; font-weight:bold; border-top: dotted 1pt #000066; margin-top: 5px; color: #0066cc;}
#content h3 {margin: 2px 0 5px 0; color: #999; font-size: 8pt;}
#content p {margin: 5px 0; line-height: 14pt;}
#content a {color: #3399CC; text-decoration: none;}
#content a:hover {color: #FF6600; text-decoration: none;}
#content img.alignleft {float: left;}
#content .post img {padding: 3px; border: 1px solid #ccc; margin: 3px; }
#content .post ul {margin-left: 20px;}
#content .post ol {margin-left: 20px;}

#content .wp-caption {float: left; padding: 10px 5px; border: 1px solid #ccc; margin: 3px 3px 3px 0; background: #ececec;}
#content .wp-caption img {padding: 0 5px; margin: 0; border: none;}
#content .wp-caption p {margin: 5px; color: #666666; text-align: center; font: 8pt georgia,"times new roman",times,serif; line-height: 12pt;}
#content #dig {margin: 5px; padding: 5px 0px; border-top: 1px solid #999999;}
#content #dig img {border: none;}

#content td {font-size: 8pt; vertical-align:top; padding: 2px;}

#content .ddop {clear: left;}
#content .ddop h3 {font: 11pt georgia,"times new roman",times,serif; font-weight:bold; border-bottom: dotted 1pt #666; margin-top: 15px; color: #333;}
#content .ddop ul {margin-left: 20px;}
#content .ddop li a {font-size: 9pt;}

#sidebar {float: left; position: relative; width: 300px; height: 600px; padding: 0;}
#sidebar img {margin: 5px 0 0 5px; border: none;}
#searchformm {margin: 5px 0 0 5px; border: solid 1px #FF0000; padding: 5px;}
#searchforn {float:right; padding: 4px 5px 0 20px; color: #ececec;}

#footer {clear: both; position: relative; width: 955px; border-top: 1px solid #999; border-bottom: 15px solid #999;}
#footer .amw {padding: 15px 10px;}
#footer .hinamagz {padding: 15px 10px; background: #eee; border-top: 1px solid #999;}
#footer .amw h1 {font-size: 9pt; font-weight: bold; margin: 5px 0;}
#footer h1 {font-size: 9pt; font-weight: normal; margin: 5px 0;}
#footer h1 a {color: #666; text-decoration: underline; padding: 0 2px;}
#footer h1 a:hover {color: #fff; text-decoration: none; padding: 0 2px; background: #000;}

p {text-align: justify;}
img {border: none;}
strong {font-weight: bold;}
cite, em, i {font-style: italic;}