/**************************************************************
   All page content except for footer
 **************************************************************/


#content {
position : relative;
height : auto !important;
height : 100%;
min-height : 100%;
}
p.normal {
font-family : arial;
font-size : 100%;
font-weight : normal;
}
#bookmarks {
position : absolute;
top : 10px;
right : 10px;
}
#topbar {
float : left;
width : 100%;
padding : 0.6em 0;
font-size : 0.9em;
text-transform : uppercase;
color : #35444e;
background : #fff url(../images/bg/topbar.gif) repeat-x bottom left;
}
#header {
clear : both;
position : relative;
height : 5em;
margin : 0 auto;
background : #8daec2;
border-bottom : 2px solid #8daec2;
background-color : #8daec2;
}
#header img {
position : absolute;
top : 5%;
left : 10px;
}
#header ul {
margin : 3.5em 1em 0 0 !important;
margin : 3.5em 0.5em 0 0;
padding : 0;
float : right;
}
#header ul li {
display : inline;
list-style : none;
}
#header ul li a {
float : left;
padding : 0 1em;
font : 400 1.1em arial, sans-serif;
letter-spacing : 0.1em;
line-height : 0.8em !important;
line-height : 1em;
color : #35444e;
border-right : 1px solid #4d5760;
}
#header ul li a.last {
padding-right : 0;
border-right : 0;
}


#header ul li a:hover {
  /*  color : #2f2f31; */
}

#headerImg {
margin : 20px 0 0 5px;
height : 105px;
background : #ffffff url(http://allfreelancework.com/css-layout/images/afworkicons.png) no-repeat top left;
}
#menu {
margin : 0 auto;
}
#menu ul {
width : 100%;
float : left;
margin : 0;
padding : 0;
text-align : left;
background : #2f2f31 url(../images/bg/menu.gif) repeat-x top left;
}
#menu ul li {
display : inline;
margin : 0;
padding : 0;
list-style : none;
}
#menu ul li a {
float : left;
width : 25%;
height : 4.5em;
font : 400 1.2em arial, sans-serif;
letter-spacing : 0.1em;

border-top : 7px solid #2f2f31;
border-bottom : 15px solid #fff;
}
#menu ul li a span {
display : block;
padding : 2px 7px;
}
#menu ul li a span.desc {
font-size : 0.8em;
color : #8c8d94;
}
#menu ul li a:hover, #menu ul li a.here {

    border-top : 7px solid #2f2f31;
}
#menu ul li a:hover span.desc, #menu ul li a.here span.desc {

}
#menu ul li a span.speaker {
padding-left : 22px;
background : white;
}
#menu ul li a:hover span.speaker {
background : white;
}
#menu ul li a span.bubble {
padding-left : 24px;
background : white;
}
#menu ul li a:hover span.bubble {
background : white;
}
#menu ul li a span.heart {
padding-left : 20px;
background : white;
}
#menu ul li a:hover span.heart {
background : white;
}
#menu ul li a span.dollar {
padding-left : 20px;
background : white;
}
#menu ul li a:hover span.dollar {
background : white;
}
#menu2 {
margin : 0 auto;
}
#menu2 ul {
width : 100%;
float : left;
margin : 0;
padding : 0;
text-align : left;
background : #3b6276;
}
#menu2 ul li {
display : inline;
margin : 0;
padding : 0;
list-style : none;
}
#menu2 ul li a {
float : left;
width : 25%;
height : 4.5em;
font : 400 1.2em arial, sans-serif;
letter-spacing : 0.1em;

