/*  
Theme Name: Abstrakt3c
Theme URI: http://www.kaushaheth.com/
Description: Modified 3 column Abstrakt theme with Widget Support
Version: 2.0
Author: Kaushal Sheth
Author URI: http://www.kaushalsheth.com/

The CSS, XHTML and design is released under GPL:  http://www.opensource.org/licenses/gpl-license.php
	
*** REGARDING IMAGES ***
All CSS that involves the use of images, can be found in the 'index.php' file.
This is to ease installation inside subdirectories of a server.
	
CSS SECTIONS IN ORDER (use your program's bookmarking or find functions to quickly locate):  Sidebar, Posts, Headings, Images, Forms, Comments, Content Area, Footer
*/

.wrapper {
width:938px;
background: url(bg.gif) repeat-y;
}
/* Sidebar */

.widecolumn {
float: left;
margin-left: 0px;
padding: 15px 5px 5px 5px;
width: 600px;
background-color: white;}

/*PAGE CONTENT - BLOG SPACE*/
.narrowcolumn {
float: left;
margin-left: 10px;
padding: 15px 5px 5px 5px;
width: 458px;
background-color: white;}

#sidebar2 {
margin-left: 0px;
padding: 15px 5px 50px 5px;
width: 150px;
font: 1.1em Verdana, Arial, Sans-Serif;
color: #000;
background-color: white;
float: left;}

#sidebar {
margin-left:20px;
margin-right: 0px;
padding: 15px 5px 5px 5px;
width: 150px;
font: 1.1em Verdana, Arial, Sans-Serif;
background-color: white;
color: #000;
float: left;}

#sidebar h2 {
font-family: Verdana, Sans-Serif;
font-size: 1.2em;
margin: 15px 0 10px 0;
padding: 0;}

#sidebar2 h2 {
font-family: Verdana, Sans-Serif;
font-size: 1.2em;
margin: 15px 0 10px 0;
padding: 0;}

.page_item {
font-weight: bold;
font-size: 140%;}

.page_item a:hover {
text-decoration: none;}

.page item current_page_item {
color: #000;}

#sidebar ul ul .page_item {
font-size: 80%;}

#sidebar2 ul ul .page_item {
font-size: 80%;}
	
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;}

#sidebar ul li {
list-style-type: none;
list-style-image: url('none');
margin-bottom: 5px;}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;}

ol li, #sidebar ul ol li {
list-style: decimal outside;}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;}

#sidebar2 ul, #sidebar2 ul ol {
margin: 0;
padding: 0;}

#sidebar2 ul li {
list-style-type: none;
list-style-image: url('none');
margin-bottom: 5px}

#sidebar2 ul p, #sidebar2 ul select {
margin: 5px 0 8px;}

#sidebar2 ul ul, #sidebar2 ul ol {
margin: 5px 0 0 10px;}

#sidebar2 ul ul ul, #sidebar2 ul ol {
margin: 0 0 0 10px;}

ol li, #sidebar2 ul ol li {
list-style: decimal outside;}

#sidebar2 ul ul li, #sidebar2 ul ol li {
margin: 3px 0 0;
padding: 0;}

/* Posts */
.widecolumn .postmetadata {
margin: 30px 0;
font-size: 1.0em;}

.entry p a:visited {
color: #666;}

.entry p, .entrytext  {
font-family: Georgia, serif;
font-size: 1.1em;
line-height: 1.3em;
text-align: left;}
	
.widecolumn .entry p {
font-size: 1.1em;}

.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.2em;}

.widecolumn {
line-height: 1.2em;}

small {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 7pt;
line-height: 1.3em;}
	
.post {
margin: 0 0 40px;}

.widecolumn .post {
margin: 0;}

.narrowcolumn .postmetadata {
padding: 5px;
line-height: 1.5;
text-align: right;}

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;} 

html>body .entry li {
margin: 7px 0 8px 10px;}

.entry ol {
padding: 0 0 0 35px;
margin: 0;}

.entry ol li {
margin: 0;
padding: 0;}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: url('none');}
	
/* Headings */
h1, h3 {
font-family: Verdana, Arial, Sans-Serif;}

h2 {
font-family: Verdana, Arial, Sans-Serif;}


h1 {
font-size: 2.8em;
text-align: center;
color: #black;}

.description {
font-size: 1.3em;
text-align: center;}

h2 {
font-size: 1.2em;}

h2.pagetitle {
font-size: 1.3em;}

h3 {
font-size: 1.1em;}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: black;  }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #000;}

h2, h2 a, h2 a:hover, h2 a:visited, 
h3, h3 a, h3 a:hover, h3 a:visited, 
#sidebar h2, #wp-calendar caption, cite {
text-decoration: none;}

h1 {
padding-top: 60px;
margin: 0;}

.description {
text-align: center;}

h2 {
margin: 10px 0 0 0;
color: #000;}

h2.pagetitle {
margin-top: 10px;}

h3 {
padding: 0;
margin: 30px 0 0;}

h3.comments {
padding: 0;
margin: 40px auto 20px ;}

h4 {
padding-top: 60px;
margin: 0;
color: #orange;}

h5 {
font-size: 1.0em;
text-decoration: none;
margin-top: 0px;}

/* Images */
p img {
padding: 0;
margin: 0 0 0px 0px;
max-width: 100%;}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;}
	
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;}

.alignright {	
float: right;}
	
.alignleft {
float: left}

/* Forms */
#searchform {
margin: 0 auto 10px;
padding: 10px 10px; 
text-align: center;}

#sidebar #searchform #s {
width: 100px;
padding: 2px;}

#sidebar #searchsubmit {
padding: 1px;}

#sidebar2 #searchform #s {
width: 100px;
padding: 2px;}

