/*____________________________________________________________

Some base styles for sizing/shapping etc.

____________________________________________________________*/



body{

	margin:0;

	padding:0;

	background-color:#3399CC;

	background-image:url(http://www.designmeltdown.com/v2/Images/bg_Drips.gif);

	background-repeat:no-repeat;

	background-position:top center;

}



#wrapper_bg{

	width:1024px;				 /*set site width here */

	margin:0px auto;		 	 /* site defaults to fixed width centered */

	background-image: url(http://www.designmeltdown.com/v2/Images/bg_body.jpg);

	background-repeat:repeat-y;

	background-position:top center;

	padding:0 0 0 0;

}



#wrapper{

	width:1000px;				 /*set site width here */

	/*margin-left:12px;*/		 /* site defaults to fixed width centered */

	padding:0;

	margin:0 auto 0 auto;

}







.ClearAll{

	clear:both; height:1px; line-height:0px;

}

.ClearLeft{

	clear:left; height:1px; line-height:0px;

}

.ClearRight{

	clear:Right; height:1px; line-height:0px;

}

.Divider{

	clear:both;

}



/*____________________________________________________________

Header styles

____________________________________________________________*/

#header{

	background-image:url(http://www.designmeltdown.com/v2/Images/bg_header.jpg);

	background-repeat:no-repeat; 

	height:130px;

	margin-bottom:20px;

}

#ExtraNav{

	margin-top:10px;

	float:right;

}



.logo{

	

}

#Tabs{

	

}

#LogoLink{

	width:250px;

	height:100px;

	display:block;

	float:left;

	position:relative;

}



/*____________________________________________________________

Footer styles

____________________________________________________________*/

#Footer{

	background-image:url(http://www.designmeltdown.com/v2/Images/bg_footer.jpg);

	background-repeat:no-repeat; 

	height:56px;

	

}

#Footer p{

	margin-top:20px;

}

#FooterButtons{

	float:right;

	margin:12px 8px 0 0;

	padding:0;

}

/*____________________________________________________________

Content section styles

____________________________________________________________*/



#MainContent{

	/* main content is a wrapper div to include the side bar and content*/

	

}

#Content{

	/* Content is the container with the actual content. */

	float:left;

	width:455px;

	padding-top:10px;

}

#LargeContent{

	/* Larger content container with no TOC or left col at all*/

	float:left;

	width:733px;

	padding-top:10px;

	padding-left:20px;

}



/*____________________________________________________________

Sidebar styles

____________________________________________________________*/

#LeftSideBar{

	float:left;

	width:262px;

	margin:13px 25px 0 10px;

	

	

	

}









#MainContent > #LeftSideBar{

	

	/*width:227px;

	margin:13px 25px 0 5px;		*/

}

/*____________________________________________________________

Sidebar styles

____________________________________________________________*/

.SideBar{

	float:left;

	width:200px;

	margin-left:38px;

	padding-top:0px;

	

		

}



.SideBar img{

	/*margin-bottom:12px;*/

}

	

/*____________________________________________________________

Site Suggestion Box

____________________________________________________________*/

#SiteSuggestion{

	margin-top:20px;

	margin-bottom:20px;

}



/*____________________________________________________________

Home page specific styles

____________________________________________________________*/



#HomePage{

	width:100%;

}



/*____________________________________________________________

Table of contents

____________________________________________________________*/

#TOC_layer1{

	 background-image:url(http://www.designmeltdown.com/v2/Images/toc_middle.jpg);

	 background-repeat:repeat-y;

	  background-position:left;

}


#TOC_layer2{

	background-image:url(http://www.designmeltdown.com/v2/Images/toc_top.jpg);

	 background-repeat:no-repeat;

	  background-position:top left;

}

#TOC_layer3{

	background-image:url(http://www.designmeltdown.com/v2/Images/toc_bottom.jpg);

	 background-repeat:no-repeat;

	 background-position:bottom left;

	 padding:5px 5px 15px 5px;

}

/*____________________________________________________________

Google Ads

____________________________________________________________*/



.GA_200_200{

	width:200px;

	height:200px;

	float:right;

	margin:18px 0 20px 20px;

	clear:right;

}

.GA_468_60{

	width:468px;

	height:60px;

	margin:20px auto 20px auto;

	clear:both;

}



/*____________________________________________________________

TOC Tool Tip

____________________________________________________________*/



#fixedtipdiv{

position:absolute;

padding: 0px;

border:0px solid black;

font:normal 12px Verdana;

line-height:18px;

z-index:100;

}

/*____________________________________________________________

In COPY Tool Tip

____________________________________________________________*/



#dhtmltooltip{

position: absolute;

left: -300px;

width: 150px;

border: 1px solid black;

padding: 2px;

background-color: lightyellow;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}



#dhtmlpointer{

position:absolute;

left: -300px;

z-index: 101;

visibility: hidden;

}



/*____________________________________________________________

Article Thumbnails

____________________________________________________________*/

.SampleUsage{

	/* thumb container */

	width:460px;

	margin-left:0px;

}

.RedXContainer{

	float:left;

	padding:0px;

	margin:2px 2px 8px 2px;

	overflow:hidden;

	background-repeat:no-repeat;

	width:145px;

	height:145px;

	border-width:0px;

}



