﻿/*

Theme Name: DFire



*/



body {

	font-family: serif;

	font-size: 12px;

	color: #FFFFFF;

	text-align: center;

	background: #E1B26B url("images/bg.gif");

	margin: 0; 

	padding: 0;

	}



/* Design Containers and Specifications */



#wrap {

	background: url("images/bgtp.gif") repeat-x;

	width: 100%;

	margin: 0;

	padding: 0;

	border: 0;

	float: left;

	}



#keep {

	width: 965px;

	clear: left;

	margin: 0 auto; 

	}



hr {

	background-color: #22201d;

	color: #22201d; /* for coloring the background in IE7 */

}

	

#outside { 

	background: #B5B6B4 url("images/bgcon.gif") repeat-y top center; 

	width: 965px;

	float: right;

	}



#inside { 

	background: url("images/bghead.gif") no-repeat top center; 

	width: 965px; 

	clear: both;

	}



#holder {

	margin-left: 30px;

	margin-right: 38px;

	width: 898px;

	padding: 0;

	}



* html #holder {

	margin-left: 15px; 

	float: left;

	}



#search {

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

	width: 272px;

	height: 53px;

	float: left;

	text-align: left;

	}



#cpgtitle {

	background: url("images/title.jpg") no-repeat; 

	width: 626px;

	height: 53px;

	text-align: right;

	float: right;

	}



#menu {

	background: url("images/menu.jpg") no-repeat; 

	width: 685px;

	height: 125px;

	float: left;

	text-align: left;

	}



#tree {

	background: url("images/tree.jpg") no-repeat; 

	width: 213px;

	height: 153px;

	float: right;

	}



#content {

	width: 865px;

	margin-left: 20px;

	float: left;

	text-align: justify;

	font-size: 13px;

	color: #aaaaff;

	font-family: "times new roman", georgia, serif;

	overflow: auto;

	overflow-y: hidden;

	overflow-x: auto;

	/* overflow-x: auto;  handle overflow with scrollbar */

	}



* html #content {

	margin-left: 15px;

	width: 610px;

	}



#sidebar {

	width: 205px;

	float: right;

	text-align: left;

	margin: 0 35px 15px 0;

	}



* html #sidebar {

	margin: 0px;

	}



#footer {

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

	width: 898px;

	height: 83px;

	clear: both;

	font-family: "agency fb", arial, helvetica, sans-serif;

	}



/* Headers */



h4 {

	background: url("images/sidebg.jpg") no-repeat bottom; 

	width: 198px;

	height: 28px;

	text-transform: lowercase;

	margin: 0px;

	padding-right: 50px;

	color: #E5B655;

	font-size: 18px;

	text-align: right;

	font-family: "times new roman", georgia, serif;

	}



* html h4 {

	padding: 0 50px 0 0;

	}



h3 {

	color: #F3F1B7;

	font-size: 18px;

	font-family: "agency fb", sans-serif;

	font-weight: bold;

	padding: 0;

	margin: 0;

	}



h1, h1 a:link, h1 a:visited {

	color: #FFA303;

	font-size: 16px;

	font-family: "times new roman", serif;

	text-transform: uppercase;

	font-weight: bold;

	padding: 0;

	margin: 7px 0 0 0;

	text-decoration: none;

	}

	

.id {

	color: #686C24;

	padding-right: 3px;

	}



h2 {

	font-weight: bold;

	padding: 0;

	margin: 0 0 0 0;

	color: #FFFED9;

	font-size: 14px;

	text-align: left;

	font-family: "tw cent mt", arial, helvetica, sans-serif;

	}



h2 a:link, h2 a:visited {

	color: #A12600;

	text-decoration: none;

	}



h2 a:hover {

	color: #DF3500;

	text-decoration: none;

	}



h6 {

	padding: 0;

	margin: 0;

	font-size: 35px;

	float: right;

	text-align: right;

	color: #222;

	}



