/*   
Theme Name: Front Design
Theme URI: -
Author: Emil J & Andreas M
Author URI: www.emilj.se
Version: 1.0
TESTING
*/

@charset "UTF-8";
/* CSS Document */

  .centeredImage
    {
    text-align:center;
    display:block;
    }


#container3
{
width:1000px;
}

#leftcont
{
width:360px;
color:#0000FF;
font-size:14px;
font-family:"Times New Roman", Times, serif;
float:left;
margin-bottom:40px;
}

#rightcont
{
width:600px;
padding-left:18px;
color:#00F000;
font-weight:normal;
font-size:14px;
font-family:"Times New Roman", Times, serif;
float:right;
}

#rightcont table
{
font-weight:normal;
}

#rightcont th
{
font-weight:normal;
}

#rightcont tr
{
font-weight:normal;
}

table
{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
float:left;
}

td
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.nummer
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}


#imageholder
{
width:360px;
display:block;
clear:both;
margin-top:18px;
}

#textholder
{
width:360px;
display:block;
clear:both;
}

a
{
color:#00F000;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
background-color: transparent;
border-color: #00F000;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
display:inline;
}

a:hover
{
color:#00F000;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-decoration: none;
background-color: transparent;
border-color: #00F000;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: solid;
}


.new
{
color:#FF0000;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4,img,body,a
{
border:0px;
padding:0px;
margin:0px;
}


body
{
padding:18px;
padding-top:8px;
font-size:16px;
font-family:"Times New Roman", Times, serif;
padding-bottom:50px;
}

h1
{
font-size:24px;
font-weight:normal;
letter-spacing:4px;
}

hr
{
  border-color: #0000FF;
  border-style: dotted;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 9px;
  margin-top:9px;
  height: 0;
  width:362px;

}

.categorylink
{
font-size:14px;
font-family:"Times New Roman", Times, serif;
border-bottom:dotted;
border-bottom-color:#00F000;
border-bottom-width:1px;
}

p
{
clear:both;
margin:0px;
padding:0px;
margin-top:4px;
margin-bottom:4px;
display:block;
padding-right:4px;
}

p a img
{
clear:none;
margin:0px;
padding:0px;
margin-right:9px;
margin-top:9px;
}

h2
{
font-size:16px;
font-family:"Times New Roman", Times, serif;
color:#00F000;
font-weight:normal;
clear:both;
}

.contimg
{
display:block;
}


h2 a
{
font-size:16px;
font-family:"Times New Roman", Times, serif;
color:#00F000;
text-decoration: none;
background-color: transparent;
border-color: #00F000;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
font-weight:normal;
}

h2 a:hover
{
font-size:16px;
font-family:"Times New Roman", Times, serif;
color:#00F000;
text-decoration: none;
background-color: transparent;
border-color: #00F000;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style:solid;
font-weight:normal;
}

/* .styles */


img
{
border-color:#0000FF;
border-width:1px;
border-style:solid;
margin-right:9px;
margin-top:9px;
float:left;
}

img a
{
border-color:#0000FF;
border-width:1px;
border-style:solid;
margin-right:9px;
margin-bottom:9px;
float:left;
}


#container
{
width:1000px;
}

#cat
{
color:#0000FF;
border-bottom:1px;
border-bottom-color:#0000FF;
border-bottom-style:dotted;
border-bottom-width:1px;
margin-bottom:9px;
padding-top:7px;
padding-bottom:8px;
width:950px;
}

#cat-contact
{
color:#0000FF;
border-bottom:1px;
border-bottom-color:#0000FF;
border-bottom-style:dotted;
border-bottom-width:1px;
margin-bottom:9px;
padding-top:7px;
padding-bottom:8px;
width:1013px;
}

#cat3 h1
{
font-family:"Times New Roman", Times, serif;
}

#cat2
{
border-bottom:1px;
border-bottom-color:#0000FF;
border-bottom-style:dotted;
border-bottom-width:1px;
margin-bottom:9px;
height:36px;
wdith:362px;
margin-bottom:9px;
}

#cat2text
{
}

#cat3
{
border-bottom:1px;
border-bottom-color:#0000FF;
border-bottom-style:dotted;
border-bottom-width:1px;
margin-bottom:9px;
padding-top:7px;
padding-bottom:8px;
}

#cat3 h1
{
text-align:left;
}

.more
{
display:inline;
}

.more a
{
}

.more a:hover
{
font-size:11px;
color:#00F000;
}

.more h2 a:hover
{
font-size:11px;
color:#00F000;
}



a
{
color: #00F000;
text-decoration: none;
background-color: transparent;
border-color: #00F000;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
font-size:11px;
}

a:hover
{
font-size:11px;
color:#00F000;
text-decoration: none;
background-color: transparent;
border-color: #00F000;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style:solid;
}

#bg
{
background-image:url(bg.jpg);
background-repeat:no-repeat;
z-index:10;
height:1200px;
width:1200px;
position:absolute;
top:1px;
left:1px;
}

#header
{
background-color:white;
color:#00F000;
width:1000px;
height:18px;
clear:both;
word-spacing:10px;
font-family:Arial, sans-serif;
font-size:12px;
padding-bottom:9px;
}

#category
{
color:#0000FF;
font-size:18px;
float:left;
background-color:white;
width:739px;
margin-right:18px;
font-family:"Times New Roman", Times, serif;
}

#leftrightcont
{
width:740px;
}


#left
{
color:#0000FF;
float:left;
background-color:white;
width:375px;
margin-right:0px;
font-family:"Times New Roman", Times, serif;
border-right-color:#0000FF;
border-right-style:dotted;
border-right-width:thin;
margin-bottom:40px;
}

#left-single
{
color:#0000FF;
float:left;
background-color:white;
width:375px;
margin-right:0px;
font-family:"Times New Roman", Times, serif;
margin-bottom:40px;
border-right-color:#0000FF;
border-right-style:dotted;
border-right-width:thin;
}

#left2
{
color:#0000FF;
float:left;
background-color:white;
width:380px;
margin-right:0px;
margin-bottom:80px;
font-family:"Times New Roman", Times, serif;
margin-bottom:40px;
}

#left2 a
{

}

#left2 a:hover
{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}

#left p
{
display:inline;
}

#right p
{
display:block;
}

#middle p
{
display:inline;
}

#middle
{
color:#0000FF;
float:left;
background-color:white;
width:375px;
height:auto;
padding-right:0px;
padding-left:12px;
font-family:"Times New Roman", Times, serif;
margin-bottom:40px;
}

#middle-single
{
color:#0000FF;
float:left;
background-color:white;
width:300px;
padding-right:12px;
padding-left:12px;
font-family:"Times New Roman", Times, serif;
padding-bottom:40px;
}

#middle2
{
color:#0000FF;
float:left;
background-color:white;
width:375px;
padding-right:0px;
padding-left:12px;
font-family:"Times New Roman", Times, serif;
padding-bottom:9px;
margin-bottom:40px;
}

.backbut
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:00px;
text-indent:00px;
}

