/*

Theme Name: Swirly Black Theme

Theme URI: http://www.swirlyspace.com/

Description: 2 columns, left sidebar, rounded corners and fixed width. Tested on Firefox, Safari, Chrome, Internet Explorer 7 and Opera.

Version: 1.0

Author: SwirlySpace AB

Author URI: http://www.swirlyspace.com/

Tags: black, gray, 2 columns, rounded corners, left sidebar, fixed width

*/







/* General */



body {

margin: 0;

background: #808080;

}



h1, h2, h3, h4 {

margin: 0;

}



img {

border: 0;

}



.clear {

clear: both;

height: 0;

overflow: hidden;

}





/* Page */



#page {

margin: 0 auto;

width: 1004px;

/*background: url("images/page.jpg") no-repeat;*/
background: url("images/Header5.png") no-repeat;
}





/* Header */



#header {

width: 1004px;

height: 200px; /* Original height: 510 */

position: relative;

}



/* Header - Info */



#header #header-info {

position: absolute;

top: 25px;

left: 37px;

width: 930px;

text-align: right;

}



#header #header-info h1 {

/*color: #cfcdcd;*/
color: #1010ff;
/*color: #FFFFFF;*/

font: normal 40px Verdana;

padding-bottom: 5px;

}



#header #header-info h1 a {

/*color: #cfcdcd;*/
color: #1010ff;

text-decoration: none;

}



#header #header-info .description {

/*color: #cfcdcd;*/
color: #1010ff;

font: normal 20px Verdana;

}



/* Header - Menu */



#header #header-menu {

position: absolute;

top: 150px; /* Original: 461 */

left: 22px;

width: 964px;

height: 35px;

}



#header #header-menu ul {

margin: 0;

padding: 0;

list-style-type: none;

width: 984px;

height: 35px;

}



#header #header-menu ul li {

float: left;

width: 125px;

height: 35px;

margin-right: 14px;

font: normal 18px/35px Verdana;

/*color: #cfcdcd;*/
color: #FFFFFF;

text-align: center;

background: url("images/MenuButton.png") no-repeat;

}



#header #header-menu ul li a {

/*color: #cfcdcd;*/
color: #FFFFFF;

text-decoration: none;

display: block;

}



#header #header-menu ul li a:hover {

color: #000000;

background: url("images/MenuButtonHover.png") no-repeat;

}



/* Header - Menu - Active */



#header #header-menu ul li.current_page_item a {

color: #000000;

background: url("images/MenuButtonHover.png") no-repeat;

}



/* Header - Menu - Submenu */



#header #header-menu ul li ul {

display: none;

}





/* Main */



#main {

width: 1003px;

padding-left: 1px;

margin-top: 10px;
}



/* Main - Content */



#content {

float: left;

width: 766px;

}



#sections {

}


#sections #sections-separator {

height: 5px;

}



#section {

/*background-color: white;*/

width: 766px;

}



#section #section-header {

/*
background-color: green;

height: 40px;
*/

position: relative;

}



#section #section-body {

/*background-color: yellow;*/

}

#section #section-body #section-body-container {
}

#section #section-footer {

/*
background-color: red;

*/
height: 10px;

}



/* Main - Content - Post */



#content .post {

float: left;

margin-left: 1px;

margin-bottom: 1px;

width: 764px;

}



/* Post - Title */



#content .post .post-title {

width: 720px;
/*height: 42px;*/

padding: 16px 16px 0 30px;

background: url("images/post_title.png") no-repeat;

color: #999898;

font: bold 18px Verdana;

}



#content .post .post-title a {

color: #999898;

text-decoration: none;

}



#content .post .post-title a:hover {

text-decoration: underline;

}



#content .post .post-title .post-date {

float: left;

text-align: center;

text-transform: lowercase;

color: #7e7e7e;

width: 52px;

/*height: 52px;*/

font: normal 20px Verdana;

background: url("images/post_date.gif") no-repeat;

margin-right: 10px;

}



#content .post .post-title .post-date span {

padding: 1px 0 3px 0;

font: bold 14px/18px Verdana;

color: #000000;

display: block;

}



#content .post .post-title h2 {

/*color: #999898;*/
color: #FFFFFF;

font: normal 20px Verdana;

