/*  
Theme Name: Qwords.com
Theme URI: http://Qwords.com/
Description: Qwords.com theme.
Version: 0.2 ALPHA
Author: wnugroho.org
Author URI: http://wnugroho.org/
*/

/*
------------------------------------------------------------
- TOC (Table of Contents)

ROOT
  Common
  Fonts
  Layout
    Regions
    FLuid
    Wrap
    Width Float
  Color
    Background
    Border
    Hyperlink
BOXES
  Nodes
  Blocks
    Blocks lists
    Utilities
  Forms
    Search
ETC
  Tables
SPLASH
  Pages
  Home page
------------------------------------------------------------
*/


/* ROOT ------------------------- */

/* - Common */

img {
	border: none;
}

.clearboth, #top, #header, .main, #footer {
	clear: both;
}

.node:hover, .block:hover {
}

#headerimg h1 span, #top .description, hr, .hide {
	display: none;
}


/* - Fonts */

h1, h2, h3, h4, .splash p, #top {
	font-family: "Lucida Grande", "Luxi Sans", Verdana, sans-serif;
/*	font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", Times, serif;
	font-family: "Trebuchet MS", "Luxi Sans", "Bitstream Vera Serif", Times, serif;
	font-family: Arial, Helvetica, sans-serif; */
}

.node p, .node table {
	font-size: 14px;
	font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", Times, serif;
}

html, body, input, #s, #searchsubmit {
/*	font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", Times, serif; */
	font-family: "Lucida Grande", "Luxi Sans", Verdana, sans-serif;
	font-size: 11px;
}

h1 {
	font-size: 28px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 16px;
}

#top, h4 {
	font-size: 14px;
}

#topleft {
	font-weight: bold;
}

#headerimg h1 {
	font-weight: normal;
}

.block h2, .block h3, .block h4 {
	font-weight: normal;
	/* border-bottom: 1px solid #f00; */
}

#footer {
	font-size: 10px;
}


/* - Layout */

body {
	margin: 0;
	padding: 0;
	min-width: 980px;
}

/* -- Regions */

#topright .block {
	margin: 0;
	padding: 10px 0;
}


#headerimg {
	width: 444px;
	height: 85px;
}

/*
#headerimg h1 {
	margin: 15px 0 0;
	padding: 0;
}

#headerimg .description {
	margin: 0 0 15px;
	padding: 0;
}

#headersearch {
	margin: 0;
	padding: 20px 0 0;
	text-align: right;
}

#headersearch form {
	margin: 0;
	padding: 0;
}
*/

#main {
	margin-top: 10px;
}

#nav {
	margin: 0;
	padding: 0 0 15px;
}

#navsub {
	margin: 0;
	padding: 0 0 15px;
}

#mainsub .block {
	margin: 0;
	padding: 0 0 15px;
}

.fluidfooter .block {
	margin: 0;
	padding: 14px 0;
}


/* -- Fluid */

.fluid {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 980px;
}

.fluidtop {
}

.fluidheader {
}

#contentwidebox {
	min-height: 250px;
}


/* -- Wrap */

.wrap {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	text-align: left;
}

#top, #header, #pagemenu, .main, #footer {
	margin: 0;
	padding: 0 5px;
}

.fluidmainsub .wrap {
/*	margin-top: 5px; */
}


/* -- Width Float */

.left, .right {
	width: 235px;
}

.centerleft, .centerright {
	width: 725px;
}

.center {
	width: 480px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}


/* - Colors */

/* -- Backgrounds */

body, .splash {
	color: #333;
	background-color: #fff;
}

body {
	background-color: #848484;
	/* aslinya d5d5d5 atau juga 848484 , 5c5c5c, c8002a, warna natal=99080b 8fbcff cde0ff*/
	/* background-image: url(./images/bgmain.png);*/
	background-repeat: repeat-x;
}

#headerimg {
	background-image: url(/wp-content/themes/qwords_02/images/qwords.png);
	background-repeat: no-repeat;
}

#top {
	color: #999;
	background-color: #fff;
}

/*
#top .description {
	color: #f90;
}
*/

.fluidheader {
	color: #000;
	background-color: #fff;
}

.fluidheader .wrap {
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.fluidmain .wrap {
/*	margin-top: 10px; */
	color: #333;
	background-color: #fff;
	background-repeat: no-repeat;
}

.fluidmainsub .wrap {
	background-color: #eee;
}

#simplegallery1{ //CSS for Simple Gallery Example 1
  position: relative; /*keep this intact*/
  visibility: hidden; /*keep this intact*/
  border: 0px solid white;
  }

  #simplegallery1 .gallerydesctext{ //CSS for description DIV of Example 1 (if defined)
  text-align: left;
  padding: 2px 5px;
  }

/* -- Borders */

#top {
	border-top: 5px solid #f90;
	border-bottom: 1px solid #ccc;
}

.fluidmain {
	border-top: 3px solid #eee;
}

.fluidmain .wrap {
}

#main {
/*	border: 1px solid #ccf; */
}

/*
.fluidheader {
	border-top: 1px solid #666;
	border-bottom: 1px solid #fff;
}
*/


/* -- Hyperlinks */

a {
	color: #f90;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/*
#top a {
	color: #fc0;
	text-decoration: none;
}

#top a:hover {
	text-decoration: underline;
}
*/

#top h1 a {
	color: #fff;
}

#top h1 a:hover {
	color: #999;
	text-decoration: none;
}


/* BOXES ------------------------- */

/* - Nodes */

.node {
	margin: 0 0 10px;
	padding: 0 10px 5px 0;
	clear: both;
}

