/*
THEME NAME: Sandbox K2
THEME URI: http://zeo.unic.net.my/notes/sandboxk2-theme/
DESCRIPTION: Driven by <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a> and <a href="http://getk2.com">K2</a>.
VERSION: Beta One
AUTHOR: Safirul Alredha
AUTHOR URI: http://zeo.unic.net.my/

	GNU General Public License
	http://www.gnu.org/licenses/gpl.html

*/

* { margin: 0; padding: 0; }

body {  
	margin: 0 0 1em; 
	font-size: 1em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	line-height: 1.5em;
	color: #444; 
	background-color: #ededed; 
	}

h1, h2, h3, h4 {
	font-family: 'Trebuchet MS', Verdana, Sans-Serif;
	}

#ragzag_sites a, a:hover, a:visited { 
        color: #FFFFFF;
	}

a {
	color: #27d;
	text-decoration: none;
	}

a:hover { 
	color: #26d;
	}
	
a:visited { 
	color: #A99FFF;
	}
	
a img, 
a:hover img, 
a:visited img { 
	border: 0;  
	outline: none; 
	}
	
address { 
	display: inline; 
	font-style: normal;
	}
	
abbr { 
	border: 0; 
	}

pre { 
	overflow: auto; 
	width: 98%; 
	padding: 0.5em 0 0.5em 1em; 
	margin: 1em 0; 
	clear: both; 
	font-size: 1.25em;
	}

code,
kbd { 
	font-size: 1.25em; 
	}

#wrapper { 	
	margin-top: 0px;
        margin-bottom: 0px;
        margin-left: auto;
        margin-right: auto;
	padding: 0;
	width: 985px;
	border-bottom: 0.1em solid #ddd;
	border-left: 0.1em solid #ddd;
	border-right: 0.1em solid #ddd;
	background-color: #fff;
	}
	
#wrapper p.access { 
	display: none; 
	} /* Hide Skip to Navigation */

#container { 
	clear: both; 
	float: left; 
	width: 510px;
	margin: 0 0 2em 2em; 
	display: inline;
	}

#ragzag_network {
        width: 100%;
        background-color: #4239F6;
        height: 25px;
        }

#network img {
        margin: 0px;
        }

#ragzag_sites {
        width: 670px;
        float: left;
        margin-left: 12px;
        color: #FFFFFF;
        }

#header {
	background-color: #4239F6;
        width: 985px;
        background: url(http://men.ragzag.com/wp-content/themes/ragzag2/images/header_right4.png) no-repeat;
	text-align: left; 
	height: 138px;
        position:relative;
	}


#zone1 {    /* zone cliquable */
float: left;
width : 252px;
height: 110px;
       }
	
	#blog-title { 
		margin: 0 1em 0.2em;
		padding-top: 1.5em; 
		letter-spacing: -0.05em; 		
		}
		
	#blog-title a { 
		color: #fff; 
		}
	
	#blog-description { 
		margin: 0 3.2em;
		font-size: 0.65em;
		}





#leaderboard_google {
	position: relative;
       }


#content #nav-above { 
        display: none;
	}
	
#content h3 { 
	margin: 0.5em 0; 
	}
	
#content p { 
	margin: 0 0 1em; 
	}

#content ol,
#content ul { 
	margin: 0.5em 0 1em 2.5em; 
	}
	
#content li { 
	margin: 0 0 0.2em; 
	}

#content dl {}
#content dt {}
#content dd { 
	margin: 0 0 0.5em 1em; 
	}

.hentry { 
	margin: 0 0 2em; 
	}

.entry-title,
.page-title,
.post-title { 
	margin-top: 1em; 
	margin-bottom: 0.1em;
	font-weight: normal;
	}

.entry-title a { 
	color: #444; 
	}

.entry-title a:hover,
.entry-title a:visited { 
	color: #000;
	}

.archive-meta {
	font-size: 0.8em;
	}

.entry-meta {
	font-size: 0.7em;
	line-height: 1.5;
	color: #bbb;
	}

