/********** =layout **********/

body {
    background:#fff url(http://www.worldofinspiration.com/common/images/Body_BG.gif) left top repeat-x;
    font: 76%/140% verdana, helvetica, arial, sans-serif;
    margin:0;
    padding:0;    
}

#container {
    width:750px;
    margin-left:auto;
    margin-right:auto;
}

#mainContent {
    float:left;
    padding:50px 0 25px 50px;
    width:350px; 
}


#secondaryContent {
    float:right;
    padding:50px 0 25px 0;
    width:250px;
}

/*  
   This is for the basic header styling.
   There are customized properties for the header on the home page(=homeheader) & sub pages (=subpageheader).
*/
#header {
    position:relative;
    height:150px;
	 padding-left:50px;
}

#footer {
    color:#ccc;
}

/********** =basics **********/

a:link {
    color:#369;
    text-decoration:none;
}
a:visited {
    color:#369;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a:active {
}

#header a:hover {
	text-decoration:none;
}

h1, h2, h3 {
    font-family: times, "times new roman", georgia, serif;
    font-weight:normal;
    letter-spacing:-1px;
    line-height:140%;
}

h1 {
    color:#666;
    font-size:2em;
    margin: 0 0 20px 0;
}

h2 {
    color:#999;
    font-size:1.6em;
    margin: 0 0 10px 0;
}

#search h2, #subscribe h2, #submit h2 {
    color:#999;
}

ol {
    color:#666;
    font-weight:bold;
    margin:0 0 15px 0;
    padding:0 0 0 20px;
}

ol li {
   color:#000;
   font-weight:normal;
   margin:0; 
   
}

p {
  margin:0 0 20px 0;
}

/********** =header **********/

#skipNavigation {
    display:block;
    text-indent: -5000px;
}

#logo {
    margin:50px 0 0 0;
}

#logo a {
    background: url(http://www.worldofinspiration.com/common/images/Logo.gif) left top no-repeat;
    display:block;
    text-indent: -5000px;
    width: 136px;
    height: 17px;
}

/********** =search **********/

#header #search {
    position:absolute;
    right:20px;
    top:60px;
}

#search label {
    color:#999;
    font-weight:bold;
}


/********** =subscribe **********/

#subscribe {
    border-left:solid 1px #ccc;
    border-top:solid 1px #ccc;
    margin:25px 0 0 0;
    padding:15px 0 0 15px;
}

#subscribe label {
    display:block;
}

#subscribe input#email {
   width:55%;
}

#subscribe span {
    color:#999;
    display:block;
    font-weight:bold;
    padding:12px;
    text-align:center;
    text-transform:uppercase;
}


/********** =submit **********/

#mainContent #submit {
    border-left:solid 1px #ccc;
    border-top:solid 1px #ccc;
    margin:25px 0 0 0;
    padding:15px 0 0 15px;
}

/********** =homeheader **********/

#header div.quotation blockquote {
    text-indent: -5000px;
    width:450px;
    height:70px;
    margin:75px 0 0 -50px;
}

#header div.quotation cite {
    display:block;
    text-indent: -5000px;
    width:350px;
    height:30px;
}

#header div#quotation1 blockquote {
    background: url(http://www.worldofinspiration.com/common/images/quotations/1q.gif) left top no-repeat;
}

#header div#quotation1 cite {
    background: url(http://www.worldofinspiration.com/common/images/quotations/1a.gif) left top no-repeat;
}

#header div#quotation2 blockquote {
    background: url(http://www.worldofinspiration.com/common/images/quotations/2q.gif) left top no-repeat;
}

#header div#quotation2 cite {
    background: url(http://www.worldofinspiration.com/common/images/quotations/2a.gif) left top no-repeat;
}

#header div#quotation3 blockquote {
    background: url(http://www.worldofinspiration.com/common/images/quotations/3q.gif) left top no-repeat;
}

#header div#quotation3 cite {
    background: url(http://www.worldofinspiration.com/common/images/quotations/3a.gif) left top no-repeat;
}

