/*

Theme Name: target-abstrac
theme date: 25 march 2009
Theme URI: http://juffan.com
Description: target-abstrac is 4 columns wordpress theme with an eye catching in abstrac header image and 5 default widget ready with advertisment,photo gallery can be placed here and video sidebar. theme by <a href="http://www.juffan.com">muh juffan</a> of <a href="http://halamanberita.blogspot.com">lagi belajar design</a>.
Author: juffan
Author URI: http://www.juffan.com

*/


body {
padding-top:0;
padding-bottom:0;
background-repeat:repeat-y;
background-color:#DBDBB7
}

h1,h2,h3,h4 {
color:#000;
margin:0
}

img {
border:0
}

#page {
width:1030px;
background:url(images/page.gif) repeat-y;
margin:0 auto
}

#page-top {
width:1040px;
background:url(images/energy.jpg) no-repeat;
margin-top:0
}

#header {
width:1030px;
height:300px;
position:relative
}

#header #header-info {
position:absolute;
top:20px;
left:25px;
width:525px;
height:81px;
padding-left:92px;
background:url(images/globeblue2.gif) no-repeat
}

#header #header-info h1 a:visited {
color:#03F;
font:normal 20px "arial black", Century Gothic;
text-decoration:none;
padding:1px 0 5px
}

#header #header-info .description {
color:#000;
font:normal 16px "Century Gothic", Century Gothic;
width:525px
}

#header #header-menu {
position:absolute;
top:269px;
left:15px;
width:670px;
height:30px
}

#header #header-menu ul {
list-style-type:none;
width:640px;
height:30px;
margin:0;
padding:0
}

#header #header-menu ul li {
float:left;
height:30px;
font:normal 14px/46px arial, Times, serif;
line-height:27px;
color:#F90;
padding:3px 0
}

#header #header-menu ul li a {
color:#FFF;
text-decoration:none;
display:block;
margin-bottom:5px;
background-color:#F60;
padding:0 15px
}

#header #header-menu ul li a:hover {
line-height:27px;
color:#FFF;
background-color:#900;
font-family:Arial, Helvetica, sans-serif
}

#header #header-menu ul li ul {
display:none
}

#header #header-menu ul li.current_page_item a {
background-color:#390;
text-align:center
}

#header #header-search {
position:absolute;
background-color:#FFF;
top:25px;
left:757px;
width:217px;
height:22px
}

#header #header-search #searchform {
margin:0;
padding:0
}

#header #header-search #s {
width:200px;
height:18px;
border:0;
font:normal 13px "Century Gothic", Century Gothic;
color:#000;
background:transparent;
float:left;
padding:2px 5px
}

#header #header-search #searchsubmit {
background:transparent;
border:none;
width:85px;
height:22px;
float:right;
padding:0
}

#header #header-feed {
position:absolute;
top:15px;
left:700px;
width:40px;
height:40px
}

#header #header-adsense {
position:absolute;
top:200px;
left:727px;
}

#bannerhorizontal {
display:block;
background-color:#D2FFD2;
width:1002px;
height:90px;
overflow:auto;
margin:10px 0 0 10px
}

.banner_horizontal {
background-color:#000;
width:1002px;
height:90px;
float:inherit;
margin:0;
padding:0
}

#horizontalads {
display:block;
background-color:black;
width:480px;
height:70px;
overflow:hidden;
margin:2px 0 20px
}

.horizontal-ads {
width:auto;
height:auto;
float:left;
margin:0;
padding:5px
}

#butterfly {
position:absolute;
top:420px;
left:800px;
width:150px;
height:1300px;
background-repeat:no-repeat
}

#main {
width:1030px;
margin:0 auto
}

#content {
float:left;
width:480px;
color:#000;
padding:10px 0 10px 8px
}

#content .post {
float:left;
margin-bottom:10px;
width:480px;
padding:0 0 10px
}

#content .post .post-title {
width:480px;
height:auto;
font:bold 12px "Century Gothic", Century Gothic;
color:#666
}

#content .post .post-title a {
color:#390;
text-decoration:none
}

#content .post .post-title h2 {
color:#F60;
font:bold 24px "Century Gothic", Century Gothic;
padding:2px 0
}

#content .post .post-title h2 a {
color:#900;
text-decoration:none
}

#content .post .post-title .post-date {
float:left;
background:url(images/butterfly.gif) no-repeat;
width:40px;
height:40px;
color:#0C0;
text-align:center;
margin-right:10px;
font:bold 13px "Century Gothic", Century Gothic;
letter-spacing:normal;
line-height:3px
}

#content .post .post-title .post-date span {
display:block;
height:3px;
margin-top:0;
padding:8px 0 11px
}

