/*
Theme Name: Mildreds
Theme URI:
Description: Custom WordPress theme made for Mildreds.hr
Version: 1.0
Author: devadesign - www.devadesign.biz
Author URI: http://www.devadesign.biz/
Tags:
*/

/*
	- GENERAL
	- BASIC LAYOUT
	- HEADINGS
	- MENU
	- CONTENT
		+ CONTENT LEFT
		+ CONTENT RIGHT
		+ WORDPRESS CSS
	- FORMS
	- COMMENTS
	- FOOTER
	- USEFUL

/*	##################################
   	GENERAL
	################################## */
	
body {
	position: relative;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	background:url(img/main-bcg.jpg) center repeat;
	font:14px "Trebuchet MS";
	line-height:18px;
	color:#2f1616;
}

a:link {
	color:#630000;
	text-decoration:none;
	font-weight:bold;
	outline: none;
}

a:active {
	color:#630000;
	text-decoration:none;
	font-weight:bold;
	outline: none;
}

a:visited {
	color:#630000;
	text-decoration:none;
	font-weight:bold;
	outline: none;
}

a:hover {
	color:#d24a00;
	text-decoration:none;
	font-weight:bold;
	outline: none;
}

blockquote {
	margin:0 0 0 20px;
	padding: 0 0 0 20px;
	border-left: 5px solid #f3f4f0;
}

img {
	border: none;
}

ul, ol {
	margin: 0 0 20px 20px;
	padding: 0px;
}

.style2 {
	color: #CC0000;
	font-weight: bold;
}
.style4 {
	color: #662625;
	font-weight: bold;
}

/*	##################################
   	BASIC LAYOUT
	################################## */

#header {
	position:relative;
	width:900px;
	height:222px;
	margin: 0 auto;
	background:url(img/header.png) top center no-repeat;
}

#header-index {
	position:relative;
	width:900px;
	height:222px;
	margin: 0 auto;
	background:url(img/header-index.png) top center no-repeat;
}

#content {
	width: 900px;
	height: auto;
	margin: 0px auto;
	padding: 0px;
}

#centeright{
	float:right;
	width:709px;
	margin:0 auto;
	height:auto;
	background:url(img/content-bcg.png) center top repeat-y;
}

#centerbottom {
	float:right;
	width:709px;
	margin:0;
	height:67px;
	background:url(img/content-bottom-bcg.png) no-repeat;
}

#centeright h3 {
	font:"Trebuchet MS";
	font-size:22px;
	font-weight:lighter;
	color:#630000;
	padding:0 0 17px 0;
}

#content-leftside {
	float:left;
	margin:0;
	width:191px;
	height:auto;
}

#sideup {
	width:191px;
	height:262px;
	margin:0;
	padding:10px 0px 20px 0px;
	background:url(img/nav-bcg.png) center top no-repeat;
}

#sidedown {
	width:151px;
	height:auto;
	margin:0;
	padding:0px 20px 20px 20px;
	background:url(img/side-left-bcg.png) top center repeat-y;
	color:#ffb75f;
}

#sidedown a:link {
	color:#d24a00;
	text-decoration:none;
	font-weight:normal;
	outline: none;
}

#sidedown a:visited {
	color:#d24a00;
	text-decoration:none;
	font-weight:normal;
	outline: none;
}

#sidedown a:active {
	color:#d24a00;
	text-decoration:none;
	font-weight:normal;
	outline: none;
}

#sidedown a:hover {
	color:#ffffff;
	text-decoration:none;
	font-weight:normal;
	outline: none;
}

#leftside-bottom {
	width:191px;
	height:17px;
	margin:0;
	background:url(img/side-left-bottom-bcg.png) no-repeat;
}

#content-left {
	float:left;
	width:460px;
	height:auto;
	padding: 20px ;
}

#content-right {
	float:right;
	width:180px;
	padding:20px 20px 20px 0px;
	font:"Trebuchet MS";
	font-size:11px;
	line-height:17px;
}

#footer {
	padding: 0 0 0 0;
	background-image:url(img/footer-bcg.jpg);
	background-repeat:repeat-x;
	height:79px;
	margin:0;
}

