/*  
Theme Name: Black Swirl
Theme URI: http://www.wpskins.org/
Description: Black Swirl is a 2 column, black, red and white theme with swirly designs
Author: WPSkins.org
Author URI: http://www.wpskins.org/
	 
	This theme was designed and built by WPskins.org,
	whose blog you will find at http://www.wpskins.org/

	The CSS, XHTML and design is released under Attribution-ShareAlike 2.5 Licence You must leave our 3 links intact on this theme if you wish to use it, please refer to the licence.txt file included. [ http://creativecommons.org/licenses/by-sa/2.5/ ]

*/


			/* Global Layout */

/*-----------Block Level Elements--------------*/
* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #440801;
}

a:hover{
    text-decoration: underline;
}

body {
    background: #3D3D3D url(images/background.jpg) repeat-x top;
    font-family: Georgia, sans-serif;
}

#page {
	width: 830px;
    padding: 2px;
	margin: 0 auto;
    background-color: #FFF;
}

#top-navigation {
	width: 830px;
    height: 40px;
    padding: 2px;
	margin: 10px auto;
    position: relative;
}

#header {
	width: 830px;
    height: 155px;
    background: url(images/header.jpg);
}

#wrapper {
    border: 2px solid #73514a;
    border-bottom: none;
    margin-top: 1px;
    padding: 3px;
    padding-top: 10px;
    background: url(images/content-top.png) no-repeat top center;
}
#bar{
}
#bar a {
    color: #000;
}

#bar a:hover {
    color: #000000;
}

#content {
	float: left;
	width: 540px;
    padding-left: 10px;
}

#sidebar {
    margin-left: 10px;
	width: 250px;
    padding-right: 10px;
	float: left;
}

#footer {
    clear: both;
    border-top: 2px solid #73514a;
    padding: 2px;
    width: 830px;
    margin: 0 auto;
    background: #FFFFFF;
}

/*--------------Header--------------*/
#top-navigation ul {
    position: absolute;
    right: 0;
}

#top-navigation ul li {
    display: inline;
    padding: 0 10px;
}

#top-navigation ul li a {
    line-height: 40px;
    font-size: 20px;
    color: #FFF;
}

#top-navigation ul li a:hover {
    border-bottom: 1px solid #731400;
}


#headerimg {
    padding-top: 12px;
    padding-left: 20px;
}

#headerimg h1 a {
    color: #440801;
    font-size: 35px;
}

.description {
    padding-left: 30px;
    color: #000000;
    font-weight: bold;
}

/*-------------Headings-------------*/
h1, h2, h3, h4, h5, h6 {
}

h1 {

}

h2 {

}

h3 {

}

h4 {

}

h5 {

}

/*-------------The Post-------------*/

.post h2 a:hover, .post h2 a:visited, .post h2 a {
    color: #000;
    font-family: Georgia, sans-serif;
    font-size: 20px;
}

.post h2 {
    border-bottom: 1px solid #000;
}


.post {
    margin-bottom: 10px;
}

.post .date {
    float: left;
    background: url(images/date.png);
    width: 62px;
    height: 76px;
    color: #FFF;
}

.post .date em {
    display: block;
    text-align: center;
}

.post .date em.month {
    font-size: 10px;
    padding-top: 8px;
}

.post .date em.day {
    font-size: 40px;
    color: #000;
}

.post .postentry {
    float: right;
    width: 460px;
    padding-right: 10px;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.post .postentry small {
    font-size: 11px;
}

.post p {
    margin-bottom: 5px;
}

.post a {

}

.post ul {
    padding-left: 15px;
}

.post ol {
    padding-left: 20px;
}

.post li {

}

.entry {
    margin-top: 5px;
    line-height: 16px;
}

.entrytext {
    font-size: 11px;
}


}

.navigation {
    margin-bottom: 5px;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}

.center {

}

.pagetitle {

}

blockquote {
    font-style: italic
    padding: 5px;
}

cite {

}

a img {

}

acronym, abbr {

}

.josh {
    color:000000;
    padding:5px;
}
.josh a {
    color:000000;
}
.josh a:hover {
    color:000000;
}
/*--------------Sidebar------------*/

#sidebar ul {
    list-style: none;
}

#sidebar ul h2 {
    height: 30px;
    padding-top:10px;
    padding-left: 2px;
    background: #FFF url(images/menu-heading.gif) no-repeat bottom right;
    border-bottom: 1px solid #000;
    font-size: 20px;
}

#sidebar ul li {

}

#sidebar ul ul {

}

#sidebar ul ul li {
    border-bottom: 1px solid #000;
}

#sidebar ul ul ul {

}

#sidebar p {

}

#sidebar a {
    display: block;
    padding: 10px 5px;
    background-color: #f4f4f4;
    color: #000;
    font-size: 14px;
}

#sidebar a:hover {
    background-color: #660000;
    color: #FFF;
}

#sidebar a:visited {

}


/*--------------Comments--------------*/

ol.commentlist {
    list-style-type: none;
    font-size: 11px;
}

ol.commentlist li {
    margin-bottom: 10px;
}

ol.commentlist li.alt {

}

ol.commentlist a {

}

ol.commentlist blockquote {
    font-style: italic;
    margin-bottom: 5px;
    padding: 5px;
}

ol.commentlist p {
    padding: 0 5px;
}

small.commentmetadata {

}

#commentform p {
    margin: 0 0 3px 0;
    font-size: 12px;
}

#author, #email, #url, textarea#comment {
    border: 1px solid #73514A;
    background-color: #f4f4f4;
    padding: 2px;
}

textarea#comment {
    width: 100%;
}
/*--------------Search Form-------------*/

#searchform div {
    background: url(images/search-background.png) repeat-x;
    padding: 8px;
    width: 180px;
    margin-right: 10px;
    float: left;
}

#searchform input {
}

#searchform #searchsubmit {
}

#searchform #s {
    width: 170px;
    padding: 3px;
    background: #FFF url(images/search-mag.png) no-repeat right;
}


/*-------------Calendar-----------------*/

#wp-calendar {

}

#wp-calendar th {

}

#wp-calendar a {

}

#prev a, #next a {

}

#wp-calendar caption {

}

/*-------------Images------------------*/




/*-------------Other------------------*/
#footer p {
    font-size: 12px;
    text-align: center;
}


.clear {
    clear: both;
}