padding: 1px 0;

}



#content .post .post-title h2 a {

/*color: #999898;*/
color: #FFFFFF;

text-decoration: none;

}



#content .post .post-title h2 a:hover {

text-decoration: underline;

}



#content .post .post-title .post-title-info {

padding-top: 4px;

}



/* Post - Entry */



#content .post .post-entry-container {

padding: 7px 17px 7px 17px;

width: 732px;

background: url("images/post_entry.png") repeat-y scroll 0 0;
}

#content .post .post-entry {

padding: 0px 6px 0px 14px;

width: 712px;

font: normal 12px/19px Verdana;

color: #7a7a7a;

}

#content .post .post-entry .question {

font: bold 12px/19px Verdana;

color: #eeeeee;

}

#content .post .post-entry strong {

/*color: #999898;*/
color: #FFFFFF;
font: normal 12px Verdana;

}

#content .post .post-entry h1 {

/*color: #999898;*/
color: #FFFFFF;

font: normal 20px Verdana;

padding: 1px 0;

}

#content .post .post-entry h1 a {

/*color: #999898;*/
color: #FFFFFF;

font: normal 20px Verdana;

padding: 1px 0;

}

#content .post .post-entry h2 {

/*color: #999898;*/
color: #FFFFFF;

font: normal 18px Verdana;

padding: 1px 0;

}

#content .post .post-entry h2 a {

/*color: #999898;*/
color: #FFFFFF;

font: normal 18px Verdana;

padding: 1px 0;

}

#content .post .post-entry a {

color: #cfcdcd;

text-decoration: none;

}



#content .post .post-entry a:hover {

text-decoration: underline;

}



#content .post .post-entry a.more-link {

font-weight: bold;

}



#content .post .post-entry blockquote {

border-left: 10px solid #1c1c1c;

margin: 0px 30px;

padding-left: 15px;

}



/* Post - Info */



#content .post .post-info {

clear: both;

padding: 0 17px 17px 17px;

text-align: right;

background: url("images/post_bottom.png") no-repeat left bottom;

width: 732px;

font: bold 12px Verdana;





color: #999898;

}

#content .post .post-entry-footer {

clear: both;

padding: 0 17px 17px 17px;

text-align: right;

background: url("images/post_bottom.png") no-repeat left bottom;

width: 732px;

font: bold 12px Verdana;


color: #999898;

}







#content .post .post-info a {

color: #999898;

text-decoration: none;

}



#content .post .post-info a:hover {

text-decoration: underline;

}



/* Post - Bottom */



#content .post .post-bottom {

clear: both;

width: 764px;

height: 17px;

background: url("images/post_bottom.png") no-repeat left bottom;

}



/* Post - Subtitle */



#content .post h3 {

margin: 20px 0 5px 0;

color: #999898;

font: bold 15px Verdana;

}



/* Post - Comments */



#content .post .comments {

width: 732px;

font: normal 12px/19px Verdana;

color: #7a7a7a;

}



#content .post .comments ol {

margin: 10px 0;

padding-left: 25px;

}



#content .post .comments ol li {

padding: 5px;

}



#content .post .comments ol li a {

color: #cfcdcd;

text-decoration: none;

}



#content .post .comments ol li a:hover {

text-decoration: underline;

}



#content .post .comments ol li.alt {

background: #1c1c1c;

}



#content .post .comments ol li cite {

color: #cfcdcd;

font-style: normal;

font-weight: bold;

}



#content .post .comments ol li cite a {

color: #cfcdcd;

text-decoration: none;

}



#content .post .comments ol li cite a:hover {

text-decoration: underline;

}



#content .post .comments ol li .commentmetadata a {

color: #cfcdcd;

text-decoration: none;

}



#content .post .comments ol li .commentmetadata a:hover {

text-decoration: underline;

}



/* Post - Comment Form */



#content .post #commentform {

width: 707px;

font: normal 12px/19px Verdana;

color: #7a7a7a;

padding-left: 25px;

margin: 0;

}



#content .post #commentform a {

color: #cfcdcd;

text-decoration: none;

}



#content .post #commentform a:hover {

text-decoration: underline;

}



/* Main - Content - Navigation */



#content .navigation {

width: 766px;

color: #cfcdcd;

float: left;

}



