/*Theme Name: Izbedda
Theme URI: http://www.izbedda.com/
Description: A clean, widget-ready 2-column theme for WordPress
Version: 1.0
Author: Shaun Tarves
Author URI: http://www.tarves.net/
*/

/* remove all default styling */
html, body,
ul, ol, li, p,
h1, h2, h3, h4,
form, a, img,
table, tr, td {
        margin: 0px;
        border: 0px none;
        padding: 0px;
}

input, textarea {
	font-family: Georgia, "Times New Roman", serif;
        border: 1px solid #cccccc;
        padding: 2px;
}

/*general layout*/
body {
	background: #ffffff;
	font-family: palatino linotype, "Times New Roman", serif;
	font-style: normal;
        font-size: 14px;
}

#outer {
        background-color: #fff;
        margin: 0 auto; /* center the div horizontally */
        border: 7px solid #fff;
        position: relative;
        z-index: 2;
        /*
                The width value below controls the overall width of the design. By default it's set to 82%
                (so it'll take up 82% of the browser window's width). You can set it to a different percentage
                value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
        */
        width: 900px;
}

a, a:link a:visited, a:active {
        color: #009900;
        text-decoration: none;
}
a:hover {
	color: #ff0000;
        text-decoration: hover;
}

/* block-level components */
p {
        margin: 8px 0px; /* t/b, r/l */
}

ul, ol {
        margin: 10px;
}

li {
        margin: 0px 10px; /* t/b, r/l */
        padding: 2px;
}

/* headers */
h1, h2, h3, h4 {
        padding-bottom: 8px;
        text-align: left, right;
        font-family: Georgia, "Times New Roman", serif;
}

h1 {
        font-size: 20px;
}

h2 {
        font-size: 18px;
}

h3 {
        font-size: 16px;
}

img {
        margin: 0px 0px; /* t/b, l/r */
}
img.nopad {
        margin: 0px;
}


img.left {
        margin: 0em 1.8em 1.4em 0em;
        position: relative;
        float: left;
}

img.right {
        margin: 0em 0em 1.8em 1.8em;
        position: relative;
        float: right;
}


/**
 * Menu styling
 */

/* container for the menu */
#menu {
        background: #ffffff;
	border: 0px solid #dddddd;
        padding: 5px 0px 5px 0px; /* t, r, b, l */
        vertical-align: middle;
        height: 35px;
        position: relative;
        text-align: left;
}

/* override page list style */
#menu ul {
        padding: 0px;
}

/* make list items appear inline for horizontal menu */
#menu ul li {
        margin: 0px 0px; /* t/b, r/l */
        padding: 0px;
        list-style-type: none;
        height: 35px;
        display: inline;
}

/* override link styling in menu */
#menu a:link, #menu a:visited {
        color: #000000;
	border: 1px solid #ffffff;
        font-weight: normal;
        text-transform: all caps;
        padding: 5px 10px; /* t/b, r/l */
}

#menu a:hover, #menu a:active, #menu li.current_page_item a, #menu li.current-cat a {
	/*border: 1px solid #000000;*/
}

#menu2 {
        background: #ffffff;
        padding: 5px 0px 5px 23px; /* t, r, b, l */
        vertical-align: middle;
        height: 195px;
        margin-bottom: 8px;
        position: relative;
}

/* search input container */
#searchlabelbox {
	position: absolute;
	top: 10px;
	right: 40px;
	width: 60px;
	height: 22px;
	padding: 2px 2px;
        font-weight: normal;
font-size: 16px;
        background-color: #177b2f;
}


#searchlabel {
	cursor: pointer;
	border: 1px solid #177b2f;
        background-color: #177b2f;
	color: #ffffff;
	text-align: center;
	padding: 2px 2px;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0px auto;
}

#search {
	border: 1px solid #cccccc;
        background-color: #ffffff;
        padding: 2px;
        height: 20px;
        width: 213px;
        position: absolute;
	top: 10px;
        right: 120px;
        text-align: left;
        color: #2b2b2b;
}

/* div with a background image of the search icon */
#searchicon {
        /*background: transparent url(images/search.png) no-repeat scroll 4px;*/
        position: relative;
        height: 17px;
        width: 17px;
}

/* search input box */
#search input.text {
        background-color: #ffffff;
        margin-left: 0.5em;
        border: 0px none;
        padding: 0px;
        width: 150px;
        font-size: 12px;
        font-family: Georgia, "Times New Roman", serif;
        vertical-align: middle;
}

#logo img {
	padding: 0px;
	margin: 0px;
}


/**
 * Main body styling
 */

/* container for page content (left column) */
#content {
        margin: 0px 10px 0px 0px; /* t/b, r/l */
	padding-right: 10px;
	border-right: 1px solid #dddddd;
        float: left;
        width: 540px;
}

/* container for the sidebar content (right column) */
#sidebar {
        float: left;
        width: 300px;
}