#sidebar2 #searchsubmit {
padding: 1px;}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;}

select {
width: 130px;}

#commentform input {
width: 160px;
padding: 2px;
margin: 5px 5px 1px 0;}

#commentform textarea {
width: 90%;
padding: 2px;
border: 1px solid #c2c2c2;}

#commentform #submit {
margin: 0;
float: right;}

/* Comments */
.alt {
margin: 0;
padding: 10px;
border: 1px solid #cecece;}

.commentlist {
padding: 0;
text-align: justify;}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;}

.commentlist p {
margin: 10px 5px 10px 0;}

#commentform p {
margin: 5px 0;}

.nocomments {
text-align: center;
margin: 0;
padding: 0;}

.commentmetadata {
margin: 0;
display: block;
}

.commentlist li, #commentform input, #commentform textarea {
font: 1.0em Verdana, Arial, Sans-Serif;}
	
.commentlist li {
font-weight: bold;}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.0em;}

.commentlist p {
font-weight: normal;
line-height: 1.3em;
text-transform: none;}

#commentform p {
font-family: Verdana, Arial, Sans-Serif;}

.commentmetadata {
font-weight: normal;}

/* Main Content Area */

body {
width:938px;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Verdana, Arial, Sans-Serif;
background-color: #1F2D14;
color: #000;
margin: 0 auto;
padding: 0; }
	
#page {
padding: 0;
border: 1px solid #959596;
text-align: left;
margin-left: auto;
margin-right: auto;
background-color: white;
margin-top: 0px;
width: 863px;}

#header {
padding: 0;
margin-left: auto;
margin-right: auto;
height: 60px;
width: 100%;
background-color: white;}
p {
line-height:1.4em !important;
}
#content {
margin-top:4px;
font-size: 1.1em}

code {
font: 1.0 em 'Courier New', Courier, Fixed;}

acronym, abbr, span.caps {
font-size: 1.0em;
letter-spacing: .07em;}

a, h2 a:hover, h3 a:hover {
color: #c60;
text-decoration: none;}

a:hover {
color: #f90;
text-decoration: underline;}
	
#headerimg {
margin: 0;
height: 60px;
width: 100%;
text-align: right;
padding: 0px; }

acronym, abbr, span.caps {
cursor: help;}

acronym, abbr {
border-bottom: 1px dashed #999;}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border: 3px double #cecece;
font-style: italic;}

blockquote cite {
margin: 5px 0 0;
display: block;}

.center {
text-align: center;}

hr {
display: none;}

a img {
border: none;
text-align: center;}

/* Footer */

#footer {
background-color: white;
color: #6B8445;
padding: 0 0 0 1px;
margin-left: auto;
margin-right: auto;
width: 863px;
clear: both;
text-align: center;
border: 1px solid #959596;}

#footer p {
margin: 0;
padding: 0px 0;
text-align: center;}

#footer a {
color: #6B8445;}

#footer a: hover {
color: #6B8445;}

/* added menu*/

/* Top Level Menu*/
#menu {
height:42px !important;
width:863px;
background-image: url('menubar.jpg');
}
#menu ul {
list-style-type:none !important;
margin:0;
padding:0 !important;
margin-left:159px;
}
#menu li {
list-style-type:none !important;
margin:0 !important;
padding:0 !important;
float:left;
}
#menu a {
display:block !important;
text-indent:-2000px;
height:42px;
}

#menu a.home {
width:73px;
}
#menu a.home:hover {
width:73px;
background: url('menu_hover.jpg');
background-position:-159px 0px; 
}
#menu a.about {
width:112px;
margin-left:-1px;
}
#menu a.about:hover {
width:112px;
background: url('menu_hover.jpg');
background-position:-231px 0px; 
}

#menu a.mission {
width:92px;
margin-left:-1px;
}
#menu a.mission:hover {
width:92px;
background: url('menu_hover.jpg');
background-position:-342px 0px; 
}

#menu a.forum {
width:86px;
margin-left:-1px;
}
#menu a.forum:hover {
width:86px;
background: url('menu_hover.jpg');
background-position:-433px 0px; 
}


#menu a.resources {
width:119px;
margin-left:-1px;
}
#menu a.resources:hover {
width:119px;
background: url('menu_hover.jpg');
background-position:-518px 0px; 
}


#menu a.staff {
width:68px;
margin-left:-1px;
}
#menu a.staff:hover {
width:68px;
background: url('menu_hover.jpg');
background-position:-636px 0px; 
}





/* Sidebar2 Level Menu*/

#right2 ul {
width:140px;}

#right2 li {
border-bottom:1px solid #535D21;
list-style:none;
width:140px}

#right2 ul, li {
margin:0px;
padding:0;
display:block;}

#right2 li a {
color:#535D21;
text-decoration:none;
display:block;
margin:0px;
padding:0px;
width:140px;}

#right2 li a:hover {
background-color:#9FBA6B;
border-left:1px solid #535D21;
display:block;
background-image:none;
background-repeat:no-repeat;
background-position:  right 50%;
width: 140px}

#right2 a {
color:#535D21;
display:block;}

#right2 a.links {
margin-top:0px;}

/* Sidebar Level Menu*/
#right ul {
width:140px;}

#right li {
border-bottom:1px solid #535D21;
list-style:none;
width:140px}

#right ul, li {
margin:0px;
padding:0;
display:block;}

#right li a {
color:#535D21;
text-decoration:none;
display:block;
margin:0px;
padding:0px;
width:140px;}

#right li a:hover {
background-color:#9FBA6B;
border-left:1px solid #535D21;
display:block;
background-image:none;
background-repeat:no-repeat;
background-position:  right 50%;
width: 140px}

#right a {
color:#535D21;
display:block;}

#right a.links {
margin-top:0px;}

/*------------- added ------------*/