/*

Theme Name: DarkOFluid

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

Theme ID: OFluid_custom

Description: DarkOFluid is a dark shade 2 column fluid width with round corner and nifty jquery wordpress theme.

Author: rkcorp

Author Name: Richie K

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

CSS and xhtml are copyright of dezzain studio. you are not allowed to reproduce and resell, redistribute based on

original CSS and xhtml without author permission.



*/



body {

	margin: 0px;

	padding: 0px;

	background-color: #1e1e1d;

	font-family: "Arial Narrow", "Arial Black", Arial, "Arial Unicode MS";

	font-size: small;

	color: #FFFFFF;

	background-image: url(images/bg.gif);

	background-repeat: repeat-x;

	background-position: top;

}

blockquote {

	background-image: url(images/block.gif);

	background-position: left 4px;

	clear: both;

	margin-top: 10px;

	margin-right: 30px;

	margin-bottom: 10px;

	margin-left: 10px;

	padding-top: 10px;

	padding-left: 25px;

	background-repeat: no-repeat;

	font-size: 15px;

	color: #666666;

}

code {

	display: block;

	padding: 5px;

	clear: both;

	margin-top: 10px;

	margin-right: 30px;

	margin-bottom: 10px;

	margin-left: 10px;

	font-size: 12px;

	font-family: Tahoma, "Trebuchet MS", "Arial Narrow";

	background-color: #333333;

	border: 1px solid #2C2C2C;

	color: #999999;

}



.download {

	clear: both;

	background-color: #333333;

	color: #CCCCCC;

	margin-right: 50px;

	border: 1px solid #1B1B1B;

	font-size: 14px;

	line-height: 18px;

	background-image: url(images/bck_stripe.png);

	padding-top: 6px;

	padding-right: 3px;

	padding-bottom: 6px;

	padding-left: 3px;

}

.notice {

	clear: both;

	background-color: #99CC00;

	color: #FFFFFF;

	margin-right: 50px;

	border: 1px solid #99CC00;

	font-size: 14px;

	line-height: 18px;

	background-image: url(images/bgsr4.png);

	padding-top: 6px;

	padding-right: 3px;

	padding-bottom: 6px;

	padding-left: 3px;

}

.warning {

	clear: both;

	background-color: #CC0000;

	color: #FFFFFF;

	margin-right: 50px;

	border: 1px solid #0099CC;

	font-size: 14px;

	line-height: 18px;

	background-image: url(images/body_bg_blue.gif);

	padding-top: 6px;

	padding-right: 3px;

	padding-bottom: 6px;

	padding-left: 3px;

}

img.alignleft {

	float: left;

	margin-top: 12px;

	margin-right: 5px;

	margin-bottom: 2px;

}

img.alignright {

	float: right;

	margin-top: 8px;

	margin-bottom: 5px;

	margin-left: 8px;

}

img.aligncenter {

	display: block;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 4px;

	margin-left: auto;

	clear: both;

}

.alignleft {

    float: left;

}

.alignright {

	float: right;

}

.aligncenter {

	display: block;

	clear: both;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

#fluid-wrap {

	width: 95%;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

}

#fluid-container {

	width: 100%;

	margin: 0px;

	float: left;

}

#fluid-header {

	float: left;

	width: 100%;

	text-align: left;

}

.site-config h1 {

	margin: 0px;

	float: left;

	width: 100%;

	font-size: 28px;

	color: #FFFFFF;

	font-family: NewMedia, "Arial Narrow", Tahoma;

	font-weight: normal;

	padding-top: 10px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}

.site-config h1 a:link, .site-config h1 a:visited {

	color: #FFFFFF;

	text-decoration: none;

}

.site-config h1 a:hover, .site-config h1 a:active {

	color: #CCCCCC;

	text-decoration: none;

}

.site-config p {

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

	font-size: 15px;

	color: #FFFFFF;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

.site-navigator {
	text-align: center;
	margin: 0px;
	float: left;
	width: 100%;
	padding: 0px;

}

.site-navigator ul {

	text-align: center;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style-type: none;

}



#rssfeeders a:link, #rssfeeders a:visited {

	margin: 0px;

	float: left;

	width: auto;

	padding-right: 15px;

	padding-left: 15px;

	display: block;

	text-align: center;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #FF6600;

}

#rssfeeders a:hover, #rssfeeders a:active {

	margin: 0px;

	float: left;

	width: auto;

	padding-right: 15px;

	padding-left: 15px;

	display: block;

	text-align: center;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #1E1E1D;

}