/* title bars contain the heading and produce the separator */
.title-bar {
        border-bottom: 1px dotted #CCCCCC;
        padding-bottom: 3px;
}

/**
 * Sidebar styling
 */

#sidebar a, #sidebar a:visited #sidebar a:hover {
	font-family: Arial Unicode MS, Georgia, serif;
        font-size: 12px;
}

/* sections break-up the sidebar */
#sidebar .widget {
        padding: 0px 8px 14px 8px; /* t, r, b, l */
        display: block;
        width: 287px;
        font-size: 14px
}

#sidebar .widgettitle {
        padding: 10px 0px 6px 0px; /* t, r, b, l */
        font-size: 16px
}

/* override style for sidebar lists */
#sidebar ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
}

/* override style for sidebar list items */
#sidebar li {
        margin: 0px;
        padding: 2px 0px 2px 18px; /* t, r, b, l */
        list-style-type: none;
}

#sidebar li li {
        margin: 0px;
        padding: 4px 0px; /* t/b, r/l */
}

/**
 * Post styling (note that "pages" are actually just posts)
 */

/* main post container (basically a block for each post) */
.post {
        clear: both;
        overflow: hidden;
	border-bottom: 1px solid #dddddd;
        
        padding-right: 20px; padding-left: 20px;
        margin-bottom: 20px;
}

.post .title {
        float: left;
        width: 480px;
}

.post .title a:hover {
        color: #1b78b4;
}

.post .title h1, .post .title h2 {
        font-weight: normal;
        line-height: 100%;
        margin: 3px 0pt 2px; /* t, r, b */
        padding-bottom: 4px;
}

.post .title h1 a {
        color: #333333;
}

.postdata, .postdata a, .postdata a:visited {
        font-family: Arial Unicode MS, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 17px;
}

.postdata .author {
        min-height: 17px;
	text-transform: uppercase;
        float: left;
}

.comments {
        min-height: 17px;
        background: transparent url(images/mini-comment.gif) no-repeat scroll 0%;
        float: left;
        padding: 14px 0px 10px 18px; /* t, r, b, l */
}

/* additional info (read more, date, etc) goes into another block */
.info-bar {
        padding-top: 3px;
}

/* post text */
.entry {
        clear: both;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
}

/* list of category, comments, etc */
.post ul.controls {
        background: #fcfcfc;
        margin: 0px;
        padding: 10px 0px; /* t/b, r/l */
        clear: both;
        color: #787878;
}

.post ul.controls li {
        margin: 0px;
        padding: 0px 10px 0px 15px; /* t, r, b, l */
        display: inline;
        font-size: 12px;
}

.post ul.controls li.comments {
        background: url(images/icon-comments.gif) no-repeat left center;
}

.post ul.controls li.more {
        background: url(images/icon-more.gif) no-repeat left center;
}

/**
 * Footer styling
 */
#footer-logo {
        width: 100%; /* weird, Safari needed this */
        position: relative;
        height: 85px;
        margin: 0px 0px 0px 25px; /* t, r, b, l 
*/        
        clear: both;
        font-size: 12px;
}

#footer {
        width: 100%; /* weird, Safari needed this */
        position: relative;
        height: 25px;
        clear: both;
        padding-top: 25px;
        background: #fff url(images/border2.gif) repeat-x 0 15px;
        font-size: 12px;
}

#footer .left {
        position: absolute;
        left: 25px;
        bottom: 12px;
}

#footer .right {
        position: absolute;
        right: 25px;
        bottom: 12px;
}

.credits {
        text-align: center;
        font-size: 12px;
        background: #fff;
        color: #999999;
        width: 100%;
}

/**
 * non-main page (comments, search, archives, etc) styling
 */

/* container for the misc. page headers */
.alt-header {
        color: #1b78b4;
}

#comments, #trackback, #respond {
        margin: 25px 10px 20px 0px; /* t, r, b, l */
}

/* override default list styling */
#comments ol.comment {
	font-size: 12px;
        margin: 0px;
}

/* comment list items */
#comments ol.comment li {
        list-style: none;
        background: #fcfcfc url(images/border2.gif) repeat-x top;
        margin: 10px 0px; /* t/b, r/l */
        padding: 5px;
}

/* alternating background colors for comments */
#comments ol.comment li.alt {
        background: #fcfcf9 url(images/border2.gif) repeat-x top;
}

/* form elements for submitting comments */
#comment-form {
        background: #dddddd;
        border: 1px solid #D8D8D8;
        padding: 4px 14px;
}

#comment-form a:hover {
	color: #009900;
}

input#submit, #respond input#submit {
        background: #f9f9f9 url(images/button_bg.gif) repeat-x top;
	cursor: pointer;
}

textarea {
        width: 99%;
        font-size: 14px;
}

/* used for lists of posts in all archive pages */
ul.archive-posts {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
}

li.archive-posts {
        background: url(images/icon-more.gif) no-repeat left center;
        padding: 2px 0px 2px 15px; /* t, r, b, l */
}

#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}