.entry-meta a { 
	color: #777; 
	}
	
.entry-meta a:hover { 
	color: #000; 
	}

.entry-content { 
	margin: 0.5em 0;
	font-size: 0.75em;
        text-align:justify;
	}

.entry-content h3 { 
	font-size: 1.4em; 
	font-weight: normal;
	line-height: 1.0;
	}

.entry-content h4 { 
	font-size: 1.3em;
	line-height: 1.0;
	}

.entry-content blockquote { 
	border-left: 0.4em solid #eee; 
	margin: 1em 0 0 2em; 
	padding: 0 0 0 1em; 
	}
		
.entry-content .attachment img { 
	margin: 0.4em auto;
	padding: 0.3em;
	display: block; 
	border: 0.05em solid #ccc; 
	}
	
.entry-content .attachment-name { 
	text-align: center; 
	}

/* Asides */
#content .category-asides .entry-title { 
	font-size: 1.2em; 
	font-weight: normal;
	letter-spacing: -0.05em; 
	margin-top: 1.2em;
	}
	
#content .category-asides .entry-category,
#content .category-asides .entry-comments { 
	display: none; 
	}

.sidebar #asides li {
	margin-bottom: 1em;
	}

.sidebar #asides h4 {
	margin: 0;
	font-weight: normal;
	font-size: 1.2em;
	}

.sidebar #asides h4 a {
	color: #27d;
	text-decoration: none;
	}

/* Noteworthy */
.category-noteworthy .entry-title {
	background: url('images/heart.gif') no-repeat 0 50%;
	padding-left: 0.9em;
}

/* Image and Alignment */

img {
        margin: 5px;
        }

.alignleft { 
	float: left;
	}
		
.alignright { 
	float: right;
	}
	
.center { 
	text-align: center; 
	}

img.alignleft { 
	margin: 0.4em 0.5em 0.4em 0;
	display: inline;
	}
	
img.alignright { 
	margin: 0.4em 0 0.4em 0.5em;
	display: inline;
	}
	
img.center { 
	margin: 0.4em auto;
	display: block; 
	}

img.alignleft,	
img.alignright,
img.center { 
	border: 0.05em solid #ccc; 
	padding: 0.3em;
	}

img.border { 
	margin: 0 0.4em; 
	padding: 0.3em;
	border: 0.05em solid #ccc;
	}
	
img.noborder { 
	border: none !important; 
	}

/* Sidebar */
.sidebar { 
	float: left; 
	display: inline; 
        margin-left: 1em;
	font-size: 0.7em;
        width: 200px;
	}
	
	#primary {

		margin-top: 2em; 
                padding: 1em;
                background-color: #F4F4F4;
		}
		
	#secondary {
                margin-top: 2em;
		margin-bottom: 1em; 
		clear: right;
                width: 170px;
		}
#skyscraper {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        background-color: #FFF;
        }

.sidebar h3 { 
	clear: both; 
	margin-bottom: 0.1em;
	font-size: 1.3em;
	font-weight: normal;
	letter-spacing: -0.05em;
	}

.sidebar p {
	margin: 0 0 0.5em;
	}

.sidebar ul, 
.sidebar ol, 
.sidebar ul ul, 
.sidebar ol ol { 
	list-style: none;
	}
	
.sidebar ul ul ul, /* { list-style: circle; } */
.sidebar ul ul ul ul { 
	list-style: square; 
	}

.sidebar ol ol ol { 
	list-style: lower-alpha; 
	}

.sidebar ol ol ol ol { 
	list-style: lower-roman; 
	}
	
.sidebar li { 
	margin-bottom: 1em;
	line-height: 1.5; 
	}
	
.sidebar li li { 
	margin-bottom: 0;
	}

.sidebar #pages li { 
	margin: 0; 
	}
	
.sidebar #pages ul ul { 
	margin-left: 1.5em; 
	font-weight: normal; 
	}
	
