/*  
Theme Name: ChaoticSoul
Theme URI: http://sandbox.avalonstar.com/
Description: An old version of the beloved Avalonstar, remade into a WordPress theme.
Version: 1.0.1
Author: Bryan Veloso
Author URI: http://avalonstar.com/

Ported to CPG  by: Billy Bullock
Porter URI: http://www.billygbullock.com
Coppermine Theme Version: 1.0.0
Tested on CPG v1.4.10
*/

body {
background-color : #161410;
color : #999;
font : 62.5%/125% 'Trebuchet MS', Times New Roman;
margin : 0;
padding : 0;
}
hr {
background-color : #22201d;
color : #22201d;
border : 1px solid #363430;
height : 10px;
margin : 10px 0;
width : 860px;
}
a:link, a:visited, a:active {
color : #d8d7d3;
text-decoration : none;
}
a:hover {
color : #fff;
text-decoration : none;
}
ul {
list-style : none;
}
#page {
margin : 25px auto 25px;
padding : 0;
width : 860px;
}
#header {
text-align : center;
margin-top : 5px;
}
#wrapper, #headerimg {
width : 860px;
}
#wrapper {
background : url('images/content_bkg.gif') repeat-y top left;
}
.image_header {
background : #22201d url('images/image_left.png');
border : 1px solid #363430;
height : 149px;
width : 421px;
}
.bkgleft {
background : url('images/image_left.jpg');
float : left;
}
.bkgright {
background : url('images/image_right.jpg');
float : right;
}
#footer {
font-family : Georgia, 'Times New Roman', serif;
color : #999;
}
#content, #sidebar {
border-left : 1px solid #363430;
border-right : 1px solid #363430;
padding : 0 10px;
}
#content {
float : left;
font-size : 1.1em;
width : 617px;
}
#content h2 {
margin : 0 0 10px;
}
#content p {
line-height : 1.5em;
}
#sidebar {
border-left : 0;
float : right;
width : 200px;
}
#sidebar h3 {
color : #bd934f;
margin : 15px 0 5px;
font-variant : small-caps;
font-size : 1.1em;
}
#sidebar ul {
margin : 0 0 10px;
padding : 0;
border-top : 1px solid #363430;
border-bottom : 1px solid #363430;
}
#sidebar li {
display : block;
padding : 4px 10px;
background : #22201d;
margin : 1px 0;
}
#sidebar li:hover {
background : #363430;
}
.post {
padding : 10px 0 0;
}
.widecolumn .post {
padding : 0;
margin : 0;
}
.top {
padding : 15px 10px 0;
background : #1b1814;
margin-bottom : 15px;
border-bottom : 1px solid #35302a;
}
.lastfive {
padding-left : 10px;
padding-right : 10px;
}
.postmetadata {
margin : 3px 0;
padding : 0;
}
.postmetadata a {
font-weight : bold;
}
#sidebar .postmetadata {
line-height : 1.5em;
}
.continue {
font-weight : bold;
font-size : 1.3em;
}
.top .entry {
font-size : 1.1em;
}
.entrytext {
padding : 0 10px 0;
line-height : 2em;
font-size : 1.1em;
}
.entrytext h2 {
border-bottom : 1px solid #bd934f;
display : block;
}
.entrytext ul {
list-style-type : square;
}
h1, h2, h3, h4, h5, h6 {
font-family : Georgia, 'Times New Roman', serif;
font-weight : normal;
}
h1 {
color : #fff;
font-size : 2em;
margin : 0 0 8px;
}
h1:before, h1:after {
content : " . . ";
color : #444;
}
h1 span {
color : #bd934f;
}
h2 {
color : #bd934f;
font-size : 1.25em;
margin : 0;
padding : 1px 0;
display : inline;
border-bottom : 1px solid #35302a;
}
.post h2 a {
color : #bd934f;
}
.post h2.first {
font-size : 1.5em;
}
.widecolumn h2.title {
display : block;
padding : 13px 10px;
background : #1b1814;
margin : 0 0 15px;
border-bottom : 1px solid #35302a;
font-size : 1.75em;
}
h3 {
font-size : 1.2em;
}
.description {
color : #666;
font-weight : bold;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-table;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
.textinput {
font-family : Times New Roman;
font-size : 0.85em;
border : 1px solid #999999;
padding-right : 3px;
padding-left : 3px;
background-color : #22201d;
color : #ffffff;
}
.clickable_option {
border-bottom : 1px dotted #999999;
cursor : default;
}
.listbox_lang {
background-color : #22201d;
color : #ffffff;
border : 1px solid #999999;
font-size : 0.9em;
font-family : Times New Roman;
vertical-align : middle;
}
.listbox {
font-family : Times New Roman;
background-color : #22201d;
font-size : 0.85em;
border : 1px solid #999999;
vertical-align : middle;
color : #ffffff;
}
.button {
font-family : Times New Roman;
font-size : 0.85em;
border : 1px solid #999999;
background-color : #22201d;
color : #ffffff;
margin-top : 0;
margin-bottom : 0;
text-align : center;
}
.button a {
display : block;
position : relative;
padding-top : 1px;
padding-bottom : 1px;
padding-left : 2px;
padding-right : 2px;
}
.button a:hover {
border : 1px solid #999999;
background-color : #22201d;
color : #ffffff;
}
.comment_button {
font-family : Times New Roman;
font-size : 0.85em;
border : 1px solid #999999;
background-color : #22201d;
color : #ffffff;
padding-left : 3px;
padding-right : 3px;
}
.radio {
font-family : Times New Roman;
font-size : 1em;
vertical-align : middle;
}
.checkbox {
font-family : Times New Roman;
font-size : 1em;
vertical-align : middle;
}
.bblink a {
color : #8090a3;
text-decoration : none;
}
.bblink a:hover {
color : #0033cc;
text-decoration : underline;
}
.admin_menu_red a {
color : #be0027;
}
.cpg_main {
height : 100%;
width : 512px;
}
.cpg_footer {
height : 100%;
width : 570px;
padding-left : 20px;
}
.graybox {
background-color : #22201d;
border-top : 1px solid #22201d;
border-bottom : 1px solid #22201d;
}
.breadlink {
border-bottom : 1px solid #57470c;
}
.maintable {
margin-top : 1px;
margin-bottom : 1px;
}
.cath1 {
padding-top : 3px;
padding-right : 10px;
padding-bottom : 3px;
}
.tableh1 {
padding-top : 3px;
padding-right : 10px;
padding-bottom : 3px;
padding-left : 15px;
}
.tableh1_compact {
padding-top : 2px;
padding-right : 5px;
padding-bottom : 2px;
padding-left : 5px;
}
.tableh2 {
padding-top : 3px;
padding-right : 10px;
padding-bottom : 3px;
padding-left : 10px;
}
.tableh2_compact {
background : #22201d;
padding-top : 2px;
padding-right : 5px;
padding-bottom : 2px;
padding-left : 5px;
}
.tableb {
padding-top : 3px;
padding-right : 10px;
padding-bottom : 3px;
padding-left : 10px;
}
.tableb_compact {
padding-top : 2px;
padding-right : 5px;
padding-bottom : 7px;
padding-left : 5px;
}
.tablef {
padding-top : 10px;
padding-right : 10px;
padding-bottom : 10px;
padding-left : 10px;
}
.catrow_noalb {
padding-top : 3px;
padding-right : 10px;
padding-bottom : 3px;
padding-left : 10px;
}
.catrow {
padding-top : 3px;
padding-right : 0;
padding-bottom : 3px;
padding-left : 0;
}
.album_stat {
font-size : 85%;
color : #555555;
margin : 5px 0;
}
.thumb_filename {
font-size : 0.9em;
display : block;
}
.thumb_title {
font-weight : bold;
font-size : 0.9em;
padding : 2px;
display : block;
}
.thumb_caption {
font-size : 0.85em;
padding : 1px;
display : block;
}
.thumb_caption a {
text-decoration : underline;
color : #aeaeae;
}
.thumb_num_comments {
font-weight : normal;
font-size : 0.85em;
padding : 2px;
font-style : normal;
display : block;
}
.user_thumb_infobox {
margin-top : 1px;
margin-bottom : 1px;
}
.user_thumb_infobox th {
font-weight : bold;
font-size : 1em;
margin-top : 1px;
margin-bottom : 1px;
text-align : center;
}
.user_thumb_infobox td {
font-size : 0.9em;
margin-top : 1px;
margin-bottom : 1px;
text-align : center;
}
.user_thumb_infobox a {
text-decoration : none;
color : #aeaeae;
}
.user_thumb_infobox a:hover {
color : #cccccc;
text-decoration : underline;
}
.sortorder_cell {
background : transparent;
color : #000000;
padding : 2px;
margin : 0;
}
.sortorder_options {
font-family : Times New Roman;
background : transparent;
color : #000000;
padding : 0;
margin : 0;
font-weight : normal;
font-size : 0.85em;
white-space : nowrap;
}
.navmenu {
font-family : Times New Roman;
color : #cccccc;
font-size : 1em;
font-weight : bold;
border-style : none;
}
.navmenu img {
margin-top : 1px;
margin-right : 5px;
margin-bottom : 1px;
margin-left : 5px;
}
.navmenu a {
position : relative;
display : block;
padding-top : 2px;
padding-right : 5px;
padding-bottom : 2px;
padding-left : 5px;
text-decoration : none;
color : #aeaeae;
}
.navmenu a:hover {
background : #22201d;
text-decoration : none;
color : #ffffff;
}
.admin_menu_thumb {
font-family : Times New Roman;
font-size : 0.85em;
border : 1px solid #000000;
background-color : #22201d;
color : #000000;
font-weight : bold;
margin-top : 0;
margin-bottom : 0;
width : 85px;
}
.admin_menu_thumb a {
display : block;
position : relative;
padding-top : 1px;
padding-bottom : 1px;
padding-left : 10px;
padding-right : 10px;
}
.admin_menu_thumb a:hover {
border : 1px solid #000000;
background-color : #57470c;
color : #ffffff;
}
.admin_menu {
font-family : Times New Roman;
font-size : 0.85em;
border : 1px solid #000000;
background-color : #22201d;
color : #ffffff;
margin-top : 0;
margin-bottom : 0;
text-align : center;
}
.admin_menu a {
display : block;
position : relative;
padding-top : 1px;
padding-bottom : 1px;
padding-left : 2px;
padding-right : 2px;
}
.admin_menu a:hover {
background-color : #363430;
color : #ffffff;
}
td #admin_menu_anim {
background-image : url(images/button_bg_anim.gif);
}
.comment_date {
font-size : 90%;
vertical-align : middle;
}
.image {
border : 2px solid #000000;
margin : 2px;
}
.imageborder {
border : 0 solid #aaaaaa;
background-color : #ffffff;
margin-top : 20px;
margin-bottom : 20px;
margin-right : 2px;
margin-left : 2px;
}
.display_media {
padding-top : 3px;
padding-right : 10px;
padding-bottom : 3px;
padding-left : 10px;
}
.thumbnails {
padding : 5px;
}
.statlink {
color : #4c4a2f;
font-size : 1.1em;
font-family : Times New Roman;
}
.statlink a {
text-decoration : none;
}
.statlink a:hover {
text-decoration : underline;
}
.alblink {
color : #4c4a2f;
font-size : 1.4em;
font-family : Times New Roman;
font-weight : bold;
display : block;
}
.alblink a {
text-decoration : none;
}
.alblink a:hover {
text-decoration : underline;
}
.catlink {
color : #4c4a2f;
font-size : 1.2em;
font-family : Times New Roman;
font-weight : bold;
display : block;
}
.catlink a {
text-decoration : none;
}
.catlink a:hover {
text-decoration : underline;
}
.topmenu {
font-size : 100%;
margin-top : 5px;
margin-right : 5px;
}
.topmenu a {
color : #dfdfdf;
text-decoration : none;
}
.topmenu a:hover {
color : #ffffff;
text-decoration : none;
}
.topmenu td {
white-space : nowrap;
font-weight : bold;
}
.img_caption_table {
border : none;
background-color : #49525d;
width : 100%;
margin : 0;
}
.img_caption_table th {
background : #49525d;
font-size : 100%;
color : #cccccc;
padding-top : 4px;
padding-right : 10px;
padding-bottom : 4px;
padding-left : 10px;
border-top : 1px solid #394049;
}
.img_caption_table td {
background : #49525d;
padding-top : 6px;
padding-right : 10px;
padding-bottom : 6px;
padding-left : 10px;
border-top : 1px solid #394049;
white-space : normal;
}
.debug_text {
border : #bdbebd;
background-color : #efefef;
width : 100%;
margin : 0;
}
#vanity a {
display : block;
width : 57px;
height : 20px;
margin : 3px 20px;
}
#vanity img {
border : 0;
}
#v_php {
float : left;
background-image : url(../../images/powered-php.gif);
}
#v_php:hover {
background-image : url(../../images/h_powered-php.gif);
}
#v_mysql {
float : left;
background-image : url(../../images/powered-mysql.gif);
}
#v_mysql:hover {
background-image : url(../../images/h_powered-mysql.gif);
}
#v_xhtml {
float : right;
background-image : url(../../images/valid-xhtml10.gif);
}
#v_xhtml:hover {
background-image : url(../../images/h_valid-xhtml10.gif);
}
#v_css {
float : right;
background-image : url(../../images/valid-css.gif);
}
#v_css:hover {
background-image : url(../../images/h_valid-css.gif);
}