#content .navigation a {

margin-bottom: 1px;

font: bold 12px/30px Verdana;

color: #cfcdcd;

text-decoration: none;

padding: 7px;

width: 150px;

height: 30px;

background: url("images/navigation.gif");

text-align: center;

display: block;

}



#content .navigation a:hover {

text-decoration: underline;

}



#content .navigation .navigation-previous {

float: left;

}



#content .navigation .navigation-next {

float: right;

}



/* Main - Sidebar */



#sidebar {

float: left;

width: 236px;

font: normal 12px/19px Verdana;

color: #7a7a7a;

}



#sidebar a {

color: #cfcdcd;

text-decoration: none;

}



#sidebar a:hover {

text-decoration: underline;

}



/* Main - Sidebar - Boxes */



#sidebar .sidebar-box {

width: 236px;

margin-bottom: 1px;

}



#sidebar .sidebar-box-top-notitle {

width: 236px;

background: url("images/sidebar_box_top.png") no-repeat;

}

#sidebar .sidebar-box-top-title {

width: 236px;

background: url("images/sidebar_box_title.png") no-repeat;
}


#sidebar .sidebar-box-body {

width: 236px;

background: url("images/sidebar_box.png") repeat-y;

}

#sidebar .sidebar-box-body  {

width: 236px;

background: url("images/sidebar_box.png") repeat-y;

}

#sidebar .sidebar-box-body  ul li {

padding-left: 12px;
padding-top: 5px;

display: block;

}

#sidebar .sidebar-box-body-carousel {

width: 236px;
height: 138px;

background: url("images/sidebar_box.png") repeat-y;

}

#sidebar .sidebar-box-body-carousel ul {


}

#sidebar .sidebar-box-body-carousel ul li a {

padding-left: 0px;

}

#sidebar .sidebar-box-forum {

width: 236px;

background: url("images/sidebar_box.png") repeat-y;
}

#sidebar .sidebar-box-forum ul li {

color: #999898;

font: 10px/23px Verdana;
max-width: 23em;
}

#sidebar .sidebar-box-bottom {

width: 236px;

min-height: 20px;

background: url("images/sidebar_box_bottom.png") no-repeat left bottom;

}



/* Sidebar - Titles */



#sidebar h3 {

width: 222px;

height: 35px;

padding: 7px 7px 8px 7px;

text-align: center;

font: normal 18px/35px Verdana;

/*color: #7a7a7a;*/
color: #FFFFFF;

}



/* Sidebar - Menus */



#sidebar ul {

margin: 0;

padding: 0 7px 2px 7px;

list-style-type: none;

width: 222px;

}



#sidebar ul li {

color: #999898;

font: bold 12px/23px Verdana;

}



#sidebar ul li a {

color: #999898;

text-decoration: none;

padding-left: 15px;

display: block;

height: 25px;

background: url("images/sidebar_menu.gif") no-repeat left bottom;

}



#sidebar ul li a:hover {

text-decoration: underline;

}



/* Sidebar - Menus - Submenus */



#sidebar ul li ul {

padding: 0;

}



#sidebar ul li ul li a {

padding-left: 25px;

}



/* Sidebar - Forms */



#sidebar #searchform {

margin: 0;

padding: 1px 0;

width: 236px;

text-align: center;

}



#sidebar #searchform #s {

width: 178px;

}



/* Sidebar - Tables */



#sidebar #calendar_wrap {

margin: 0 auto;

padding-bottom: 12px;

width: 144px;

}



#sidebar #calendar_wrap caption {

font-weight: bold;

}



#sidebar #calendar_wrap tbody {

text-align: right;

}



#sidebar #calendar_wrap tfoot #next {

text-align: right;

}



#sidebar #calendar_wrap #today {

font-weight: bold;

}



/* Sidebar - Texts */



#sidebar .textwidget {

padding: 0 13px 12px 13px;

}





/* Footer */



#footer {

margin: 0 auto 8px auto;

width: 989px;

height: 30px;

padding: 7px;

background: url("images/footer.png") no-repeat;

color: #7a7a7a;

font: normal 12px/30px Verdana;

text-align: center;

}



#footer a {

color: #cfcdcd;

text-decoration: none;

}



#footer a:hover {

text-decoration: underline;

}