.sidebar #pages ul li.current_page_item { 
	font-weight: bold; 
	}

	/* Damn calendar! */
	#calendar { margin-top: 1em; }
	.widget_calendar h3  { display: none; }
	.widget_calendar #wp-calendar { width: 100%; text-align: center; }
	.widget_calendar #prev { text-align: left; }
	.widget_calendar #next { text-align: right; }


/* Search form */
#search h3 { 
	display: none; 
	} /* Hide search label */

#searchform {
        height: 20px;
        width: 300px;
        float: left;
        position: relative;
        }
	
#s { 
	height: 1.2em; 
	width: 60%; 
	padding: 0.1em 0.2em; 
	}
	
#footer { 
	clear: both; 
	padding: 0 2em 1em; 
	font-size: 0.7em; 
	color: #999;
	}
	
#footer a { 
	color: #999;
	}	

#footer a:hover {
	color: #777;
	}

#footer ul { 
	display: block; 
	text-align: right;
	}
	
#footer ul li { display: inline; }

/* Global Navigation */
#globalnav ul#menu { 
        top: 110px;
        margin-top: 3px;
        width: 100%;
        height: 26px;
	font-size: 0.7em;
        background-color: #3933CF;
        float: left;
	}
	
#globalnav ul#menu li { 
	display: inline;
	}

#globalnav ul#menu a { 
	float: left; 
	margin: 0 0.5em 0 0; 
	padding: 0.1em 1.5em; 
	color: #fff; 
	}
	
#globalnav ul#menu a:hover { 
	color: #fff; 
	}

#globalnav ul#menu li.page_item a:active,
#globalnav ul#menu li.page_item a:hover { 
	background-color: #4239F6; 
	color: #eee; 
	text-decoration: none; 
	}
	
#globalnav ul#menu li.current_page_item a,
#globalnav ul#menu li.current_page_item a:active,
#globalnav ul#menu li.current_page_item a:hover,
#globalnav ul#menu li.current_page_item a:visited { 
	background-color: #fff; 
	color: #333; 
	}

#globalnav ul#menu ul { display: none; } /* Hide Global Navigation Sub Pages */	

/* Page navigation */

.navigation { 
	font-size: 7pt;
	clear: both;
	height: 1%; 
	margin: 2em 0 0; 
	}
	
.navigation a {
	color: #999;
	}

.navigation a:hover {
	color: #777;
	}
	
.nav-next { 
	float: right; 
	display: block; 
	text-align: right; 
	width: 50%; 
	}
	
.nav-previous { 
	float: left; 
	display: block; 
	text-align: left; 
	width: 50%; 
	}

.navigation span { 
	font-size: 1.6em; 
	}

/* Comment */
.gravatar { 
	border: 0.05em solid #ddd; 
	float: right;
	}

.commentlist { 
	font-size: 0.75em; 
	}	

#comments li { 
	margin: 1em 0;
	padding: 1em;
	background-color: #f7f7f7;
	}

#comments li li { 
	margin: 0 0 0.2em; 
	padding: 0; 
	}

#comments li.alt { 
	background-color: #efefef; 
	} /* Alternate background */

#comments li.byuser {}

#comments li.bypostauthor {}
	
#pingbacks li { 
	list-style: square; 
	}

#pingbacks li p { 
	font-size: 0.9em;
	margin-top: 1em; 
	}

.comment-entry { 
	padding: 0.5em 0; 
	}

.comment-edit,
.pingback-edit {}

.comment-author { 
	font-weight: bold; 
	}

.comment-meta { 
	font-size: 0.9em; 
	color: #777;
	}

#mustlogin,
.formcontainer { 
	width: 100%; 
	font-size: 0.75em;
	}

#commentform .form-label { 
	margin: 0.5em 0 0; 
	}
	
#commentform #author, 
#commentform #email, 
#commentform #url { 
	padding: 0.1em 0.2em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	}
	
#commentform textarea#comment { 
	width: 98%; 
	height: 15em; 
	padding: 0.1em 0.2em; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 1em;
	}
	
#commentform #submit { 
	margin: 0.5em 0; 
	padding: 0 0.2em; 
	}

#technorati img {
        margin: 0px;
        }