body#home {
    background:#fff url(http://www.worldofinspiration.com/common/images/HomeBody_BG.gif) left top repeat-x;
}

body#home #header {
    height:350px;
}

/********** =quotations **********/

#mainContent div.quotation {
    margin: 0 0 40px 0;
}

#mainContent div.quotation blockquote {
    font-size: .9em;
    line-height:150%;
    margin:0 0 0 0;
    text-indent:-.7em;
}

#mainContent div.quotation blockquote span {
    font: 1.3em times, "times new roman", serif;
    font-weight:bold;
    color:#999;
}

#mainContent div.quotation cite {
    font-size: .9em;
    color:#666;
    display:block;
    font-style:italic;
    margin:5px 0 0 0;
    text-align:right;
}

/********** =secondarycontent **********/

#categories {
    list-style:none;
    display:block;
    margin:0;
    padding:0;

}

#categories li, #navigation li {
    font-size: .9em;
	 letter-spacing:-1px;
    line-height:1.6em;
}

#categories li#selected, #navigation li#selected {
    font-weight:bold;
    padding:0 0 0 18px;
    margin:0 0 0 -18px;
}

#categories li#selected a:hover, #navigation li#selected a:hover {
    text-decoration:none;
}

/********** =ads **********/

div.ads {
    margin:10px 0 10px 0;
}

#mainContent div.ads {
    margin-bottom:20px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

div.posterAd {
    font-size:.9em;
    margin-top:25px;
    text-align:center;
}

div.posterAd img {
    padding:3px;
    background:#fff;
    border:1px solid #ccc;
}

div.posterAd p {
  color:#666;
  margin:0;
}

div.posterAd a {
  display:block;
}


/********** =paging **********/

div.paging {
    border-top: solid 1px #ccc;
    margin: 10px 0 0 0;
	 padding:10px;
}

div.paging ul {
	list-style: none;
	margin:0;
	padding:0;
}

div.paging ul li {
        font-size: .85em;
        letter-spacing:-1px;
	margin:0;
	padding:0;
        text-transform:uppercase;
}

#next {
   display:block;
	float:right;

}

#previous {
   display:block;
	float:left;
}

#next a {
    background:url(http://www.worldofinspiration.com/common/images/Next.gif) 100% 60% no-repeat;
	 display:block;
	 padding-right:13px;
}

#previous a {
    background:url(http://www.worldofinspiration.com/common/images/Previous.gif) 0% 60% no-repeat;
	 display:block;
	 padding-left:13px;
}

/********** =footer **********/

#footer {
    border-top:solid 1px #ccc;
    padding:10px 0 0 0;
    clear:both;
    margin:30px 0 30px 50px;
	 text-align:left;
    position:relative;
}

#footer ul {
    display:block;
    list-style-type:none;
    margin:0;
    padding:0;
    height:1.5em;
}

#footer ul li {
    font-size: .85em;
    display:block;
    float:left;
    letter-spacing:-1px;
    margin:0 10px 0 0;
    text-transform:uppercase;
}

#created, #copyright {
         display:block;
	 float:left;
    font-size:.8em;
    color:#999;
}

#feedburner {
	position:absolute;
	top:10px;
	right:0px;
}
/********** =forms **********/

form {
    display:inline;
    margin:0;
    padding:0;
}

#contactform
{
	background: #f0f0f0;
     border-top:solid 1px #ccc;
     border-bottom:solid 1px #ccc;
	margin: 0 0 20px 0;
	padding: 15px;
	position: relative;
}

textarea, div.field input
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 5px;
	font-size: 1.4em;
	border: solid 1px #ccc;
     width:98%!important;
     color:#999;
}

input.button
{
	font-family:trebuchet, "trebuchet ms";
	border: normal;
	padding: 2px;
	margin: .5em .5em 0 0;
	font-weight: bold;
	font-size: 2em;
     background:#06c;
     color:#fff;
}

label
{
	color: #666;
}

input:focus, textarea:focus {
    background:#ffc;
    color:#000!important;
}

span.helptext {
        display:block;
        color:#999;
}

div.field {
    margin:0 0 10px 0;
}