/*Architects of Dreams*/

/*General*/

body {
margin: 0px;
background-color: #663366;
}
#container {
font-family: verdana, arial, "Trebuchet MS";
font-size: 12px;
line-height:16px;
width: 980px;
margin: 0 auto;
/*border:1px solid black;*/
background: url('images/container_bg.jpg');
}

#container2 {
margin: 0 auto;
/*border:1px solid black;*/
width: 942px;
}


/*Typeography*/
h1 {font-size: 32px;}
h2 {
	font-size: 22px;
	line-height:24px;
}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
p {
margin-bottom: 18px;
}
a {
text-decoration: underline;
font-weight: bold;
color: #663366;
}
a:hover {
text-decoration: underline;

}
a:visited {

}

/*Headers*/
#header {}
#header p, #header h1, header h2 {}

#logo {
height:65px;
background: url('images/logo_bg.jpg');
}
#navigation {
height:60px;
background: url('images/navigation_bg.jpg');
/*border:1px solid white;*/
}

#navigation-list {
margin: 0px;
list-style:none;
padding-left:45px;
}

ul {
padding-left: 0px;
list-style:none;
}

#navigation-list li {
float:left;
width: 100px;
text-align:center;
padding-top:10px;
text-transform: uppercase;
font-size: 14px;
font-weight:bold;
}

#navigation-list .active {
background: url('images/navigation_active.jpg') no-repeat;
}

#navigation-list a {
color:black;
}

#navigation-list a:hover {
text-decoration: none;
}

#display {
margin: 0 auto;
width:942px;
height: 350px;
/*border:1px solid white;*/
background: url('images/display_bg.jpg');
}

#display #image {
margin: 0;
width:249px;
height:350px;
background: url('images/display_image.jpg');
float:left;
}

#display .topic {
width:160px;
height:330px;
float:right;
margin-top:10px;
margin-right:10px;
}

#display .topic-text {
margin-left:14px;
margin-top:60px;
margin-right:12px;
height:210px;
}

#display .topic-img {
text-align:center;
width:100%;
}

#display .topic-more {
text-align:center;
}

#display #topic-one {
background: url('images/topic-one_bg.jpg');
}

#display #topic-two {
background: url('images/topic-two_bg.jpg');
}

#display #topic-three {
background: url('images/topic-three_bg.jpg');
}

#display #topic-four {
background: url('images/topic-four_bg.jpg');
}

#display_small {
margin: 0 auto;
width:944px;
height: 110px;
/*border:1px solid white;*/
background: url('images/display_small_bg.jpg');
}

#display_small .topic {
width:160px;
height:89px;
float:right;
margin-top:10px;
margin-right:10px;
}

#display_small #topic-one-active-small {
background: url('images/topic-one-active_small_bg.jpg');
}

#display_small #topic-two-active-small {
background: url('images/topic-two-active_small_bg.jpg');
}

#display_small #topic-three-active-small {
background: url('images/topic-three-active_small_bg.jpg');
}

#display_small #topic-four-active-small {
background: url('images/topic-four-active_small_bg.jpg');
}

#display_small #topic-one-small {
background: url('images/topic-one_small_bg.jpg');
}

#display_small #topic-two-small {
background: url('images/topic-two_small_bg.jpg');
}

#display_small #topic-three-small {
background: url('images/topic-three_small_bg.jpg');
}

#display_small #topic-four-small {
background: url('images/topic-four_small_bg.jpg');
}

#display_small .topic-more {
text-align:center;
margin-top: 45px;
}

/*Content*/
#content {
/*border:1px solid black;*/
width: 660px;
float:right;
margin-bottom: 18px;
padding-left:10px;
padding-right:20px;
overflow:hidden;
}

#content p, #content h1, #content h2 {}

#content ul {
padding-left: 20px;
list-style:disc;
}

.post-image{
float:left;
margin-right:10px;
}

/*sidebars*/
#sidebar {
/*border:1px solid black;*/
width: 225px;
float:left;
margin-bottom: 18px;
padding-right:20px;
overflow:hidden;
}

#sidebar p, #sidebar h1, #sidebar h2 {}

#cat{
font-size:10px;
}

/*Nav*/
#top_navlist {}

/*Footer*/
#footer {
background: url('images/footer_bg.jpg');
height:40px;
}

.clear {
clear: both;
}