.backbut a:hover
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:00px;
text-indent:00px;
}

/* ------- RIGHT ------ */

#right
{
color:#00F000;
float:left;
font-size:11px;
width:175px;
margin-right:9px;
padding-left:8px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
border-left-color:#0000FF;
border-left-style:dotted;
border-left-width:thin;
margin-bottom:40px;
line-height:15px;

}

#right-single
{
color:#0000FF;
float:left;
font-size:14px;
width:175px;
margin-right:9px;
padding-left:8px;
font-family:"Times New Roman", Times, serif;
text-align:left;

margin-bottom:40px;
line-height:15px;
}

#right-single h2
{
font-size:18px;
color:#00F000;
padding-bottom:9px;
}


#right h1
{
color:#0000FF;
font-size:18px;
font-family:"Times New Roman", Times, serif;
padding-bottom:9px;
}

/*
<div id="righttxt"><a href="http://www.designfront.org/?p=127">Japan</a></div>
*/

#righttxt
{
text-align:center;
border:0px;
}

#righttxt p
{
margin:0px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
border:0px;
}

#righttxt a:hover p
{
color:#0000FF;
text-decoration:underline;
border:0px;
}

#righttxt a p
{
color:#00F000;
text-decoration:underline;
border:0px;
}



#right img
{
clear:both;
float:none;
margin:0px;
padding:0px;
text-align:center;
}