#content .post .post-entry {
font:normal 14px/18px arial, Century Gothic;
color:#000;
width:480px;
padding:0
overflow:auto;
}

#content .post .post-entry a {
color:blue;
text-decoration:none
}

#content .post .post-entry a.more-link {
font:bold 12px/18px "Century Gothic", Century Gothic;
color:red;
text-decoration:none
}

#content .post .post-entry blockquote {
border-left:10px solid #e6e6e6;
padding-left:15px;
margin:0 30px
}

#content .post .post-info {
margin-top:15px;
width:480px px;
height:26px;
background-image:url(images/post_info.gif);
background-repeat:no-repeat;
clear:both;
font:bold 12px/26px "Century Gothic", Century Gothic;
color:#fff;
padding:0 5px
}

#content .post .post-info a {
color:#FFF;
text-decoration:none
}

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

#content .post h3 {
color:#000;
font:bold 18px "Century Gothic", Century Gothic;
margin:30px 0 5px
}

#content .post .comments {
font:normal 12px/18px "Century Gothic", Century Gothic;
color:#999;
width:480px
}

#content .post .comments ol {
padding-left:25px;
margin:10px 0
}

#content .post .comments ol li {
padding:5px
}

#content .post .comments ol li.alt {
background:#e6e6e6;
color:#900;
background-color:#E1E1C4
}

#content .post .comments ol li cite {
color:#C00;
font-style:normal;
font-weight:700
}

#content .post .comments ol li cite a {
color:#0FF;
text-decoration:none
}

#content .post .comments ol li .commentmetadata a {
color:#666;
text-decoration:none
}

#content .post #commentform {
padding-left:25px;
font:normal 12px/18px "Century Gothic", Century Gothic;
color:#000;
width:480px px;
margin:0
}

#content .navigation {
margin-bottom:30px;
font:bold 15px "Century Gothic", Century Gothic;
color:red;
width:480px
}

#content .navigation .navigation-previous {
float:left
}

#content .navigation .navigation-next {
float:right
}

#sidebar {
background-color:#FFF;
margin:10px 11px 10px;
float:right;
padding-right:10px;
width:300px;
font:normal 14px/18px Times New Roman, Helvetica, Sans-Serif;
color:#000
}

#sidebar h2 {
font-family:sans-serif, Courier, monospace;
font-size:14px;
text-align:center;
color:#fff;
width:300px;
height:18px;
margin-bottom:10px;
background-image:url(images/sidebar_title.gif);
padding:3px 0
}

#sidebar .sidebar-box {
width:300px;
padding-bottom:0
}

#sidebar #searchform {
width:130px;
text-align:center;
margin:0;
padding:10px 0
}

#sidebar #searchform #s {
width:30px
}

#sidebar .subscribeform .p {
color:#000
}

#sidebar .sidebar-ads {
display:block;
background-color:green;
width:295px;
height:250px;
overflow:auto;
margin:0 0 10px;
padding:0 0 0 8px
}

#sidebar .partners {
float:left;
width:auto;
height:auto;
margin:5px 0 0 5px;
padding:5px 0 5px 5px
}

#sidebar .sidebar-adsense {
display:block;
background-color:#EAEAEA;
width:inherit;
height:250px;
overflow:auto;
margin:0 0 10px;
padding:0
}

#sidebar .adsense {
display:block;
background-color:black;
float:right;
width:300px;
height:250px;
padding-bottom:3px
}

#adsense {
display:block;
padding:0
}

#sidebar .sidebar-video {
display:block;
background-color:black;
width:300px;
height:250px;
padding-bottom:10px
}

#sidebar .video {
background-color:#666
}

.video p {
background-color:#FFF;
margin:0;
padding:2px 5px
}

#sidebar .sidebar-gallery {
display:block;
background-color:#000;
width:inherit;
height:250px;
overflow:auto;
margin:10px 0 0;
padding:0
}

#sidebar .gallery {
display:block;
background-color:#000;
float:left;
width:285px;
height:auto;
padding:5px 0 0 5px
}

.gallery img {
border:outset;
onmouseover:showtrail;
onmouseout:hidetrail();
padding:5px 5px 0 0
}

#sidebar .sidebar-freedownload {
display:block;
background-color:#000;
width:300px;
height:250px;
overflow:auto;
margin:10px 0 0;
padding:0
}

#sidebar .download {
display:block;
background-color:#DBDBB7;
float:left;
width:250px;
height:auto;
padding:5px 0 5px 8px
}

.download img {
border:outset;
margin-right:5px;
padding:1px
}

.download p {
display:block;
float:left;
width:260px;
height:auto;
background-color:#FFFFEA;
font-size:15px;
margin:3px;
padding:3px
}

#f_sidebar {
float:inherit;
width:300px;
height:auto;
display:inline;
background-color:#FFF;
margin:0;
padding:0 0 0 8px
}

