/* 
* main.css
* Milcord.com stylesheet
* Author: Dustin Burke
* Date: January 22, 2008
*/

/* ******************  Basic DOM  ************************** */
body {
	margin:0px;
	padding:0px;	
}

/* ******************  Layout and Positioning  ****************************** */

/* ** Skeletal ** */
#container {
	margin:0px;
	padding:0px;
	width:100%;

	text-align:center;
}

#header {
	margin:0px auto;	
	padding-top:10%;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:10px;
}

#main {
}

#footer {
}

/* ** Reusable Elements ** */
.centeredContents {
	margin:0px auto;
	text-align:left;
	width:750px;
	padding:0px;
}

.leftgrid {
	text-align:right;
	width:350px;
}

.widget {
	margin:0px 0px 10px 0px;
	padding:0px;
}

.textwidget-content-link {
	float:right;
}

.carousel-component {
	padding:5px 0px;
	margin:0px;
}

.shown {
	display:block;
}

.hidden {
	display:none;
}

/* ** Individual Elements ** */

#logo {
	width:150px;
}

#textwidget {
	padding:0px;
	text-align:left;
	height:270px;
	width:350px;
}

#textwidget-nav {
	text-align:center;
	margin:10px 0px;
	padding:0px;
	width:100%;
}

#textwidget-nav li {
	display:inline;
	margin:0px 0px;
}

#textwidget-content {
	margin:0px;
}

#textwidget-content li {
	text-align:left;
}


#dhtml-carousel {
	float:right;	
}

#carousel-title {
	text-align:center;
}

#tagcloudwidget {
	clear:both;
	text-align:center;
	padding:5px 5px 20px 5px;
	margin:0px;
}

#tagcloudwidget h1,h2,h3,h4,h5 {
	display:inline;
	padding:0px 5px;
	margin:0px;
}

#favicon {
	float:right;
	width:30px;
	margin-top:5px;
}

#footer {
	height:360px;
}

#footer a {
	margin:0px 5px;
}

#footer-links {
	text-align:center;
	margin:0px;
	padding:10px;
}

#footer-copyright {
	text-align:center;
	margin-top:5px; /* to match 5px margin-bottom on tagcloudwidget */
}

/* ***************** Styling and Typography********************************* */

/* ** Skeletal ** */
body {
	font-family:Verdana, sans-serif;
	background-color:#77ff77;
}

a > img {
	border:none;
}

#container {
}

#header {
	background-color:white;
}

#main {
	background:url(../images/transgrayfade_10px_300px.png) bottom repeat-x;
	background-color:white;
}

#footer {
	font-size:.8em;	
	padding:0px;
}

#footer a {
	text-decoration:none;
	color:#696969;
}

#footer a:hover {
	text-decoration:underline;
}

/* ** Reusable Widgets ** */
.centeredContents {
}

.widget {
	background-color:#efefef;
	border:1px solid #d0d0d0;
}

.textwidget-content-image {
	border:none;
	position:relative;
	top:3px;
}

.textwidget-content-link  a {
	text-decoration:none;
	font-size:11px;
	color:green;
}

.textwidget-content-link  a:hover {
	text-decoration:underline;
	color:#12de12;
}

.selected a {
	-moz-border-radius:6px;
	color:#444;
	border-top:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	border-bottom:none;
	background-color:#efefef;	
}

.unselected {
	-moz-border-radius:6px;
	color:gray;
	/*border:1px solid #dfdfdf; */
	border-top:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	border-bottom:none;
}

.unselected a {
	color:gray;
}

/* ** Individual Elements ** */
#textwidget {
	background:none;
	border:none;
	margin:0px;
	padding:1px;
}

#textwidget-content {
	-moz-border-radius:6px;
	background-color:#efefef;
	border:1px solid #d0d0d0;
	height:250px;
	padding:10px;

	font-family:Tahoma,Arial, Verdana, sans-serif;
	color:#444;
	line-height:1.4em;
	font-size:13px;
}

#textwidget-nav {
	margin:0px;
	padding:0px;
	
	font-family:Tahoma,Arial,Verdana,sans-serif;
	
}

#textwidget-nav li a {
	text-decoration:none;
	font-size:14px;
	padding:5px;
}

#textwidget-nav li a:hover {
	text-decoration:underline;
}

#tagcloudwidget {
/*	background-color:#dadada; */
	font-family:Arial, Verdana, sans-serif;
	background-color:#77ee77;
	border:1px solid #77dd77;
}

#tagcloudwidget a {
	text-decoration:none;
	color:#55bb55;
}

#tagcloudwidget a:hover {
	text-decoration:underline;
	color:#339933;
}

#tagcloudwidget h1 a {
	font-size:24px;
}

#tagcloudwidget h2 a {
	font-size:19px;
}

#tagcloudwidget h3 a {
	font-size:15px;
}

#tagcloudwidget h4 a {
	font-size:12px;
}

#tagcloudwidget h5 a {
	font-size:10px;
}


#footer {
}

#footer-links {
	font-family:Arial, Verdana, sans-serif;
	background-color:#70e670;
}

#footer-links a {
	font-size:14px;
	color:#50b650;
	font-weight:bold;
}


#footer-copyright {
	font-size:9px;
	color:#67bc67;
}

/* ***************** Utilities ****************************** */
.clear {
}



/* **************** Carousel ******************************* */

#carousel-title {
	font-family:Tahoma,Arial,Verdana,sans-serif;
	font-weight:normal;
	font-size:16px;
	color:#444;
}

.carousel-component .carousel-list li { 
	margin:10px;
	width:350px; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	/*	margin-left: auto;*/ /* for testing IE auto issue */
	height:250px;
}

.carousel-component .carousel-list li a { 
	display:block;
	border:1px solid #e2edfa;
	outline:none;
	-moz-outline:none; 
}

.carousel-component .carousel-list li a:hover { 
	border: 1px solid #98df5f;
}

.carousel-component .carousel-list li img { 
	border:1px solid #999;
	display:block; 	
}

.carousel-component .carousel-list li strong { 
	display:block; 
}

#prev-arrow { 
	position:absolute;
	top:100px;
	z-index:3;
	cursor:pointer; 
	left:2px; 
}

#next-arrow { 
	position:absolute;
	top:100px;
	z-index:3;
	cursor:pointer; 
	right:2px; 
}