/*------------------------------------------------

Theme Name: Portfolio
Theme URL: http://www.donn.se/
Author: Linnea Nordström

--------------------------------------------------  */

* {
	margin:0;
	padding:0;
	outline: none;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0; 
	color: #777;
	background: #f1f1f1 url('images/top-grad.jpg') repeat-x;

scrollbar-3dlight-color: #f1f1f1;
scrollbar-arrow-color: #db5c79;
scrollbar-base-color: #f1f1f1;
scrollbar-darkshadow-color: #f1f1f1;
scrollbar-face-color: #f1f1f1;
scrollbar-highlight-color: #f1f1f1;
scrollbar-shadow-color: #f1f1f1;

}

html { 
	overflow: -moz-scrollbars-vertical;
	overflow: -webkit-scrollbars-vertical;
}

ul, ol, ol a {
	list-style-type: none;
}

a:link, a:visited { 
	font-size: 11px;
	text-decoration: none; 
	color : #777; 
	border: none;
}

a:hover, a:active { 
	text-decoration: none; 
	color : #e15f7b; 
	border: none;
}

a img {
        float: left;
	border: none;
	padding: 2px;
}


a:hover img { }



/*-------------------- TOP, MENU --------------------*/

#top {
	width:734px;
	height:15px;
	margin:5px auto;
	padding:0;
}

#header { margin: 0 auto; padding: 0; }

#header h1 {
	margin:0;
	padding:0;
	display: none;
}

#header h1 a {
        display: block;
        background: url(images/logo-ico323n.png) no-repeat left;
        height: 15px;
}

h1, h3 { 
	font-family: Arial, Helvetica, sans-serif; 
	padding:0; 
	margin:0; 
	font-size:12px; 
	font-weight:bold;
	color: #777;
	margin-bottom: 10px;
}

.mynav {
	margin: 0 auto;
	display: block;
	width: 735px;
	height: 50px;
	padding-left: 20px;
}

a.btn_logo {
	position:relative;
	float: left;
	width: 51px;
	height: 45px;
	background: url('images/logo.png') no-repeat;
}

a:link.btn_equine, a:visited.btn_equine {
	position:relative;
	float: left;
	width: 67px;
	height: 28px;
	margin-top: 15px;
	background: url('images/equine.png');
	outline: none;
}



a:hover.btn_equine,
body#equine a:link.btn_equine, body#equine a:visited.btn_equine {
	background: url('images/equine.png');
	background-position: 0 29px;
}

a.btn_hund {
	position:relative;
	float: left;
	width: 56px;
	height: 28px;
	margin-top: 15px;
	background: url('images/hund.png');
	outline: none;
}

a:hover.btn_hund, 
body#hund a:link.btn_hund, body#hund a:visited.btn_hund {
	background: url('images/hund.png');
	background-position: 0 29px;
}

a.btn_natur {
	position:relative;
	float: left;
	width: 62px;
	height: 28px;
	margin-top: 15px;
	background: url('images/natur.png');
	outline: none;
}

a:hover.btn_natur, #natur a.btn_natur {
	background: url('images/natur.png');
	background-position: 0 29px;
}

a.btn_design {
	position:relative;
	float: left;
	width: 67px;
	height: 28px;
	margin-top: 15px;
	background: url('images/design.png');
	outline: none;
}

a:hover.btn_design, #design a.btn_design {
	background: url('images/design.png');
	background-position: 0 29px;
}

a.btn_info {
	position:relative;
	float: left;
	width: 50px;
	height: 28px;
	margin-top: 15px;
	background: url('images/info.png');
	outline: none;
}

a:hover.btn_info, #info a.btn_info {
	background: url('images/info.png');
	background-position: 0 29px;
}





/*-------------------- CONTENT, ENTRY --------------------*/

#main {
	width:735px;
	margin:0 auto;
	padding:0;
	padding-top: 0px;
}

#content {
	float: left;
	width: 735px;
	margin-top: 5px;
	margin-left: 5px; 
	border: 0;
	margin-bottom: 10px;
	color: #666;
}

.blog-entry { padding: 20px; float: left; width: 500px; }

/* IE6 margin fix */
*html #content { margin-left: 10px; }

.entry {
	float: left;
	display: block;
	width:735px;
        min-height: 450px;
	margin: 0;
	overflow:hidden;
	color: #666;
}

.entry p { line-height: 30px; }
.entry a { text-decoration: none; }

.entry-post {
	float: right;
	display: block;
	width:180px;
        min-height: 450px;
	margin-left: 5px;
	color: #666;
        font-size: 11px;
}