.site-navigator ul li {

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

	font-size: 14px;

	color: #eeeeee;

	font-weight: bold;

	display: inline;

	margin: 0px;

	padding: 0px;

}

.site-navigator ul li a:link, .site-navigator ul li a:visited {

	float: left;

	width: auto;

	padding-right: 15px;

	padding-left: 15px;

	display: block;

	text-align: center;

	color: #CCCCCC;

	text-decoration: none;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 0px;

}

.site-navigator ul li a:hover, .site-navigator ul li a:active {

	float: left;

	width: auto;

	padding-right: 15px;

	padding-left: 15px;

	display: block;

	text-align: center;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #333333;

	margin-top: 0px;

	margin-right: 5px;

	margin-bottom: 0px;

	margin-left: 0px;

}


#fluid-content {

	width: 100%;

	float: left;

	background-image: url(images/zz-c.gif);

	position: relative;

	height: 100%;

}

#fluid-footer {

	float: left;

	width: 100%;

	height: 16px;

	background-image: url(images/zyb-repeat.gif);

	background-repeat: repeat-x;

	background-position: top;

}

.fluid-footer-right {

	background-image: url(images/flip-r.gif);

	background-repeat: no-repeat;

	background-position: right top;

	float: right;

	height: 16px;

	width: 22px;

}



.fluid-footer-left {

	background-image: url(images/flip-l.gif);

	background-repeat: no-repeat;

	background-position: right top;

	float: left;

	height: 16px;

	width: 22px;

}

.light {

	color: #666666;

	text-decoration: none;

}

#footer-dezzain {

	float: left;

	width: 96%;

	height: 40px;

	padding-top: 10px;

	background-image: url(images/bck_stripe.png);

	font-size: 11px;

	color: #999999;

	padding-right: 2%;

	padding-left: 2%;

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

	letter-spacing: -1px;

}

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

	color: #999999;

	text-decoration: none;

}

#footer-dezzain a:hover, #footer-dezzain a:active {

	color: #CC3366;

	text-decoration: underline;

}

.site-config {
	float: left;
	width: 100%;
	height: 110px;
	margin: 0px;
	padding: 0px;

}

.site-config img {

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

}





.right-foo {

	float: right;

	width: 50%;

	text-align: right;

}

.left-foo {

	float: left;

	width: 40%;

	text-align: left;

}



.fluid-content-rfix {

	float: left;

	width: 100%;

	position: relative;

	background-image: url(images/xy-r.gif);

	background-repeat: repeat-y;

	background-position: right;

}



#fluid-top {

	float: left;

	width: 100%;

	background-image: url(images/zy-repeat.gif);

	background-repeat: repeat-x;

	height: 16px;

}

.zx-top {

	background-image: url(images/zx-t.gif);

	background-repeat: no-repeat;

	float: right;

	width: 22px;

	height: 16px;

}

.zy-top {



	background-image: url(images/zy-t.gif);

	background-repeat: no-repeat;

	float: left;

	width: 22px;

	height: 16px;

}

.xy-l {

	width: 12px;

	position: relative;

	background-image: url(images/xy-l.gif);

	background-repeat: repeat-y;

	background-position: left;

	height: 100%;

	float: left;

}

.xy-r {

	float: right;

	width: 12px;

	position: relative;

	background-image: url(images/xy-r.gif);

	background-repeat: repeat-y;

	height: 100%;

	background-position: right;

}

#fluid-content-post {

	float: left;

	width: 100%;

	position: relative;

	background-image: url(images/xy-l.gif);

	background-repeat: repeat-y;

	background-position: left;

}

#post-entry {
	float: left;
	width: 60%;
	position: relative;
	background-image: url(images/xy-l.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #363636;

}

#post-entry h1 {

	font-size: 2.3em;

	color: #FFFFFF;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	font-weight: normal;

	letter-spacing: -1px;

}

#post-entry h2 {

	font-size: 1.9em;

	color: #666666;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	font-weight: normal;

}

#post-entry h3 {

	font-size: 1.9em;

	color: #FF0099;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	font-weight: normal;

}

#post-entry h4 {

	font-size: 1.8em;

	color: #999999;

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	font-weight: normal;

}

#post-entry h1 a:link, #post-entry h1 a:visited {

	color: #CC3366;

	text-decoration: none;

}