#f_sidebar h2 {
background-image:url(images/sidebar_title.gif);
width:300px;
color:#0274C8;
font-size:14px;
font-family:Times New Roman, Helvetica, Sans-Serif;
text-align:center;
font-weight:400;
margin-top:10px;
text-transform:uppercase;
line-height:normal;
padding:3px 0
}

#f_sidebar ul li ul {
display:block;
height:250px;
overflow:auto
}

#l_sidebar {
float:left;
width:150px;
display:inline;
margin:0;
padding:5px 0 0
}

#l_sidebar h2 {
width:150px;
color:#0274C8;
font-size:14px;
font-family:Times New Roman, Helvetica, Sans-Serif;
text-align:center;
font-weight:400;
text-transform:uppercase;
line-height:normal;
margin:0;
padding:3px 0
}

#l_sidebar ul li ul li {
padding:0 0 0 10px
}

#l_sidebar ul li ul li a:visited {
padding:3px
}

#l_sidebar ul li ul li a:visited:hover {
color:red
}

#l_sidebar ul li a,#l_sidebar ul li a:visited {
color:#333;
text-decoration:none;
margin:0;
padding:0
}

#r_sidebar {
float:right;
width:150px;
display:inline;
margin:0;
padding:5px 0
}

#r_sidebar h2 {
width:150px;
color:#0274C8;
font-size:14px;
font-family:Times New Roman, Helvetica, Sans-Serif;
text-align:center;
font-weight:400;
text-transform:uppercase;
line-height:normal;
margin:0;
padding:3px 0
}

#t_adsense {
display:block;
background-image:url(images/adsense600.gif);
float:inherit;
width:200px;
height:auto;
overflow:hidden;
margin-bottom:10px;
padding:0 0 10px
}

#t_sidebar {
float:left;
width:200px;
height:auto;
display:inline;
background-color:#FFF;
margin:0;
padding:10px 0 5px 2px
}

#t_sidebar h2 {
background-image:url(images/sidebar_title.gif);
width:200px;
color:#0274C8;
font-size:14px;
font-family:Times New Roman, Helvetica, Sans-Serif;
text-align:center;
font-weight:400;
margin-top:10px;
text-transform:uppercase;
line-height:normal;
padding:3px 0 2px
}

#footer {
padding-top:10px;
color:#FFF;
font:bold 12px "Century Gothic", Century Gothic;
display:block;
align:left;
width:917px;
height:42px;
margin:0
}

#footer a {
color:#fff;
text-decoration:none
}

#footer a:hover {
text-decoration:none;
color:red
}

#footer #copyright {
background-image:url(images/footer.png);
background-repeat:no-repeat;
width:1014px;
height:45px;
padding-top:7px;
text-align:center;
line-height:15px;
padding-bottom:0;
img-align:center
}

.clear,hr {
clear:both;
height:0;
overflow:hidden
}

#header #header-info h1 a:hover,#content .post .comments ol li a,#sidebar a {
color:#000;
text-decoration:none
}

.bannerhorizontal img,.horizontalads img {
padding:0
}

#content .post .post-title a:hover,#content .post .post-title h2 a:hover,#content .post .post-entry a.more-link:hover,#content .post .comments ol li a:hover,#content .post .comments ol li cite a:hover,#content .post .comments ol li .commentmetadata a:hover,#content .post #commentform a:hover,#content .navigation a:hover {
text-decoration:underline
}

#content .post .post-entry a:hover,#sidebar a:hover {
color:red;
text-decoration:underline
}

#content .post #commentform a,#content .navigation a,#f_sidebar ul li a:hover,#l_sidebar ul li a:hover,#r_sidebar ul li a:hover,#t_sidebar ul li a:hover {
color:red;
text-decoration:none
}

.partners img,.video img {
padding:3px 3px 0 0
}

#sidebar .gallery a:visited,#sidebar .download a:visited {
color:#990
}

#sidebar .gallery a:hover,#sidebar .download a:hover {
color:#C00
}

#f_sidebar ul,#l_sidebar ul,#r_sidebar ul,#t_sidebar ul {
background-color:#FFFFEA;
list-style:none;
margin:0;
padding:0
}

#f_sidebar ul li,#l_sidebar ul li,#r_sidebar ul li,#t_sidebar ul li {
background-color:#FFFFEA;
margin:3px 0 2px;
padding:0 0 2px
}

#f_sidebar ul li a,#r_sidebar ul li a:visited,#r_sidebar ul li a,#r_sidebar ul li a:visited,#t_sidebar ul li a,#r_sidebar ul li a:visited {
color:#333;
text-decoration:none;
margin:0;
padding:0 0 0 10px
}