/*
THEME NAME: WideJournal
THEME URI: http://blogosquare.com
DESCRIPTION: A fluid theme adapted for wide screen with rotating banners, quick stats and loads of essential features by <a href="http://blogosquare.com">BlogoSquare</a>.
VERSION: 0.1
AUTHOR: Hans Coomar
AUTHOR URI: http://blogosquare.com
*/

body {margin:0;background:#fff;font: 79%/1.6em 'Trebuchet MS', Arial, Verdana, sans-serif;color: #333;}

a{color:#009de5;text-decoration:none;}

a:hover {text-decoration:none;color:#fff;background:#38C;}

img a {background:none;border:none;}

body.home {background:#f6f6f6;}

div#wrapper {border-top: 1px solid #f4f4f4;margin: 5px;background:#fff;}

div#header {background:#fafafa;text-align:center;}

div#access {background: #fff url('images/rotator/rotate.php') 250px 10px no-repeat;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}

div.skip-link {background: url('images/clip.jpg') 0 0px no-repeat;padding: 20px 0 0 25px;}

div.skip-link a{text-decoration:none;outline:none;border:none;}

div.skip-link img {border:none;}
	
div#menu {border-left:2px solid #f6f6f6;margin: -10px 0 0 5px;padding: 25px 0 0 0;border-bottom:2px solid #f6f6f6;}

div#menu ul {text-align:center;}

div#menu ul li {padding: 4px;margin: 0px 4px 0px 0px;list-style-type: none;display: inline;font: 0.9em verdana,sans-serif;color: #000;border:1px solid #ccc;}

div#menu ul li a{color: #000;outline:none;text-decoration: none;}

div#menu ul li a:hover {text-decoration: none;color: #000;background:#fff;}

div#container {background:#fff url('images/shadow_right.jpg') top right repeat-y;padding-left:12px;float: left;width: 60%;margin-left:7px;}

div#content {margin: -15px  0 0;}
				
div#primary {background: url('images/shadow_right.jpg') top right repeat-y;border-bottom:1px solid #f0f0f0;float:left;width:18%;}

div#secondary {width:20%;float:left;padding-left:5px;}

/*---:[ sidebar styles ]:---*/

div.sidebar h3{background: url('images/category.gif') 0 99.9% no-repeat;padding: 0 10px 0 12px!important;border-bottom: 1px solid #ddd;display:inline;}

div.sidebar p {margin: 0 20px 7px 2px;}

div.sidebar ul {padding-top:7px;margin:2px 0 15px -35px;}

div.sidebar * {list-style-type:none;}

div.sidebar li ul {margin:0 0 0 0px;padding:4px 60px 12px 0px;}

div.sidebar ul ul li {list-style-type:none!important;padding: 0 17px 3px 10px;background: url(images/list.gif) -8px 5px no-repeat;color:#555;} 

div.sidebar ul ul li:hover {background: url(images/list_hover.gif) -8px 5px no-repeat;} 

div.sidebar li a:hover {border-bottom:1px solid #000;}

div#footer {clear: left;width: 100%;margin: 0 auto 0 0;border-top:1px solid #f4f4f4;padding: 10px 0 10px 0;background:#fff;font: 12px verdana;text-align: center;line-height: 15px;color: #888;}

#hsearchform { margin: 0 0 0.5833em 0; }

#hsearchform input#hs { width: 12.91667em; padding: 0.25em; color: #777; font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; border: 0.083333em solid #999; border-right-color: #eee; border-bottom-color: #eee; }
	
#hsearchform input#hs:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }

/*---:[ bottom page navigation styles ]:---*/

div#nav-below {font-family: Arial, Helvetica, Verdana, Sans-Serif;font-weight: bold;text-align: center;padding: 12px 15px 30px 12px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #e2e2e2;font-size: 1.4em;margin-left:-12px;width:95%!important;}

div#nav-below .nav-previous {float: left;width: 240px;text-align: left;}

div#nav-below .nav-next {float: right;width: 240px;text-align: right;}

div#nav-below p {margin:0;padding:0;}

div#nav-below a {color: #009de5;outline:none;}
	
div#nav-below a:hover {background:#fff;}

div#nav-below-single{float: left;width: 525px;display: inline;margin: 10px 0 0 10px;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-weight: bold;text-align: center;font-size: 1.0em;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #e2e2e2;border-left: 1px solid #f4f4f4;border-right: 1px solid #e2e2e2;margin: -2px -12px;padding: 10px 5px 10px 5px;}

div#nav-below-single a{font-weight: bold;text-decoration: none;}

div#nav-below-single a:hover{text-decoration: underline;}

div#nav-below-single ul{float: left;width: 525px;list-style-type: none;margin: 0;padding: 10px 0;line-height: 24px;}

div#nav-below-single ul li{float: left;margin: 0 10px;display: inline;}

div#nav-below-single ul li .nav-previous{padding: 0 0 0 20px;}

div#nav-below-single ul li .nav-next {padding: 0 20px 0 0;}

/*---:[ post and page styles ]:---*/

.hentry {margin: 16px 22px 0 0;padding: 7px 0 0 0;}

* html div.hentry {margin: 0 22px 0 0!important;padding: 30px 0 0 0!important;}

.entry-date {margin: -12px 0 5px 0;font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;color:#777;	padding-left:14px;background:url('images/clock.gif') 0 50% no-repeat;}

.entry-content p {margin: 0 7px 10px 0;padding: 0 7px 0 0;}

.entry-content a {color:#38c;}

.entry-content a:visited {color:#009de5;}

.entry-content a:hover {color:#000;background:#fff;text-decoration:underline;}

.entry-content ul {list-style-type:none;}

.entry-content ul li {padding: 0 0 0 1.16667em;background: url('images/bullet.gif') 0 0.4167em no-repeat;}

.entry-meta {text-align: right;color: #888;border-top:1px solid #f4f4f4;padding: 0 7px 2px 3px;margin-left:-12px;	border-bottom:1px solid #f4f4f4;}

.entry-meta a{background-color:#fafafa;}

.entry-meta a:hover{border-bottom: 1px solid #dee4da;color:#000;background-color:#fafafa;}

.feedtiser {margin: 20px 0 0 0;padding: 10px 0px 0 30px;color: #333;background: #fff url('images/quote.gif') no-repeat left top;font-style: italic;}

.feedtiser p {margin: 0 !important;padding-right: 30px;padding-bottom: 10px;}

.archive-meta {margin: 2px 22px 2px 5px;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-size: 0.9em;background:#fcfcfc;padding-left: 5px;}

p.post-meta-title {background: #fff;font-family: Arial, Helvetica, Verdana, Sans-Serif;font-weight: bold;font-size: 1.4em;color: #888;text-align: right;}

.page-title {padding-top:10px;}


/*---:[ comment form styles ]:---*/

.comments {padding:10px 15px 0 0;margin:0 15px 0 0;color: #111;}

* html div#comments {width:460px!important;} /* This is a hack for IE */

	.comments p{line-height:1.4em;padding:4px 0 4px;}

	.comments ol {padding-left:0px!important;}

	.comments li{margin:10px 0 10px;padding:2px 0px 2px 0px;list-style:none;}

	div.comments li.trackback {background:url('images/trackback.gif' 0 50% no-repeat);padding-left: 14px;}

	#comment {background:url(images/com_com.gif) no-repeat 50% 50%;border: 1px inset #aaa;color: #111;font-family: verdana, helvetica, sans-serif;	font-size: 1em;	margin: 0;	padding: 0.2em 0.3em;}

	#commentform {padding-bottom: 30px!important;}

		.form-input {width:380px;}
	
		.form-textarea {width: 715px;}

		* html div.form-textarea {width: 520px!important;}

#author,#email, #url {border: 0.083333em solid #999;border-right-color: #eee;border-bottom-color: #eee;padding-left:17px!important;}
	
	#submit {
    background-color: #f7f7f7;
	border-width: 1px;
    width: 100px;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 2px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

	#author {background:url(images/com_name.gif) no-repeat 2px 0px;}

	#email {background:url(images/com_email.gif) no-repeat 2px 2px;}

	#url {background:url(images/com_url.gif) no-repeat 2px 1px;}

	#author:focus, #email:focus, #url:focus, #comment:focus {border: 1px outset #38c;}

.small {font-size: 0.9em;color: #999;}

em{font-style: italic;background: #E6F2FF;}

pre,code {display:block;font: 1em 'Courier New', Courier, Fixed, monospace;font-size : 100%;color: #000;background : #fff url(images/preback.jpg) no-repeat left top;   overflow : auto;   text-align:left;   border : 1px solid #99cc66; /*highlight color */   padding : 0px 20px 0 30px;   margin:1em 0 1em 0;   line-height:17px;width:400px;}

.post blockquote blockquote,.comment ol.comments blockquote blockquote{border-left:5px solid #ccd0d6;font-size:0.9em;padding:0 1em;}

.post blockquote,.comment ol.comments blockquote{background:#fafafa url('images/blockquote.png') no-repeat;color:#4d5663;padding:0.1em 1em;}

/*---:[ widget calender styles ]:---*/

#calendar_wrap { width: 16.2em; margin: 12px 0 0.8333em 0; padding: 0 0.166667em; }

table#wp-calendar { width: 16em; border-collapse: collapse; }

	table#wp-calendar caption { font-weight: bold; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; }
	
	table#wp-calendar th { width: 2.3333em; font-size: 1.0em; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; color: #666; text-align: center; }
	
	table#wp-calendar td { width: 2.3333em; line-height: 1.66667em; color: #999; text-align: center; }
	
	table#wp-calendar td a, table#wp-calendar td a:visited { color: #000; font-weight: bold; }
	
	table#wp-calendar td a:hover { color:#fff;text-decoration: underline; }
	
	table#wp-calendar td#next, table#wp-calendar td#prev { width: 7.0em; }

/*---:[ global search form styles ]:---*/

#searchform { margin: 0 0 0.5833em 0; }

	#searchform input#s { width: 15.91667em; padding: 0.25em; color: #777; font: normal 1.0em Verdana, Arial, Helvetica, sans-serif; border: 0.083333em solid #999; border-right-color: #eee; border-bottom-color: #eee; }
	
	#searchform input#s:focus { border-top-color: #666; border-left-color: #666; border-right-color: #ddd; border-bottom-color: #ddd; }

/*---:[ post image styles ]:---*/

img, a img{ border:0px;}
img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }
img.left_off { margin: 0 10px 5px 0; float: left; }
img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }
img.right_off { margin: 0 0 5px 10px; float: right; }
img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }
img.center_off { display: block; margin: 0 auto 15px auto; }
.img wp-smiley {border:none!important;}
.wp-smiley {border:none!important;}

* html div#primary {background: url('images/shadow_right.jpg') top right repeat-y;
	border-bottom:1px solid #f0f0f0;
	float:left;
	width:10%;
	padding-left:50px;
	padding-right:30px;
}

* html div#secondary {
	
	width:10%;
	float:left;
	padding-left:50px;
}

* html h2.entry-title {font-size:20px;}

form#commentform .form-label{
    margin:1em 0 0;
}

form#commentform span.req-field{
    background:#fff;
    color:red;
}

form#commentform,form#commentform p{
    padding:0;
}

input#author,input#email,input#url{
    width:50%;
}

input#author,input#email,input#url,textarea#comment{
    padding:0.2em;
}

ol.commentlist li{
    margin:0 0 3.5em;
}

#comments h3 {
    font-size: 1.5em;
    margin-bottom: -10px;
}

/* Comments
----------------------------------------------------------------------------- */

.comment-author {
    padding-left: 20px;
    background: url('images/bubble.gif') no-repeat 3px 7px;
    font-weight: bold;
}

.comment-author-admin, .bypostauthor {
    background-color: #f0f0f0;
    padding: 2px;
}

li.comment {
    list-style: none;
    margin-left: 0px;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px 10px 0px 10px;
}
    
textarea#comment{
    height:13em;
    margin:0 0 0.5em;
    overflow:auto;
    width:66%;
}

.comment-meta {
    text-align: right;
    margin-top: -15px;
    font-size: 0.9em;
}

/*---:[ widget calender styles ]:---*/

#calendar_wrap { width: 16.2em; margin: 12px 0 0.8333em 0; padding: 0 0.166667em; }

table#wp-calendar { width: 16em; border-collapse: collapse; }

	table#wp-calendar caption { font-weight: bold; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; }
	
	table#wp-calendar th { width: 2.3333em; font-size: 1.0em; line-height: 1.58333em; border-bottom: 0.08333em solid #ccc; color: #666; text-align: center; }
	
	table#wp-calendar td { width: 2.3333em; line-height: 1.66667em; color: #999; text-align: center; }
	
	table#wp-calendar td a, table#wp-calendar td a:visited { color: #000; font-weight: bold; }
	
	table#wp-calendar td a:hover { color:#fff;text-decoration: underline; }
	
	table#wp-calendar td#next, table#wp-calendar td#prev { width: 7.0em; }

#tag_cloud {margin-right:18px;margin-bottom:7px;}