.node h2 {
	margin: 15px 0 1px;
	padding: 0;
}

.node h3 {
	margin: 10px 0 1px;
	padding: 0;
}

.node h4 {
	margin: 5px 0 1px;
	padding: 0;
}


/* - Blocks */

#nav .block, #nav .blockmainmenu {
	margin: 0;
	padding: 0 10px 0 5px;
}

#navsub .block {
	margin: 0 15px 0 0;
	padding: 0;
}

.block h2, .block h3, .block h4 {
	margin: 0;
	padding: 10px 0 0;
}


/* -- Block lists */

.block ul {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

.block ul li {
	margin: 0;
	display: block;
	padding: 5px 0;
}

.block li ul {
	list-style: none;
	margin: 0;
	padding: 6px 0;
}

.block li ul li {
	margin: 0;
	display: block;
	padding: 3px 0 3px 10px;
}

.blockmainmenu ul {
	list-style: none;
	margin: 0;
	padding: 15px 0;
	clear: both;
}

.blockmainmenu ul li {
	margin: 0;
	display: block;
	padding: 0;
}

.blockmainmenu li ul.level1 li {
	margin: 0;
	padding: 0;
	font-weight: bold;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}

.blockmainmenu li ul.level1 li a {
	margin: 0;
	display: block;
	padding: 6px 6px 4px 6px;
}

.blockmainmenu li ul.level1 li a:hover {
	margin: 0;
	display: block;
	text-decoration: none;
	color: #000;
	background: #ccc;
}

.blockmainmenu li ul.level2, .blockmainmenu li ul.level3 {
	list-style: none;
	margin: 10px 0 0;
	padding: 10px 0;
/*	border-top: 5px solid #ccf; */
}

.blockmainmenu li ul.level2 li, .blockmainmenu li ul.level3 li {
	margin: 0;
	font-weight: normal;
	display: block;
	padding: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #999;
}

.blockmainmenu li ul.level2 li a, .blockmainmenu li ul.level3 li a {
	margin: 0;
	display: block; 
	padding: 4px 6px 4px 6px;
}
        
.blockmainmenu li ul.level2 li a:hover, .blockmainmenu li ul.level3 li a:hover {
	margin: 0;
	display: block;
	text-decoration: none;
	color: #fff;
	background: #ccc;
}


/* -- Utilities */

/* - Forms */

#commentform textarea {
	width: 350px;
}


/* -- Search */

.block form {
	margin: 0;
	padding: 0;
}

#s {
	width: 200px;
	border: 2px solid #ccc;
	background-color: #ccc;
}

#s:hover {
	border: 2px solid #f90;
	background-color: #fff;
}

#searchsubmit {
	color: #000;
	background-color: #eee;
	font-weight: bold;
	border-width: 2px;
}

#searchsubmit:hover {
	color: #fff;
	background-color: #f90;
}


/* ETC */

/* - Tables */

.node table {
	width: 100%;
}

.node table tr {

}

.node table th {
	padding: 5px 4px;
	/*background-color: #ccc;*/
}

.node table td {
	padding: 4px;
	/*background-color: #eee;*/
}

.block table caption {
	margin: 1px 1px 0;
	padding: 3px 0;
	/* border: 1px solid #fff; */
}

.block table th, .block table caption {
	/*background: #eee;*/
}

.block table td, .block table th {
	padding: 2px 3px 1px;
	text-align: right;
	/* border: 1px solid #fff; */
}


/* login images == */

.logins {	
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #000000;	
	background-image:url(images/login.gif);
	background-repeat:no-repeat;}
/* berita images == */

.bingung {		
	color: #000000;	
	background-color: #f4f4f4;
	/* background-image:url(images/bingung.gif); */       
	background-repeat:no-repeat; 	
}
/* berita images == */

.berita {		
	background-image:url(images/berita.gif);
	background-repeat:no-repeat; }
.news {		
	background-image:url(images/news.gif);
	background-repeat:no-repeat; }


/* - Splash */

.splash {
	margin-top: 5px;
	width: inherit;
	color: #000;
/*	border-top: 20px solid #ccf; */
	background-repeat: no-repeat;
	background-color: #eee;
}

#home .splash {
	height: 240px;
	background-position: 0px 0px;
}

#page .splash {
	height: 140px;
	background-position: 0px -20px;
/*	background-position: 0px 0px; */
}

#home .splash p {
	margin-top: 170px;
	font-size: 36px;
}
 
#page .splash p {
	margin-top: 50px;
	font-size: 36px;
}

.splash p {
	padding: 0 10px;
	line-height: 28px;
}

.splash p:hover {
	color: #fff;
}

/* - Round */
.rounded{display:block}
.rounded *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#194AB3}
.rounded1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #0a254c;
  border-right:1px solid #0a254c;
  background:#123a86}
.rounded2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #021011;
  border-right:1px solid #021011;
  background:#143d90}
.rounded3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #143d90;
  border-right:1px solid #143d90;}
.rounded4{
  border-left:1px solid #0a254c;
  border-right:1px solid #0a254c}
.rounded5{
  border-left:1px solid #123a86;
  border-right:1px solid #123a86}
.roundedfg{
  background:#194AB3}a
 
#readmore {
border-bottom: 0px;
}
#indexbanner li {
color: #fff;
}
#readmore li a {
color: #e8c71a;
}
.readmore {
display: block;
background-image: url('images/read_more.gif');
width: 70px;
height: 20px;
margin-left: 40px;
bottom: auto;
}
.readmore:hover {
background-position: 1px 1px;
/*background-image: url('images/read_more2.gif');
width: 70px;
height: 20px;
margin-top: 15px;
margin-left: 10px;*/
}