/*
Theme Name: Portal-6
Theme URI: http://www.goblogging.net
Description: 3 columns Wordpress theme
The CSS, XHTML and design is released under GPL: 
http://www.opensource.org/licenses/gpl-license.php
Version: 1.0
Author: GoBlogging
Author URI: http://www.goblogging.net
*/
* { margin: 0; }

body
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 13px;
	background: #C5C5C5;
}
a { color: #0000EE;}
a:hover { color: #0000EE;}
img, img a {border:0;}

#wrap{padding:10px 0; width: 1000px; text-align: left; background:#FFF;}

#header{height:80px; background:#FFF; margin:0 10px;}
#header h2{padding:3px 0 0 5px; font:bold 2em arial;}
#header .logo{float:left; padding:10px 0 0 10px; width:490px;}
#header .logo a{color: #777733; text-decoration: none;}
#header .logo a:hover{color: #777733; text-decoration: underline;}
#header h3{padding:3px 0 0 5px; float:left; font:bold 1.2em arial; color:#000;}

#menu{margin:0 10px; padding:0px 0 4px 0px; height:30px; border-bottom:3px solid #444;}
#menu ul{padding:6px 0 0 0; list-style: none;}
#menu ul li{float:left; font-weight: normal; color:#555;}
#menu ul li a{text-decoration:none; color:#FFF; background:#0052A3; font-weight:bold; margin:0 3px 0 0; padding:5px 10px; display:block;}
#menu ul li a:hover{color:#FFF; background:#444;}
#menu ul.menu li.current_page_item a{color:#FFF; background:#444;}

#navtop{margin:0 10px; padding:0 5px; line-height:28px; height:28px;}
#navtop .left {float:left; width:730px;}
#navtop .right {float:right;}

#content{padding:0 10px 0 10px; margin:0 0 0 0;}

#post{float: left; width: 503px; padding: 5px 10px 10px 10px; margin:10px 0 10px 0; line-height:1.4em; border:1px solid #DDD;}
.post{padding: 5px 0 5px 0;}

#post .title {background:#444; color:#FFF; margin:0 0 5px 0; padding:3px 8px;}

#bottombar {padding:3px 0 10px 0; margin:0 0 10px 0; line-height: 1.4em; color:#333; background:#FFF; border:1px solid #DDD;}
#bottombar ul {padding:4px 0 0 15px; list-style:square;}
#bottombar p {padding:0 0 5px 0;}
#bottombar a {color:#000088; text-decoration:none;}
#bottombar a:hover {color:#0000EE; text-decoration:underline;}
#bottombar h2 {font-size:1.1em; color:#000; padding:2px 0 4px 0; background:url(images/dotted.png) repeat-x left bottom;}
#bottombar .bottombar {float:left; width:227px; padding:0 5px 0 10px;}

#sidebar{color:#333; width:446px; float:right; margin:10px 0 10px 0;}
#sidebar .sidebar-1 a, #sidebar .sidebar-2 a{color:#000088; text-decoration:none;}
#sidebar .sidebar-1 a:hover, #sidebar .sidebar-2 a:hover{color:#0000EE; text-decoration:underline;}
#sidebar .sidebar-1 h2, #sidebar .sidebar-2 h2 {font-size:1.1em; color:#000; padding:2px 0 4px 0; background:url(images/dotted.png) repeat-x left bottom;}
#sidebar .sidebar-1 ul, #sidebar .sidebar-2 ul {padding:0 5px 5px 15px;}
#sidebar ul li {padding:2px 0 2px 0; list-style:square;}
#sidebar .sidebar-top{margin:10px 0 10px 0; padding:0; width:300px;}
#sidebar .sidebar-1{float:left; width:300px; padding:0; margin:0 0 10px 0;}
#sidebar .sidebar-2{float:right; width:125px; padding:0 0 0 0; margin:0 0 10px 0;}

#post img{margin:0 1px; max-width: 98%;}

#sidebar ul, #sidebar ol, #post .commentlist li.alt ol, #post .commentlist li.alt ul
{
	margin: 5px 0 5px 0;
}
#sidebar li, #post .commentlist li.alt li
{
	list-style: none;
	margin: 0;
}
#post .post blockquote
{
	margin: 10px; border:1px dashed #CCC;
	background:#F8F8F8;
	padding: 10px;
}

.post ul, .post ol {margin: 0 0 10px 20px; padding: 0;}
.post li{
	list-style: square;
	margin: 0;
}
.post h2{font-size: 1.1em; font-weight:bold; margin:0 0 5px 0;}
.post h2 a{color: #0000AA; text-decoration: none;}
.post h2 a:hover{color: #0000EE; text-decoration: underline;}
.post .meta
{
	color: #999;
	font-size: 0.9em; margin:0 0 5px 0;
}
.post .meta a{color: #666; text-decoration:underline;}
.post .meta a:hover{color: #0000EE; text-decoration:underline;}
.post .meta .posted
{
	float: left;
}
.post .meta .comments
{
	float: right;
}
.post .meta .comments a
{
	padding-bottom: 1px;
	display: block;
	text-decoration: none;
}
.post a{text-decoration:none;}
.post a:hover{text-decoration:underline;}
.post .entry
{
	text-align: left;
	padding: 0 0 10px 0;
}
.post p {padding:0 0 10px 0;}

.thumbnail { margin-right:10px;}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/* End Images */
.alignleft {margin:8px 8px 0 0;}
.alignright {padding:8px 0 0 8px;}

#comments, #respond{margin: 0; padding:1em 0 0 0;}
#commentform {margin:10px 0; padding:10px; background:#f9f9f9; border: #ddd 1px solid;}
.commentnum { font-size:1.5em; font-weight:bold; margin:0 5px 0 0;}

#post .commentlist {margin: 1em 0; padding: 0; border: #ddd 1px solid;}
#post .commentlist li.one, #post .commentlist li.alt{list-style:none; margin: 5px; padding: 0.5em 0.5em 2em; 
background:#F6F6F6; border:0;}
#post .commentlist li.alt {background:#F6F6F6;}
#post .commentlist li.authorcomment {background: #F0F5FA;}
#post .commentlist li.one .cmtinfo, #post .commentlist li.alt .cmtinfo {font-size:1em;}
#post .commentlist li.one cite, #post .commentlist li.alt cite{font-style:normal; font-weight:bold;}
#post .commentlist li.one .cmtinfo em, #post .commentlist li.alt .cmtinfo em 
{
	margin:0;
	padding:0;
	font-style:normal;
	font-size:0.9em;
	color:#999;
}
#post .textbox {margin:0 0 5px 0;}
#post textarea {width:95%; height:120px;}

#footer
{
	font-size: 0.9em; height:30px; line-height:35px; background:#444;
  padding: 2px 20px 6px 20px;
	color: #CCC;
	text-align: left; margin:0 10px;
}
#footer p {}
#footer a {text-decoration:none; padding:1px 0; color:#FFF;}
#footer a:hover {text-decoration:underline;}

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {display:none;}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {display:none;}
.tabberlive {}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{padding:0 0 0 0; font-weight:normal;}

ul.tabbernav li{list-style: none; margin:0; display: inline;}

ul.tabbernav li a{padding:4px 8px; margin:0 3px 0 0; color:#000; background:#EEE; text-decoration: none; font-weight:bold;}

ul.tabbernav li a:hover{color:#000; background: #DDD; text-decoration: none;}

ul.tabbernav li.tabberactive a{color: #FFF; background: #444;}

ul.tabbernav li.tabberactive a:hover{}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab { 
margin:0 0 10px 0; padding:10px 10px 10px 15px; border:1px solid #E5E5E5; border-top:3px solid #444; background:#f8f8f8;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {display:none;}

/**/

.tabbertab ul {margin:0 0 0 0; padding:0 0 0 10px; list-style: square; }
.tabbertab ul li {text-align:left; color:#666;}
.tabbertab a  {color:#000088; text-decoration: none;}
.tabbertab a:hover {color:#0000EE; text-decoration:underline; }