.entry-post h1 {
        float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px;
	background: #fff;
	color: #e15f7b;
	line-height: 2em;
	padding: 2px 6px;
	margin: 1px 0;
	border: 1px solid #eee;
        width: 170px;
        margin-bottom: 5px;
}
.entry-post p { margin: 10px 0 10px 0; line-height: 22px; }
.entry-post a { text-decoration: none; color: #e15f7b; }
.entry-post li { list-style-type: none; padding: 2px 5px 2px 5px; }





/*-------------------- FOOTER --------------------*/

#footer {
	background: #f1f1f1;
	clear: both;
	height: 5px !important;
	margin: 0;
	padding: 0;
}

.footer-box {
        display: block;
        clear: both;
        margin: 0px auto;
        text-align: center;
        height: 60px;
        background: #fff;
        border-top: 1px solid #eee;
        width: 100%;
        padding-top: 18px;
}

.footer-box a { color: #e15f7b; }





/*-------------------- INFO, SUPPORT, LINKROLL --------------------*/

.infotext-holder {
	display: block;
	margin: 0px 34px 10px 0px;
}

.infotext p {
	float: left;
	display: inline;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background: #fff;
	color: #777;
	line-height: 2em;
	padding: 2px 4px;
	margin: 1px 0;
	border: 1px solid #eee;
}

.infotext h2, .infotext h3 {
	display: inline;
	background: #fff;
	color: #e15f7b;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	font-style: italic;
	padding: 4px 2px;
	margin: 10px 0;
	line-height: 4em;
}

.infotext h3 {
	color: #777;
	font-size: 16px;
	line-height: 3em;
}

.infotext a:link, .infotext a:visited {
	font-size: 12px;
	font-weight: bold;
	color: #e15f7b;
}

.infotext a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}


.support {
	display: block;
	width: auto;
	height: 30px;
	margin: 0px auto;
	margin-top: 0px;
	padding: 10px 0;
	background: #fff;
	text-align: center;
        border-top: 1px solid #eee;
}

.support-box {
	display: block;
	width: 685px;
	margin: 0 auto;
}

.support-box img {
	margin: 0 15px 0 0;
}

.support-box a {
	opacity: .8;
	filter: Alpha(opacity=80);
}

.support-box a:hover { opacity: 1.0; filter: Alpha(opacity=100);}


.thumbwall {
	display: block;
	width: 742px;
	padding: 0;
	margin: 0 0 4px 0;
}

.thumbwall a:link, .thumbwall a:visited {
	display: block;
	float: left;
	width: 240px;
	height: 161px;
	background: url('images/thumb-back.jpg') no-repeat;
	list-style: none;
	margin: 0;
	margin-right: 1px;
	padding: 3px;
	padding-bottom: 10px;
}





/*-------------------- GALLERY --------------------*/

.gallery .mainImageDiv {
        width: 518px;
        height: 351px;
        float: left;
        text-align: center;
        background: url(images/big-back.png) no-repeat;
        border: 0;
}

.gallery .mainImageDiv img {
        width: 500px;
        height: 333px;
        border: 0;
        margin-top: 7px;
        margin-left: -2px;
}

.gallery ul {
        list-style: none;
        width: 200px;
        height: 351px;
        float: left;
        margin-left: 10px;
        padding: 0;
        overflow: auto;
}

.gallery li {
        display: block;
        width: 45px;
        height: 45px;
        float: left;
        margin: 2px 0 5.3px 5.3px;
        padding: 0;
        border: 3px solid #fff;
}

.gallery li img {
        opacity: 0.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        padding: 0;
}
.gallery li img.selected {
        opacity: 1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        padding: 0;
}

.bitVolClearAfter:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.bitVolClearAfter { zoom: 1; }






/*-------------------- GALLERY --------------------*/

.post-thumb {
         background: url(images/post-thumb-back.png) no-repeat;
         width: 168px;
         height: 168px;
         float: left;
         margin-right: 8px;
         margin-bottom: 0px !important;
         padding: 0;
}

.post-thumb img {
         width: 150px;
         height: 150px;
         margin: 7px 0 0 8px;
         padding: 0;
}

.design-wall { 
         display: block;
         float: left;
         width: 239.5px;
         height: 170px;
         padding: 3px 3px 10px 3px;
         margin: 0 0px 10px 0;
         background: url('images/thumb-back.jpg') no-repeat;
         color: #777;
}

.design-wall img {
         border: none;
         margin-bottom: 10px;
}