.btitle a:link, .btitle a:visited {

	padding: 0 25px 0 0;

	color: #FFA052;

	font-size: 30px;

	font-family: "trebuchet ms", sans-serif;

	text-decoration: none;

	}



.stitle {

	padding: 0 10px 0 0; 

	color: #FFFFFF; 

	font-size: 12px;

	font-family: arial;

	font-weight: bold;

	font-style: italic;

	}



.tinfo {

	color: #D4C082;

	font-size: 14px;

	font-family: "times new roman", serif;

	text-transform: uppercase;

	border-bottom: #4E370F 1px solid;

	padding: 0 0 3px 0;

	}



/* Top Search */



#sform {

	padding: 15px 0 0 0;

	margin: 0;

	}



#search input { 

	width: 90px; 
	
	text-align: left;

	font-size: 10px; 

	color: #CCC;

	font-family: trebuchet ms, arial, sans-serif;

	background:#1A1A1A;

	border: #414141 1px solid;

	}



#search input:focus {

	border:#2E2E2E 1px solid;

	}



#simage {

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

	width: 39px;

	height: 23px;

	}



/* Top Menu*/



#menu ul { 

	list-style-type: none;

	margin: 125px 0px 20px 0;

	padding: 0;

	}



#menu ul li {

	display: inline;

	text-transform: lowercase;

	}

	



#menu ul li a { 

	text-decoration: none;

	color: #aaaaaa;

	font-weight: bold;

	font-size: 13px;

	font-family: verdana, tahoma, sans-serif;

	padding: 63px 13px 0 13px;

	font-weight: bold;

	}



#menu ul li a:hover {


	color: #FFF;

	border-bottom: #99280A 5px solid;

	text-decoration: none;



	}



/* Side Navigation */



.navigate {

	padding: 10px 0 30px 35px;

	font-size: 10px;

	font-family: verdana, sans-serif;

	}



.navigate ul {

	list-style-type: none;

	font-size: 11px;

	padding: 0;

	margin: 0;

	}



.navigate li a { 

	background: url("images/arw.gif") no-repeat top left; 

	text-decoration: none;

	display: block;

	color: #7F8062;

	border-bottom: #1F270B 1px solid;

	padding: 4px 0 4px 21px;

	margin: 0;

	}



* html .navigate li a { 

	height: 13px;

	}



.navigate li a:hover { 

	background: url("images/arw2.gif") no-repeat top left; 

	text-decoration: none;

	color: #F7FABF;

	}



.navigate li li a { 

	background: url("images/sub.gif") no-repeat top left; 

	text-decoration: none;

	display: block;

	color: #7F8062;

	border-bottom: #1F270B 1px solid;

	padding: 4px 0 4px 41px;

	margin: 0;

	}



.navigate li li a:hover { 

	background: url("images/sub2.gif") no-repeat top left; 

	text-decoration: none;

	color: #F7FABF;

	}



/* Posts */



.info {

	background: #3A130A;

	-moz-border-radius: 10px;

	color: #bbbbbb;

	font-family: verdana, sans-serif;

	font-size: 11px;

	text-align: left;

	padding: 7px;

	margin: 15px 0 50px 0;

	}



.info a:hover, .info a:visited {

	color: #FFA052;

	text-decoration: none;

	}

	

.info a:link, .info a:visited {

	color: #FFFFFF;

	text-decoration: none;

	}



/* Footer Styles */



.credits {

	text-align: center;

	padding-top: 30px;

	color: #A1A1A1;

	font-size: 12px;

	}

.credits ul li {

	display: inline;

	text-transform: lowercase;

	}	

#footer a:link, #footer a:visited {

	color: #A1A1A1;

	text-decoration: none;

	}



#footer a:hover {

	color: #E1E1E1;

	text-decoration: none;

	}



/* Miscellaneous */



img {

	border: 0;

	}



