/*
-----------------------------------------------
Title: gravityscripts blog template dku | simon
Author:   soul76 // gravitydesign
Date:  MAR 2006
History:
ver1.0 160306
ver1.1 200406
- changed :hover colors on form elements
----------------------------------------------- */

/* structure
----------------------------------------------- */

body,	html { margin: 0;	padding:0; }
  
body { background: white; color: black; }

#header {	position: relative; top: 0px; width: 700px; height: 151px; background: transparent; margin:0 0 20px 0; }

#leftcolumn { float: left; width: 500px; margin: 0; background: transparent; }

#rightcolumn {	float: right; width: 190px; background: transparent; text-align: center; }

#footer {	background: black url(img/footer.gif) bottom no-repeat;	clear: both;	height: 45px; }

#dirt1 { position: absolute; top: 0; left: -58px; width: 58px; height: 208px; background: transparent url(img/dirt_left.gif) no-repeat; }

#dirt2 { position: absolute; top: 0px; right: -31px; width: 31px; height: 508px; background: transparent url(img/dirt_right.gif) no-repeat; }

.box { background: white; padding: 5px; margin: 10px 10px 0 0; text-align: left; }

#leftcolumn .box {margin: 0 0 10px 10px; }
/* text
----------------------------------------------- */

/* headlines */

#pagecontainer h1, h2, h3 { text-transform: uppercase; height: 30px; background: black url(img/headline_bg.gif) bottom left no-repeat; color: white; font-size: 8pt; font-weight: bold; margin: 0; padding: 5px 0 0 5px; }

h1 { font-size: 9pt; }

/* paragraphs */
p { color: black; font-weight: bold; font: 8pt Arial, sans-serif; }

#footer p { padding: 20px 0 3px 0; color: #F5F5F5; text-align: center; }

.border { padding: 5px; border: 1px dotted #C8C8C8; background: #F1F1F1; }

/* other */

/* links
----------------------------------------------- */

/* basic */
a:link { color: #AC070E; }
a:visited { color: #AC070E; }
a:hover { color: #BABABA; text-decoration: none; }
a:active { color: #BABABA; text-decoration: none; }
a:focus { color: #BABABA; text-decoration: none; }

#commentstoggle { background: transparent url(img/list.gif) 0 4px no-repeat; margin: 0; padding: 0 0 2px 10px; }

#rightcolumn a { color: #616161; text-decoration: none; font-weight: bold; }
#rightcolumn a:hover { color: #999999; text-decoration: underline;  font-weight: bold; }

/* other elements
----------------------------------------------- */
img { border:none; }


/* lists
----------------------------------------------- */
#linklist, #recentlist, #articlelist {list-style-type: none;  text-align: left; margin: -2px 0 0 0; padding: 0; display: inline; }

#linklist li, #recentlist li, #articlelist li { background: white url(img/list.gif) 0 4px no-repeat; margin: 0; padding: 0 0 2px 10px; }

#articlelist li { margin: 0 0 5px 0;}


/* form elements */
input, textarea { border: 1px solid #BABABA; background: transparent; width: 350px; }
input:hover, textarea:hover { border: 1px solid #AC070E; background: transparent; width: 350px; }
button { border: 1px solid #BABABA; background: transparent; color: #BABABA; }
button:hover { border: 1px solid #AC070E; color: #AC070E; }
textarea { height: 100px; }
select, file { border: 1px solid #BABABA; }


/* comments */
.gs_comment_2 { background: #F5F5F5; display: block; margin: 5px; padding: 10px;}
.gs_comment_1 { background: white; display: block; margin: 5px; padding: 10px; }
.gs_comment_2 p, .gs_comment_1 p { margin: 0; padding: 0; }


/* forms */
#gs_form_settings { margin: 5px 0 5px 0;}

#gs_form td { padding: 5px; vertical-align: top; width: 100px; }

#gs_form table td, input, button, textarea, file, select { font: 7pt verdana, geneva, arial, sans-serif; font-weight: normal; }

#gs_rate_form { margin: 10px; }