.RedXLink{

	display:block;

	width:135px;

	*width:145px;

	height:105px;

	*height:115px;

	padding:0px;

	margin:0px 0px 0px 0px;

	background-color:none;

	border-color:#FFFFFF;

	border-width:5px;

	border-style:solid;	

}

.RedXLink:hover{

	background-color:none;

	border-width:5px;

	border-color:#1c8dc6;

	border-style:solid;

	background-image:none;

}

.RedXLink:visited{

	background-image:url(http://www.designmeltdown.com/v2/v2/Images/LinkVisited.gif);

	background-repeat:repeat-x;

	background-color:none;

	background-position:bottom;	

	border-color:#FF0000;

	border-width:5px;

	border-style:solid;



}



.RedXScreenShot{

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

	font-size:10px;

	text-align:center;

	display:block;

	width:135px;

	vertical-align:bottom;

}



/*____________________________________________________________

Color Gallery Styles

____________________________________________________________*/



.ColorGalleryItem, .Color_Row{

	width:200px;

	height:150px;

	float:left;

	margin: 0 5px 5px 0;

}






body{

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

	font-size:12px;

	color:#000000;	

}

/*____________________________________________________________

Basic text styles

____________________________________________________________*/

#Content p{

	line-height:160%;

	color:#333333;

	font-size:12px;

}

#Content p.mounted{

	display:none;

}



h1{

	font-family: 'arial unicode ms', 'arial', 'helvetica', 'sans serif';

	font-weight:100;

	font-size:32px;

	margin:0 0 0 0;

	padding:0;

	color:#3399CC;

}

h2{

	font-family: 'arial unicode ms', 'arial', 'helvetica', 'sans serif';

	font-weight:100;

	font-size:24px;

	margin:0;

	padding:0;

	color:#FF0000;

	clear:left;

}

h3{

	font-family: 'arial unicode ms', 'arial', 'helvetica', 'sans serif';

	font-weight:100;

	font-size:18px;

	margin:0;

	padding:0;

	color:#3399CC;

}

h4{

	font-size:16px;

	margin:0;

	padding:0;

	color:#3399CC;

}

h4.PageLeadIn{

	margin-top:15px;

}

h5{

	font-size:16px;

	margin:0;

	padding:0;

	color:#3399CC;

}

h6{

	font-size:14px;

	margin:0;

	padding:0;

	color:#3399CC;

}

legend{

	font-size:18px;

	color:#3399CC;

}



h3 a{

	text-decoration:none;

}

/*____________________________________________________________

special text colors - seems like we always need to be able to 

set some text to a certain color.

____________________________________________________________*/

.black_text{

	color:#000000;

}

.lightgrey_text{

	color:#999999;

}



/*____________________________________________________________

Header styles

____________________________________________________________*/

#ExtraNav{

	float:right;

	text-align:right;

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

	font-size:11px;

	padding-right:10px;

	font-weight:bold;

}

#ExtraNav p{

	line-height:80%;

}

#ExtraNav a{

	display:block;

	text-decoration:none;

	margin-bottom:0px;

	color:#3399CC;

	

}

#ExtraNav a:visited{

	text-decoration:none;

}

#ExtraNav a:hover{

	text-decoration:underline;

}

#ExtraNav a:active{

	text-decoration:underline;

}



/*____________________________________________________________

Footer styles

____________________________________________________________*/

#Footer p{

	padding:16px 0 0 40px;

	color:#666666;

}

#Footer a{

	

}

#Footer a:hover{

	

}



/*____________________________________________________________

SideBar Navigation styles

____________________________________________________________*/





/*____________________________________________________________

some home page specific styles

____________________________________________________________*/

#HomePage{

	font-size:11px;

}

#HomePage p{

	line-height:100%;

}

.RSSDateDisplay{

	margin:0 0 5px 0;

	padding:0;

	font-size:10px;

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

	color:#8C8C8C;

}

/*____________________________________________________________

base link styles

____________________________________________________________*/

a{

	color:#3399CC;

}

a:visited{

	color:#993300;

}

a:hover{

	text-decoration:underline;

}

a:active{



}
h1 a:visited{
	color:#3399CC;
}




/*____________________________________________________________

Table styles

I prefer to setup a special table style class that you must

apply to each table to use this formating. this way, basic

positioning tables for forms don't look all crazy. 

____________________________________________________________*/

table.TableWithStyle{



}

td{

	

}

table.TableWithStyle td{

	

}

table.TableWithStyle th{

	

}

table.TableWithStyle thead{

		

}

table.TableWithStyle thead th{

	

}

table.TableWithStyle caption{

	

}







/*____________________________________________________________

Form styles

____________________________________________________________*/

input{

	padding:4px;

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

	font-size:14px;

}

input[type="text"]{

	border:1px solid #999999;

}

textarea{

	padding:4px;

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

	font-size:12px;

	border:1px solid #999999;

}

input:focus, textarea:focus{

	border:1px solid #3399CC;

}

.button{

	font-size:14px;

}



fieldset{

	border-width:1px;

	border-style:solid;

	border-color:#999999;

}


#SponsorsList a{
	display:block;
	margin-bottom:10px;
}