a:link, a:visited {

	color: #AAAF54;

	text-decoration: none;

	}



a:hover, a:active {

	color: #C3C963;

	}



input:focus, textarea:focus {

	border: #2E2E2E 1px solid;

	}



small {

	color: #555;

	font-family: arial, helvetica, sans-serif;

	}



label {

	color: #555;

	font-size: 10px;

	}



table {

	font-family: verdana, tahoma, sans-serif;

	font-size: 12px;

	}



.textinput {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 0.85em;

        border: 1px solid #999999;

        padding-right: 3px;

        padding-left: 3px;

        background-color : #FFFFFF;

        color:#222233;

}



.clickable_option {

        border-bottom : 1px dotted #999999;

        cursor : default;

}



.listbox_lang {

        background-color : #FFFFFF;

        color:#222233;

        border: 1px solid #999999;

        font-size: 0.90em;

        font-family: Arial, Helvetica, sans-serif;

        vertical-align : middle;

}



.listbox {

        font-family: Verdana, Arial, Arial, Helvetica, sans-serif;

        background-color : #ffffff;

        font-size: 0.85em;

        border: 1px solid #999999;

        vertical-align : middle;

        color:#111111;

}



.button {

        font-family: Verdana, Helvetica, sans-serif;

        font-size: 0.85em;

        border: 1px solid #999999;

        background-color : #22201D;

        color:#ffffff;

        margin-top: 0px;

        margin-bottom: 0px;

        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: Arial, Helvetica, sans-serif;

        font-size: 0.85em;

        border: 1px solid #999999;

        background-color : #22201D;

        color:#ffffff;

        padding-left: 3px;

        padding-right: 3px;

}



.radio {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        font-size: 1em;

        vertical-align : middle;

}



.checkbox {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        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;

	overflow-x: auto; /* handle overflow with scrollbar */

}



.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: 0px;

        padding-bottom: 3px;

        padding-left: 0px;

}



.album_stat {

        font-size : 85%;

        color: #555555;

        margin: 5px 0px;

}



.thumb_filename {

        font-size: 0.90em;

        display: block;

}



.thumb_title {

        font-weight : bold;

        font-size: 0.90em;

        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.90em;

        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: 0px;

}

.sortorder_options {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        background : transparent;

        color : #000000;

        padding: 0px;

        margin: 0px;

        font-weight: normal;

        font-size: 0.85em;

        white-space: nowrap;

}





.navmenu {

        font-family: Verdana, Arial, Helvetica, sans-serif;

        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: Verdana, Helvetica, sans-serif;

        font-size: 0.85em;

        border: 1px solid #000000;

        background-color : #22201D;

        color:#000000;

        font-weight: bold;

        margin-top: 0px;

        margin-bottom: 0px;

        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: Verdana, Helvetica, sans-serif;

        font-size: 0.85em;

        border: 1px solid #000000;

        background-color : #22201D;

        color:#FFFFFF;

        margin-top: 0px;

        margin-bottom: 0px;

        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;

}



.image a:hover { filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5; opacity:0.5; }



.imageborder {

        border: 0px 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;

}



.thumbnails a:hover img { filter:alpha(opacity=50); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: .5; opacity:0.5; }



.breadlink (

        color: #657172;

        font-size: 0.90em;	

	    font-family: tahoma, arial, Microsoft Sans Serif;

}



.statlink {

        color: #4C4A2F;

        font-size: 1.1em;	

	    font-family: tahoma, arial, Microsoft Sans Serif;

}



.statlink a {

        text-decoration: none;

}



.statlink a:hover {

        text-decoration: underline;

}



.alblink {

		color:#4C4A2F;

	    font-size:1.4em;

	    font-family:tahoma, arial, Microsoft Sans Serif;

	    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:tahoma, arial, Microsoft Sans Serif;

	    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 : 0px;

}



.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 : 0px;

}



#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);}
