/*  
Theme Name: Web Junkie Showcase
Theme URI: http://www.arctic.co.nz
Description: Web Junkie Showcase
Version: 1.0
Author: Yustinus Subiakto
Author URI: http://www.arctic.co.nz

*/

body { margin:0; padding:0; background:#12252C url(images/background.gif) repeat-x; font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#b1d1dd;}

a { font-weight:bold; font-family: "Trebuchet MS", sans-serif; color:#72a533; text-decoration:none; }
a:hover {text-decoration:underline;}

#headerWrapper, #mainWrapper, #menuWrapper, #footerWrapper { width: 100%;  clear: both;}
#headerContent, #mainContent, #menuContent, #footerContent { width:900px; margin:0 auto;}

#headerLogo { float:left; width:500px;}
#headerRight {width:390px; float:left; padding: 0; text-align:right;}
#headerRight a{color:#72a533; text-decoration:none;}
#headerRight a:hover{color:#fff; text-decoration:underline;}
#headerRight ul{margin:0; padding:10px 0 0 0;}
#headerRight li {display: inline; list-style-type: none; padding-left:5px; }

#menuWrapper {padding: 40px 0 20px 0; height:35px;}
#menuContentLeft {float:left; width:10px;}
#menuContentMiddle {background:url(images/menu_m.gif) repeat-x; width:871px; float:left; padding: 8px 0 0 10px; height:28px; }
#menuContentRight {float:left; width:9px;}

#menuContentMiddle ul {margin:0; padding:0;}
#menuContentMiddle li {display: inline; list-style-type: none; padding-right:10px; }
#menuContentMiddle li a{ font:bold 14px "Trebuchet MS", sans-serif; color:#FFFFFF; text-decoration:none; }
#menuContentMiddle li a:hover { color:#12252C;}
#menuContentMiddle li.current a {color:#2E2E2E;}
#menuContentMiddle li.current-cat a {color:#2E2E2E;}

#content { width: 620px; float:left;}
.postPage {background:#172a31 url(images/post-background.png) repeat-x; padding:10px; border:1px solid #1a333d; width:582px; margin-bottom:20px; }
.postPage2 {background:#172a31; padding:10px; border:1px solid #1a333d; width:582px; margin-bottom:20px; }
.postPage2 img {border:1px solid #152328;}
.post {background:#172a31 url(images/post-background.png) repeat-x; padding:10px; border:1px solid #1a333d; margin: 0 18px 18px 0; width:270px; float:left; }
.postImg img {border:1px solid #152328;}
.postTitle {padding:8px 0 0 0;}
.postTitle2 {float:left; width: 180px; padding-top:2px;}
.postTitle2 a{color:#72a533; font-size:12px; text-decoration:none; font-weight:bold;}
.postTitle2 a:hover{text-decoration:underline;}
.postStar {float:right; width: 90px; text-align:right;}

#postRating { width:100px; float:left; padding-top: 7px; }
#postServer { text-align:right; width:450px; float:right;  padding-top: 7px;}
.big {color:#72a533; font-size:12px; font-weight:bold;}

.nextPost { background:#172a31; padding: 5px 10px; border:1px solid #1a333d; float:right; }
.prevPost { background:#172a31; padding: 5px 10px; border:1px solid #1a333d; float:left;  }

.sidebar { width:280px; float:right;}
#sideTag {background:#172a31 url(images/post-background.png) repeat-x; padding:10px; border:1px solid #1a333d; margin: 0 0 15px 0; width:258px; float:left; }
#highest-rated {background:#172a31; padding:10px; border:1px solid #1a333d; margin: 0 0 15px 0; width:258px; float:left; }
#highest-rated h2 {background: url(images/highestrated.gif) no-repeat; height:24px;}
#highest-rated ul li {line-height:26px;}

#twitter-1 {background:#172a31; padding:10px; border:1px solid #1a333d; margin: 0 0 15px 0; width:258px; float:left; }
#twitter-1 h2 {background: url(images/tweet.gif) no-repeat; height:32px;}
#twitter-1 .twitter-timestamp {font-size:9px; }
#twitter-1 li {padding-bottom:3-x;}

#designNews {background:#172a31; padding:10px; border:1px solid #1a333d; margin: 0 0 15px 0; width:258px; float:left; }
#designNews  h2 {background: url(images/news.gif) no-repeat; height:32px;}
#designNews ul li {line-height:18px; border-bottom:1px solid #1a333d; padding:4px 0; }

#most-viewed {background:#172a31; padding:10px; border:1px solid #1a333d; margin: 0 0 15px 0; width:258px; float:left; }
#most-viewed h2 {background: url(images/mostviewed.gif) no-repeat; height:24px;}
#most-viewed ul li {line-height:26px;}

#footerWrapper {padding:15px 0;}
#footerContent {padding:11px 0 0 15px; background: url(images/footer.gif) no-repeat; height:24px; width:885px;}

#screenshot{
	position:absolute;
background:#172a31 url(images/post-background.png) repeat-x; padding:10px; border:1px solid #1a333d;
	display:none;
	color:#fff;
	}
	
.visitSite {background:#618f2b; padding: 3px 5px; float:right; margin-top:10px;}	
.visitSite a{color:#FFFFFF;}


/* Comment */

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}
input#author, input#email, input#url, textarea#comment { background:#12252C; border:1px solid #1A333D; padding:5px; color: #B1E3F3;  } 

/* Old */

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
margin: 0;
padding: 0;
}

h1{
font: bold 18px "Trebuchet MS", sans-serif;;
padding: 0 0 6px 0;
}

h2{
font: bold 16px "Trebuchet MS", sans-serif;;
padding: 0 0 10px 0;
}

.entry{
line-height: 18px;
}

p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}

p{
padding: 10px 0 0 0;
}

.navigation{ clear:both; padding:15px 0;}

/*   Side Bar */
.sidebar ul{
list-style-type: none;
margin: 0;
padding: 0;
}

.sidebar ul li{
padding: 0;
}

.sidebar ul li h2{
font-family: Georgia, Sans-serif;
font-size: 14px;
}

.sidebar ul ul li{
padding: 0;
line-height:24px;
}

table#wp-calendar{
width: 100%;
}