#post-entry h1 a:hover, #post-entry h1 a:active {

	color: #CCCCCC;

	text-decoration: none;

	display: block;

}

#post-sidebars {

	float: right;

	margin: 0px;

	width: 34%;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 5px;

}


.post-seo-meta {

	float: left;

	width: 100%;

	padding-bottom: 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #414141;

}

.published-date {

	float: left;

	width: 100%;

	color: #CCCCCC;

}

.post-by {

	float: left;

	width: 100%;

	color: #CCCCCC;

}

.post-by a:link, .post-by a:visited {

	color: #B7B7B7;

	text-decoration: none;

}

.post-by a:hover, .post-by a:active {

	color: #666666;

	text-decoration: none;

}

.post-cat a:link, .post-cat a:visited {

	color: #999999;

	text-decoration: none;

}

.post-cat a:hover, .post-cat a:active {

	color: #FFFFFF;

	text-decoration: none;

}

.post-cat {

	float: left;

	width: 100%;

	color: #999999;

	font-size: 15px;

}

.comment-count {

	float: left;

	height: 30px;

	width: 90%;

	padding-left: 42px;

	background-image: url(images/com-bobble.gif);

	background-repeat: no-repeat;

	background-position: left center;

	padding-top: 3px;

	font-size: 18px;

	color: #CCCCCC;

}



.post-content {

	float: left;

	width: 100%;

	color: #FFFFFF;

	padding-top: 10px;

	padding-bottom: 10px;

	font-size: 15px;

	line-height: 22px;

}

.post-content img {

	display: block;

	padding: 3px;

	border: 1px solid #FFFFFF;

}



.post-content a:link, .post-content a:visited {

	color: #CCCCCC;

	text-decoration: underline;

}

.post-content a:hover, .post-content a:active {

	color: #999999;

	text-decoration: none;

}

.comment-count a:link, .comment-count a:visited {

	color: #999999;

	text-decoration: none;

}

.comment-count a:hover, .comment-count a:active {

	color: #FFFFFF;

	text-decoration: none;

}



.post-content p {

	margin-top: 8px;

}

.clear-fixed {

	float: left;

	height: 30px;

	width: 100%;

}

.post-navigate {

	float: left;

	width: 100%;

	padding-top: 3px;

	padding-bottom: 3px;

	font-size: 15px;

	color: #FFFFFF;

}

.rss {

	float: left;

	width: 100%;

	margin: 0px;

	padding: 0px;

	font-size: 14px;

}

.rss a:link, .rss a:visited {

	color: #999999;

	text-decoration: underline;

}

.rss a:hover, .rss a:active {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #FF6600;

}

.users {

	margin: 0px;

	float: left;

	width: 90%;

	border: 1px solid #2F2F2F;

	position: relative;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 10px;

	padding-left: 5px;

}

.users_alt {

	margin: 0px;

	float: left;

	width: 90%;

	border: 1px solid #262626;

	position: relative;

	background-color: #222222;

	padding-top: 5px;

	padding-right: 5px;

	padding-bottom: 10px;

	padding-left: 5px;

}

.avatar_box {

	margin: 0px;

	padding: 0px;

	float: left;

	height: 52px;

	width: 52px;

	position: relative;

	color: #2F2F2F;

	text-align: center;

}

.avatar_box img {

	float: left;

	height: 48px;

	width: 48px;

	margin: 0px;

	padding: 0px;

	border: 1px solid #272727;

}

.comment-box {

	float: left;

	width: 85%;

	padding-left: 5px;

}



#comment-template {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

.users a:link, .users a:visited {

	color: #999999;

	text-decoration: none;

}

.users a:hover, .users a:active {

	color: #eeeeee;

	text-decoration: underline;

}

.users_alt a:link, .users_alt a:visited {

	color: #999999;

	text-decoration: none;

}

.users_alt a:hover, .users_alt a:active {

	color: #666666;

	text-decoration: none;

}

.post-navigate a:link, .post-navigate a:visited {

	color: #CCCCCC;

	text-decoration: none;

}

.post-navigate a:hover, .post-navigate a:active {

	color: #FFFFFF;

	text-decoration: underline;

}

#search-box {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

#search-box h3 {

	float: left;

	width: 95%;

	margin-top: 10px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	font-size: 22px;

	color: #FFFFFF;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 5px;

}

.s-ttfield {

	width: 90%;

	padding: 2px;

	margin-left: 5px;

}

#search-box p {

	padding: 0px;

	float: left;

	width: 100%;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

}

