/* global reset */
*{ margin: 0; padding: 0; }*
:focus, :active { outline: 0; }

body { font: .9em Georgia, "Times New Roman", Sans-Serif; background: #fff url(../images/bg.gif) repeat-x; color: #333; }
a { color: #A82A15; text-decoration: none;}
img { border: 0; }
h1 {  float: left; margin: 0 0 50px; font-size: 2em; color: #fff; }

h2 { font-size: 2.4em; font-weight: normal; margin: 0 0 20px; }
h2 a:hover { background: #A82A15; color: #fff; }
.hr { color: #ccc; }
p  { margin: 5px 0 15px; line-height: 1.6em; }
#content { text-align:center; margin: 0 auto; width: 100%; }
#top { font: 1em Verdana; float: right; margin: 0px 0 30px 0;}
	#top li { list-style: none; display: inline; }
	#top li a { float: left; padding: 6px 14px; margin: 3px 2px 0 0; color: #ccc; }
	#top li a.current { color: #fff; background: #A82A15; }
	#top li a:hover { background: #808080; color: #fff; }


#box {
	font-size: 1.5em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding: 1em;
	border: solid 1px #a4a4a4;
	height: 80%;
	width: 80%;
	margin: 5%;
	position: absolute;
	top: 5%;
	left: 5%;
	background-color: white
}
.clear{ clear: both;}
/**************************
IMAGE SPECIFIC
/*************************/
#info-box { float: right; border: 1px solid #dedede; background: #eee;}
div.subtitle { float:left; margin: 30px 0 0 -185px; font:1.5em; letter-spacing:3px; color:#B8B8B8}
#nav {width:806px; height:100px; margin:0 auto; clear:both;}
#img-container, #info-comments, #thumb-container, #archive-container {width:806px; margin:0 auto;}
h3 {font-size:1.5em; font-weight:normal; color:#A82A15;margin-bottom:10px;}
#img-description {text-align:left;}
#img-container img {border:2px solid black; margin: 1px 0 5px 5px; background: #fff url(http://glimpseatlife.ca/pblog/templates/glimpsev6/images/loading.gif) center no-repeat;}
#img-container img  {border:3px solid black;}
#uploaded-info {color:gray;text-align:right;}
#left-button {width:50%;float:left; text-align:center;margin-top:2px}
#right-button {width:50%; float:right; text-align:center;margin-top:2px}
#left-button a, #right-button a {display:block; background-color:#D6D6D6; color:#575757; letter-spacing: 3px; font:1.3em; padding:2px; margin-left:5px;}
#left-button a {padding-left:5px;}
#right-button a {padding-right:5px;}
#left-button a:hover, #right-button a:hover {background-color:#1B1B1B; color:white;}
#comment-form, #extra-info {margin:0px; text-align:left;padding: 5px;}
#comment-form {width:400px; float:left;}
#extra-info {width:380px; float:right; }
#extra-info li {border:1px solid #DBDBDB; background:#EDEDED; margin:5px 0 5px 0; padding:5px; list-style:none;}
#copyright {clear:both; padding-top:20px; color:gray;}
.form {margin:0px; padding:0px;}
.fieldset {border: 0 none; padding:3px; margin:0px; text-align:left;}
.textarea {width:380px; font-size:1em; border: 1px solid #ccc; padding:1px; margin-bottom:10px;}
.label {width:250px; letter-spacing:1px; display:block;}
.inputfield {width:250px; border: 0px none; border-bottom:1px solid #ccc; height:20px; font-size:1em; margin:5px; background:#FFFFC6;padding:1px; margin-bottom:10px;}
.button {width:100px; border:1px outset #DBDBDB; background:#EDEDED;}
.checkbox {clear:left;float:left;margin:10px; padding: 10px;}

label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-weight:bold;
	display:block;
}


/***********************
THUMBS SPECIFIC
***********************/
#thumb-container, #thumbs {padding:0px;}
#thumbs img {border:3px solid black;}
#thumbs img:hover {border:3px solid #fff}
#numbering {margin-top:20px; font-size:1em;}
#numbering a {padding:5px; border:1px solid #ccc; background:#E0E0E0; color:#202020}
#numbering a:hover {background:#202020; color:#ECECEC;}

/************************
ARCHIVE SPECIFIC
*************************/

#textArchive {text-align:left;width:45%;float:left;}
div.date {font-size:1.5em; font-weight:normal; color:#aaaaaa;margin-top:10px;border-bottom:1px solid #aaaaaa}
#tag_cloud {text-align:right;width:45%;float:right;margin-top:30px; line-height: 1.3em; word-spacing:8px}
.tags00{font-size: 8px !important;}
.tags01{font-size: 10px !important;}
.tags02{font-size: 12px !important;}
.tags03{font-size: 14px !important;}
.tags04{font-size: 16px !important;}
.tags05{font-size: 18px !important;}
.tags06{font-size: 20px !important;}
.tags07{font-size: 22px !important;}
.tags08 {font-size: 24px !important;}
.tags09 {font-size: 26px !important;}
.tags10 {font-size: 28px !important;}