/* Styles for gratispainternet.se */

/* body */
body
{
	margin: 0;
	padding: 0;
	font: normal 12px/1.5em "Lucida Grande", "Lucida Sans Unicode", "Lucida", "Verdana", sans-serif;
    color: #333;
    background: #9CF url(../images/body.gif) top center repeat-y;
}

a.gotolink
{
	color: #2179CE;
}
a:hover.gotolink
{
	color: #fff;	
	background-color: #1A74BA;
	text-decoration: none;
}

.error
{
	color: Red;
}

/* Wrapper */
#wrapper 
{
	background-color: #FFF;
    width: 799px;
    margin: 0 auto;
    padding: 0 8px 0 8px;
    color: #333;
}

/* Header */
#header 
{
	margin: 10px 0 10px 0;
}
#header img
{
	border: 0;
}

/* Content */
#content
{
	color: #333;
	background-color: #FFF;
	margin: 0 28%;
}
#content h1
{
    color:#467BB0;
	background: #FFF url(../images/doth.gif) bottom left repeat-x;
	padding: 0 0 7px 0;
	font: bold 1.4em/1.4em "Tahoma", "Verdana", sans-serif;
}

/* Left bar */
#leftbar
{
	color: #fff;
	background: #4790D6 url(../images/leftbg.gif) top left no-repeat;
	float: left;
	height: 100%;
	margin: 10px 0;
	padding: 15px;
	width: 200px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px; /* actual value */
}
html>body #leftbar 
{
	width: 170px;
}
#leftbar h2
{	
	background: url(../images/dothblue.gif) bottom left repeat-x;
	padding: 0 0 7px 0;
	font: bold 14px/14px "Tahoma", "Verdana", sans-serif;
}
#leftbar a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: Transparent;	
}
#leftbar a:hover
{
	color: #4790D6;
	background-color: #fff;
}

/* Left newsletter bar */
#leftnewsletterbar
{
	clear: left;
	color: #fff;
	background: #579900 url(../images/leftnewsletterbg.gif) top left no-repeat;
	float: left;
	height: 100%;
	margin: 10px 0;
	padding: 15px;
	width: 200px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px; /* actual value */
}
html>body #leftnewsletterbar 
{
	width: 170px;
}
#leftnewsletterbar h2
{	
	background: url(../images/dothblue.gif) bottom left repeat-x;
	padding: 0 0 7px 0;
	font: bold 14px/14px "Tahoma", "Verdana", sans-serif;
}

/* Right bar */
#rightbar
{
	color: #fff;
	background: #CB3332 url(../images/rightbar.gif) top left no-repeat;
	float: right;
	height: 100%;
	margin: 10px 0;
	padding: 15px;	
	width: 200px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px; /* actual value */
}
html>body #rightbar 
{
	width: 170px;
}
#rightbar h2
{	
    color: #fff;
	background: url(../images/dothred.gif) bottom left repeat-x;
	padding: 0 0 7px 0;
	font: bold 14px/14px "Tahoma", "Verdana", sans-serif;
}
#rightbar ul
{
	margin: 0;
	padding: 0 0 0 15px;
	list-style: none;
}
#rightbar a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#rightbar a:hover
{
	text-decoration: underline;
}

/* Right ad bar */
#rightadbar
{
	background: #CB3332 url(../images/rightbar.gif) top left no-repeat;
	clear: right;
	color: #fff;
	float: right;
	height: 100%;
	margin: 10px 0;
	padding: 15px;	
	width: 200px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 170px; /* actual value */
}

/* Footer */
#footer
{
	background: url(../images/footer.gif) top left no-repeat;
	padding: 20px;
	clear: both;
    color: #fff;
	width: 798px; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 758px; /* actual value */
}
#footer a
{
	color: #fff;
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}

/* Offer listing */
dl.offer dd 
{
	margin: 0;
}
dl.offer dt
{
	background: url(../images/post.gif) no-repeat 0 3px;
	padding: 0 0 0 16px;
}
dl.offer dt a 
{
	font-weight: bold;
	color: #F60;
}
dl.offer dt a:hover
{
	font-weight: bold;
	color: #1A74BA;
	/*color: #fff;
	background-color: #1A74BA;
	text-decoration: none;*/
}
dl.offer dd ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
dl.offer dd ul li
{
	display: inline;
}
dl.offer dd ul li.category {
	background: url(../images/category.gif) no-repeat 0 3px;
	color: #999;
	font-size: 92%;
	margin: 4px 0;
	padding: 0 0 10px 13px;
}
dl.offer dd ul li.category a {
	color: #999;
	text-decoration: none;
}
dl.offer dd ul li.category a:hover {
	color: #999;
	text-decoration: underline;
}
dl.offer a.readmore
{
	color: #2179CE;
}
dl.offer a:hover.readmore
{
	color: #fff;	
	background-color: #1A74BA;
	text-decoration: none;
}

/* Offer details */
#details h1
{
    color:#467BB0;
	background: none;
	padding: 0 0 7px 0;
	font: bold 1.4em/1.4em "Tahoma", "Verdana", sans-serif;
}
#details ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#details ul li
{
	display: inline;
}
#details ul li.category {
	background: url(../images/category.gif) no-repeat 0 3px;
	color: #999;
	font-size: 92%;
	margin: 4px 0;
	padding: 0 0 10px 13px;
}
#details ul li.category a {
	color: #999;
	text-decoration: none;
}
#details ul li.category a:hover {
	color: #999;
	text-decoration: underline;
}

/* Contact form */
#contactform 
{
	background:#f2f2f2;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:15px;
}
#contactform h2 {
    font-size:1.4em;
    color:#467BB0;
}
input {
    font-size:1.2em;
}
#contactform p 
{
	color:#000;
    font-weight:normal;
}
#contactform label {
    color:#000;
    font-weight:normal;
    font-size:1.1em;
}
textarea {
    font-size:1.2em;
	font-family:arial, sans-serif;
	border-top:solid 1px #aaa;
    border-left:solid 1px #aaa;
	border-bottom:solid 1px #eee;
    border-right:solid 1px #eee;
    background:#fff;
    color:#000;
    padding:2px;
}
textarea:focus, select:focus, input:focus {
    background:#ffe;
}
input.button {
    cursor:pointer;
    margin-top:5px;
    font-size:.9em;
    color:#666;
    font-weight:bold;
    padding:5px;
}