#right a
{
border:0px;
}

#right a:hover
{
border:0px;
}

#right a img
{
clear:both;
float:none;
border-color:#0000FF;
border-bottom-width:1px;
border-bottom-style:solid;
margin:0px;
padding:0px;
}


#right hr
{
color:#0000FF;
background-color:#0000FF;
height:1px;
border:none;
width:175px;
}

.clearer {
	clear:both;
}




/* AUGUSTS */

.h1green
{
color:#00F000;
}

#contactleft
{
color:#0000ff;
float:left;
background-color:white;
width:348px;
font-size:12px;
max-width:340px;
margin-right:18px;
padding:5px;
}

#contactleft p
{
color:#0000ff;
font-size:12px;
}

.bigcont
{
font-size:18px;
}

#contactnumbers
{
float:right;
font-size: 10px;
line-height: 18px;
font-family:Arial, sans-serif;
margin-right:135px;
letter-spacing:1px;
}

#contactleft a
{
font-size:16px;
color:#00F000;
font-family:"Times New Roman", Times, serif;
}

#contactleft a:hover
{
color:#00F000;
border-color:#00F000;
font-family:"Times New Roman", Times, serif;
}
#contactleft p
{
line-height: 18px;
margin-bottom:10;
font-size: 10px;
}

#contactmiddle
{
color:#0000ff;
float:left;
background-color:white;
width:362px;
max-width:362px;
margin-right:32px;
padding-left:18px;
border-left:1px;
border-left-color:#0000ff;
border-left-style:dotted;
border-left-width:1px;
}

#contactmiddle a
{
font-size:10px;
color:#00F000;	
text-decoration: none;
background-color: transparent;
border-color:#00F000;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
line-height:18px;
}

#contactmiddle a:hover
{
color:#00F000;	
border-color:#00F000;
border-style:solid;
}

#contactright
{
margin-left:18px;
color:#0000ff;
float:left;
background-color:white;
width:100px;
max-width:100px;
}

#contactright a
{
line-height:18px;
font-size:10px;
color:#00F000;	
text-decoration: none;
background-color: transparent;
border-color:#00F000;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}

#contactright a:hover
{
color:#00ff;	
border-color:#00F000;
border-style:solid;
}

#collection
{
margin-bottom:30px;
margin-top:30px;
width:1000px;
max-width:1000px;
}

/*----------------------------------------------------- PROJECTS -----------------------------------------------------*/

#project
{
min-width:1000px;
}

#project p
{
text-align:center;
padding:0px;
margin:0px;
}

#project p a
{
border-bottom-color:    #00F000;
border-bottom:1px;
border-bottom-style:dotted;
text-align:center;
}

#project p a:hover
{
border-bottom-color:#00F000;
border-bottom:1px;
border-bottom-style:solid;
}



#project table
{
margin-bottom:30px;
border:1px;
margin-right:19px;
text-align:center;
vertical-align:middle;
}


#project th a img
{
padding:0px;
margin:0px;
text-align:center;
}

#projects tr
{
text-align:center;
}


.projectsbox
{
	display:block;
}

.projectsboximg
{
	display:block;
	text-align:center;
	line-height:25px;
	float:left;
	height:160px;
}

.projectsboximg a
{
	font-size:14px;
	font-family:"Times New Roman", Times, serif;
	vertical-align:baseline;
}

/*---------- DROPDOWN MENU ----------------*/