#Menu form {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}



#Menu {

	float: left;

	width: 100%;

	margin: 0px;

	padding: 0px;

	list-style-type: none;

}

#Menu h3 {

	float: left;

	width: 98%;

	margin: 0px;

	font-size: 18px;

	color: #FFFFFF;

	font-family: "Futura LT Book";

	font-weight: normal;

	padding: 0px;

}

#Menu h3 a:link, #Menu h3 a:visited {

	color: #FFFFFF;

	text-decoration: none;

	display: block;

	width: 95%;

	float: left;

	background-color: #CC0066;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

}

#Menu h3 a:hover, #Menu h3 a:active {

	color: #FFFFFF;

	text-decoration: none;

	background-color: #00CCFF;

	display: block;

	float: left;

	width: 95%;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FFFFFF;

}

#Menu ul {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 98%;

	list-style-type: none;

}

#Menu ul li {

	margin: 0px;

	float: left;

	text-align: left;

	font-size: 14px;

	color: #FFFFFF;

	width: 98%;

	padding: 0px;

}

#Menu ul li a:link, #Menu ul li a:visited {

	display: block;

	margin: 0px;

	float: left;

	padding-top: 3px;

	padding-bottom: 3px;

	width: 96%;

	border: 1px solid #191919;

	color: #FFFFFF;

	text-decoration: none;

	padding-left: 7px;

	background-color: #292929;

}

#Menu ul li a:hover, #Menu ul li a:active {

	display: block;

	margin: 0px;

	float: left;

	padding-top: 3px;

	padding-bottom: 3px;

	width: 96%;

	border: 1px solid #191919;

	color: #FFFFFF;

	text-decoration: none;

	padding-left: 7px;

	background-color: #333333;

}

#design_lounge {

	float: left;

	width: 100%;

	padding-top: 15px;

	padding-bottom: 15px;

}

#design_lounge p {

	font-size: 15px;

	padding: 0px;

	float: left;

	width: 95%;

	color: #999999;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 8px;

	margin-left: 5px;

}



#design_lounge ul {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

	list-style-type: none;

}



#design_lounge h1 {

	font-size: 22px;

	font-weight: normal;

	float: left;

	width: 95%;

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 5px;

}

.design_img {

	margin-top: 0px;

	margin-right: 6px;

	margin-bottom: 6px;

	margin-left: 0px;

	display: inline;

	float: left;

}

.design_img img {

	display: block;

	float: left;

}

.design_img a:link, .design_img a:visited {



	padding: 4px;

	float: left;

	background-color: #FFFFFF;

	display: block;

	margin: 0px;

}

.design_img a:hover, .design_img a:active {



	padding: 4px;

	float: left;

	background-color: #666666;

	display: block;

	margin: 0px;

}

#comment-template form {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

#x-field {

	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

#x-field p {

	margin-top: 8px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	font-size: 14px;

	color: #FFFFFF;

}

#x-field input {

	width: 50%;

	background-color: #EFEFEF;

	border: 1px solid #666666;

	font-size: 13px;

	color: #000000;

	padding: 2px;

}

#x-field input:hover {

	width: 50%;

	background-color: #FFFFFF;

	border: 1px solid #333333;

	font-size: 13px;

	color: #000000;

	padding: 2px;

}

#y-field {



	margin: 0px;

	padding: 0px;

	float: left;

	width: 100%;

}

#y-field textarea {

	margin: 0px;

	padding: 5px;

	width: 85%;

	font-size: 13px;

	color: #000000;

	background-color: #EFEFEF;

	border: 1px solid #666666;

	height: 150px;

}



#y-field p {



	margin-top: 8px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	font-size: 14px;

	color: #FFFFFF;

}

#y-field textarea:hover {

	margin: 0px;

	padding: 5px;

	width: 85%;

	font-size: 13px;

	color: #000000;

	background-color: #FFFFFF;

	border: 1px solid #333333;

	height: 150px;

}
#Menu ul ul li a:link, #Menu ul ul li a:visited {


	display: block;

	margin: 0px;

	float: left;

	width: 100%;

	border: 1px solid #191919;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #292929;
}
#Menu ul ul li a:hover, #Menu ul ul li a:active {


	display: block;

	margin: 0px;

	float: left;

	width: 100%;

	border: 1px solid #191919;

	color: #FFFFFF;

	text-decoration: none;

	background-color: #333333;
}

#content_start {position: absolute;left: -10000px;};