border-top : 7px solid #2f2f31;
border-bottom : 15px solid #fff;
}
#menu2 ul li a span {
display : block;
padding : 2px 7px;
}
#menu2 ul li a span.desc {
font-size : 0.8em;
color : #8c8d94;
}
#menu2 ul li a:hover, #menu2 ul li a.here {
background : #3b6276;
border-top : 7px solid #2f2f31;
}
#menu2 ul li a:hover span.desc, #menu2 ul li a.here span.desc {

}
#menu2 ul li a span.speaker {
padding-left : 22px;
background : white;
}
#menu2 ul li a:hover span.speaker {
background : white;
}
#menu2 ul li a span.bubble {
padding-left : 24px;
background : white;
}
#menu2 ul li a:hover span.bubble {
background : white;
}
#menu2 ul li a span.heart {
padding-left : 20px;
background : white;
}
#menu2 ul li a:hover span.heart {
background : white;
}
#menu2 ul li a span.dollar {
padding-left : 20px;
background : white;
}
#menu2 ul li a:hover span.dollar {
background : white;
}
ul.none {
list-style-type : none;
}
#headerads2 ul {
width : 100%;
height : 250px;
position : absolute;
top : 214px;
right : -5px;
padding : 0;
margin : 0;
list-style-type : none;
}
#headerads2 li {
float : left;
width : 32%;
height : 250px;
text-decoration : none;
color : #353e47;
background-color : #d0e6eb;
padding : 0.2em 0.6em;
list-style-type : none;
border-right : 1px solid #353e47;
}
#google {
display : block;
float : right;
margin : 20px;
}
#headerads3 ul {
width : 100%;
height : 250px;
position : absolute;
top : 214px;
right : -5px;
padding : 0;
margin : 0;
list-style-type : none;
}
#headerads3 li {
float : left;
width : 450px;
height : 250px;
text-decoration : none;
color : #353e47;
background-color : #d0e6eb;
padding : 0.2em 0.6em;
list-style-type : none;
border-right : 1px solid #353e47;
}
#headerads4 ul {
width : 100%;
position : absolute;
top : 214px;
right : -5px;
padding : 0;
margin : 0;
list-style-type : none;
}
#headerads4 li {
float : left;
width : 450px;
height : 200px;
text-decoration : none;
color : #353e47;
background-color : #d0e6eb;
padding : 0.2em 0.6em;
list-style-type : none;
border-right : 1px solid #353e47;
}
#rightcol ul {
width :315px;
position : absolute;
top : -256px;
right : 15px;
padding : 0;
margin : 0;
list-style-type : none;
}
#rightcol li {
float : right;
width : 300px;
text-decoration : none;
color : #353e47;
background-color : #cee8b2;
padding : 0.2em 0.6em;
list-style-type : none;

}
#page {
clear : both;
float : left;
width : 100%;
margin-bottom : 6em;
text-align : left;
}
#columns {
margin : 0 auto;
position : absolute;
top : 470px;
}
#columns2 {
margin : 0 auto;
position : absolute;
top : 440px;
}
.width {
width : 100%;
}
.widthPad {
width : 100%;
}
.width25 {
width : 16%;
}
.width28 {
width : 26%;
}
.width50 {
    width : 58%;
    background : #fff;
}
.width73 {
width : 73%;
}
.width75 {
width : 75%;
}
.width100 {
width : 100%;
}
#footer {
clear : both;
float : left;
width : 100%;
height : 5em;
margin-top : -5em;
}
#footer #bg {
position : relative;
height : 5em;
margin : 0 auto;
background : #8daec2;
}
#footer #bg ul {
float : right;
margin : 3em 1em 0 0 !important;
margin : 3em 0.5em 0 0;
padding : 0;
}
#footer #bg ul li {
display : inline;
list-style : none;
}
#footer #bg ul li a {
float : left;
padding : 0 1em;
font : 400 1em arial, sans-serif;
letter-spacing : 0.1em;
line-height : 0.8em !important;
line-height : 1em;
color : #4d5760;
border-right : 1px solid #4d5760;
}
#footer #bg ul li a.last {
padding-right : 0;
border-right : 0;
}
#footer #bg ul li a:hover {
color : #6c0;
}
#footer #bg img {
position : absolute;
top : 6%;
left : 10px;
}
a.lightTheme img, a.darkTheme img, a.submitButton img {
width : 20px;
height : 20px;
vertical-align : middle;
}
a.lightTheme img {
background : white;
}
a.darkTheme img {
background : white;
}
a.submitButton img {
background : white;
}
.naviginpost {
display : block;
padding : 0 0 5px 0;
font-size : 1.2em;
font-weight : bold;
color : #586b7a;
}
.post {
float : left;
width : 100% !important;
width : 99%;
position : relative;
margin-bottom : 1.5em;
border-bottom : 1px solid #cccccc;
}
.post .date {
position : absolute;
top : 0;
left : 5px;
width : 2.3em;
text-align : right;
}
.post .date .month {
text-transform : uppercase;
font : 700 1em arial, sans-serif;
color : #888;
}
.post .date .day {
display : block;
margin-top : -5px;
font : 700 2.1em arial, sans-serif;
color : #888;
}
.post .title {
display : block;
padding : 0 0 5px 0;
font-size : 1.2em;
font-weight : bold;
color : #586b7a;
}
.post p {
margin : 0 0 0 3.5em;
padding : 0 0 1em 1.2em;
border-left : 1px solid #cccccc;
}
ul.thumbs, ul.thumbs li {
margin : 25px;
padding : 0;
}
ul.thumbs li {
margin : 0 0 15px 0 !important;
margin : 0;
padding : 0;
list-style : none;
}
a.thumb img {
border : 5px solid #ccc;
}
a:hover.thumb img {
background : #8eb4c6;
border : 5px solid #668fa3;
}
a:hover.thumb {
background : none;
}
a.thumb span {
display : block;
margin-top : -5px !important;
margin-top : -2px;
}
ul.submenu1, ul.submenu2 {
margin : 0 0 20px 0;
padding : 0;
}
ul.submenu1 li, ul.submenu2 li {
margin : 0;
padding : 0;
list-style : none;
list-style-image : url(foo.gif);
}
ul.submenu1 li a, ul.submenu2 li a {
display : block;
height : auto !important;
height : 1%;
padding : 1px 5px 1px 20px;
}
ul.submenu1 li a {
background : #d0e6eb;
}
ul.submenu1 a:hover {
color : #426f85;
background : white;
}
ul.submenu2 li a {
color : #426f85;
background : #eaf2f5;
}
ul.submenu2 a:hover {
color : #426f85;
background : white;
}
.block {
display : block;
}
.clear {
clear : both;
}
.marginRight {
margin-right : 15px;
}
.paddingLeft {
padding-left : 5px;
}
.paddingRight {
padding-right : 5px;
}
.floatLeft {
float : left;
}
.floatRight {
float : right;
}
.alignLeft {
text-align : left;
}
.alignRight {
text-align : right;
}
.alignTop {
vertical-align : top;
}
.alignMiddle {
vertical-align : middle;
}
.alignBottom {
vertical-align : bottom;
}
.lightBlueBg {
background-color : #d0e6eb;
}
.lightGreenBg {
background-color : #cee8b2;
}
.dark {
color : #353e47;
}
blockquote.pullquote, div.pullquote {
display : block;
border : none;
vertical-align : middle;
float : left;
margin : 0.25em 1em 0.25em 0;
padding : 0;
width : 10em;
color : #444;
font-size : 1.2em;
font-style : normal;
font-variant : normal;
font-weight : normal;
text-align : center;
text-decoration : none;
text-indent : 0;
text-transform : none;
word-spacing : normal;
}
blockquote.pqRight, div.pqRight {
float : right;
margin : 0.25em 0 0.25em 1em;
}
blockquote.pullquote p, div.pullquote p {
margin : 0;
padding : 0.5em;
line-height : 1.2;
letter-spacing : normal;
}
blockquote.pullquote p:first-letter, div.pullquote p:first-letter {
text-transform : uppercase;
}
html, body {
height : 100%;
}
body {
margin : 0;
padding : 0;
text-align : center;
background : white;
font : 400 0.7em verdana, arial, sans-serif;
line-height : 170%;
color : #555;
}
h1, h2, h3, h4, h5, h6 {
margin : 0 0 10px 0;
padding : 0;
}
h1 {
padding-bottom : 0.2em;
font : 400 1.6em arial, sans-serif;
color : #536c71;
border-bottom : 12px solid #ddd;
}
h2 {
font-size : 1.2em;
color : #586b7a;
}
h3 {
text-transform : uppercase;
font-size : 0.9em;
color : #5d6f73;
}
h4 {
font-size : 0.85em;
}
h5 {
font-size : 0.8em;
}
.horzPad h1, .horzPad h2, .horzPad h3, .horzPad h4, .horzPad h5, .horzPad p {
padding-left : 5px;
padding-right : 5px;
}
a {
text-decoration : none;
color : #6b3401;
}
a:hover {
color : #668fa3;
}
a img {
border : 0;
}
a img.border {
border : 1px solid #fc3307;
}
a:hover img.border {
border : 1px solid #668fa3 !important;
border : 1px solid #fc3307;
}
img.floatRight {
margin : 5px 0 10px 10px;
}
img.floatLeft {
margin : 5px 10px 10px 0;
}
ul li {
list-style-image : url(../images/bg/submenu1.gif);
}
ol li {
font-weight : bold;
color : #668fa3;
}
ol li span {
font-weight : normal;
color : #444;
}
blockquote {
margin : 0;
padding : 0 20px;
background : #e7f1f3;
border-top : 1px solid #aad3db;
border-bottom : 1px solid #aad3db;
}
form {
padding : 0;
margin : 0;
}
label {
float : left;
width : 25%;
vertical-align : top;
}
input, textarea, select {
padding : 1px;
font : 400 1em verdana, sans-serif;
color : #999;
background : #eee;
border : 1px solid #ccc;
}
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {
color : #000;
background : #e7f1f3;
border : 1px solid #888;
}
input.noBorder, input:focus.noBorder, input:hover.noBorder {
padding : 0;
border : 0;
}
input.button {
padding : 2px 5px;
font : 400 0.9em verdana, serif;
cursor : pointer;
color : #fff;
background : #fc3307;
border-width : 1px;
border-style : solid;
border-color : #ff7800 #691300 #691300 #ff7800;
}
input.radio {
background : none;
border : 0;
}
.style2 {
color : #627e9a;
}
.style3 {
color : #62cc3c;
}
.style6 {
color : #5c8096;
}