/*	##################################
   	HEADINGS
	################################## */
	
#header h1 {
	position:absolute;
	bottom:93px;
	left:819px;
	margin: 0px;
	size:auto;
}

#header h2 {
	position: absolute;
	bottom: 18px;
	left: 730px;
	margin: 0px;
	z-index:999;
}

#header-index h1 {
	position:absolute;
	bottom:93px;
	left:819px;
	margin: 0px;
	size:auto;
}

#header-index h2 {
	position: absolute;
	bottom: 18px;
	left: 730px;
	margin: 0px;
	z-index:999;
}

h1, h2, h3, h4 {
	margin:0 0 18px 0;
	color:#630000;
	font-weight:lighter;
}

h1 a:link {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h1 a:active {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h1 a:visited {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h1 a:hover {
	color:#d24a00;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h2 a:link {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h2 a:active {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h2 a:visited {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h2 a:hover {
	color:#d24a00;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h3 a:link {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h3 a:active {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h3 a:visited {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h3 a:hover {
	color:#d24a00;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h4 a:link {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h4 a:active {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h4 a:visited {
	color:#630000;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

h4 a:hover {
	color:#d24a00;
	text-decoration:none;
	font-weight:lighter;
	outline: none;
}

/*	##################################
   	MENU
	################################## */

#menu {
	position:relative;
	width: 200px;
	margin:0 auto;
	list-style:none;
}

/*	##################################
   	CONTENT
	################################## */
	
/** CONTENT LEFT */

.box-left {
	margin: 0 0 40px 0;
}

p.tags {
		clear: both;
        font:11px/11px Verdana, Tahoma, sans-serif;
}

/** CONTENT RIGHT */

#box-rss {
	display:none;
}

/*	##################################
   	FORMS
	################################## */

label {
    display: block;
    margin: 0 0 5px 0;
}

.text {
    width: 170px;
    margin: 0 0 8px 0;
	padding:2px;
    border: 1px solid #999999;
}

.textarea {
    width: 170px;
    height: 150px;
    margin:0 0 8px 0;
    padding: 2px;
    border: 1px solid #999999;
}

textarea {
    width: 170px;
    height: 150px;
    margin:0 0 8px 0;
    padding: 2px;
    border: 1px solid #999999;
}

#Image2 {
	padding:2px;
    margin:0 0 10px 0;
    border: 1px solid #999999;
}

.text2 {
    width: 170px;
	padding:2px;
    margin:0 0 8px 0;
    border: 1px solid #999999;
}

.submit {
    width: auto;
    padding: 5px;
    color: #fff;
    background:url(img/drop.jpg);
	border: 2px solid #FFFFFF;
	cursor:pointer;
}

.reset {
    width: auto;
    padding: 5px;
    color: #fff;
    background: #2f1616;
	border: 0;
	cursor:pointer;
}


/*	##################################
   	FOOTER
	################################## */

#footer p {
	width:900px;
	margin: 0 auto;
	padding: 26px 0 0 0;
	font-size:12px;
	color:#ffb75f;
	text-align:center;
}

#footer p a:link {
	color: #d24a00;
}

#footer p a:visited {
	color: #d24a00;
}

#footer p a:active {
	color: #d24a00;
}

#footer p a:hover {
	color: #FFFFFF;
}

/*	##################################
   	USEFUL
	################################## */

.clear {
	clear:both;
}

.border img{
	border:#333333 solid 1px;
}

/** WORDPRESS CSS */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
   margin: 0 10px 10px 0;
}

.alignright {
   float: right;
   margin: 0 0 10px 10px;
}

.wp-caption {
   border: 1px solid #ccc;
   text-align: center;
   background-color: #f3f4f0;
   padding-top: 4px;
}

.wp-caption img {
   float: none;
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0px;
   margin: 0px;
}

/** WIDGETS CSS */

#calendar_wrap table {
	width: 100%;
}

#calendar_wrap td {
	text-align: center;
}

#wp-calendar caption {
	margin: 0;
	padding: 0;
	background: #662625;
	color: #fff;
}

#tag_cloud {
	line-height:normal;
}

/** TT CSS */

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}