/* @override http://localhost/singlesnet/trunk/external/officialfreedating.com/css/screen.css */

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; margin-top: 30px; margin-bottom: 30px; background-color: #ebece8; color: #666; }
body a:link, a:visited, a:active { color: #999; text-decoration: none; }
body a:hover { text-decoration: underline; }

/* IE inherit font size in tables */

table { font-size: 1.0em; }

/* Tag definitions */

ul { margin: 0; padding: 0; list-style: none; }
h1 { font-size: 9px; font-weight: bold; color: #7E7E7E; }
h2 { font-size: 10px; font-weight: bold; color: #FF9900; }
h3 { font-size: 9px; font-weight: bold; color: #CCC; margin: 0; padding: 0; }
h4 { font-size: 9px; font-weight: bold; color: #7E7E7E; }
h5 { font-size: 12px; font-weight: bold; color: #333; margin: 0; padding: 0; }
h6 { font-size: 9px; font-weight: bold; color: #7E7E7E; margin: 0; padding: 0; }

/* Use as class because of the unwanted borders */

.input { border: 1px solid #ccc; color: #000; background-color: #EAEAEA; padding: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

/* Main styles */

#wrap { width: 960px; margin-right: auto; margin-left: auto; list-style-type: none; position: relative; overflow: hidden; }

.frameCorner       { height: 15px; width: 15px; position: absolute; }
#topLeftCorner     { background: url(../images/corner_top_left.gif) no-repeat top left; top: 0px; left: 0px; }
#topRightCorner    { background: url(../images/corner_top_right.gif) no-repeat top right; top: 0px; right: 0px; }
#bottomLeftCorner  { background: url(../images/corner_bottom_left.gif) no-repeat top left; bottom: 0px; left: 0px; }
#bottomRightCorner { background: url(../images/corner_bottom_right.gif) no-repeat top right; bottom: 0px; right: 0px; }

#middle { background: #FFF; width: 960px; padding: 10px; }

.content a:link, .content a:visited, .content a:active { color: #f57632; text-decoration: underline; }
.content a:hover {  }

#banner { height: 200px; width: 940px; margin-bottom: 10px; }

#nav { width: 320px; float: right; margin-top: 24px; }
#nav li { list-style: none; display: inline; margin-right: 20px; }
#nav a { font-size: 9px; font-weight: bold; color: #999; text-decoration: none; }
#nav a:hover { color: #FF9900; text-decoration: underline; }

#feature { width: 180px; padding-right: 10px; color: #999; float: left; font-size: 9px; }
#leftColumnHeader { width: 160px; height: 300px; margin-bottom: 10px; padding: 15px 10px; background: url(../images/left_col_background.png) no-repeat left top; }
#leftColumnHeader img { display: block; border: 7px solid #fff; margin: 0px 10px 20px; }
#leftColumnHeader p { margin: 0px 10px; font-size: 11px; color: #fff; font-weight: bold; }
#featurePreview { border: 1px solid #efefef; padding: 5px; text-align: center; }

.content { width: 475px; margin-left: 190px; padding: 0px 20px; position: relative; }
#contentHeader { background: url(../images/content_header_background.png); width: 750px; height: 45px; margin: 0px 0px 10px 190px; padding: 0px; }

.headerLink { float: right; height: 34px; margin: 5px 20px 0px; }
.headerLink img  { float: left; margin-right: 5px; }
.headerLink span { display: block; float: left; font-size: 15px; line-height: 34px; color: #535353; }

#contentHeader p { float: left; color: #999; line-height: 24px; margin-left: 20px; }

div.date { font-style: italic; font-size: 12px; color: #999; }

.content h1 { font-size: 24px; color: #89c510; font-weight: normal; line-height: 28px; margin-bottom: 0px; }
.footnote { font-size: 9px; }

.content p { font-size: 12px; line-height: 17px; }

#signupForm { float: left; width: 255px; height: 365px; background-color: #d9ebfb; margin: 0px 20px 20px 0px; }
#signupFormBody { height: 122px; }

#signupForm .row { height: 24px; padding-left: 10px; }
#signupForm label { color: #000; width: 80px; float: left; line-height: 24px; text-align: right; padding-right: 4px;}
#signupForm input, #signupForm select { float: left; width: 150px; }
#submitLink { display: block; margin: 10px 0px 0px 45px; }


#blogroll { position: absolute; top: 0px; right: -235px; width: 235px; }
#blogroll h2,
#feature h2 { color: #535353; font-size: 13px; border-top: 1px solid #e6e7e2; border-bottom: 1px solid #e6e7e2; padding: 10px; margin-bottom: 10px; }

#blogroll ul { list-style-type: disc; list-style-position: inside; }
#blogroll li { margin-left: 20px; line-height: 16px; }


.subNav { width: 110px; text-decoration: none; padding-bottom: 20px; }
.subNav ul { margin: 0; padding: 0; }
.subNav a:link, .subNav a:visited, .subNav a:active { line-height: 22px; text-decoration: none; color: #999; }
.subNav a:hover { color: #FF6600; text-decoration: none; }
.subNav ul li { background: url(../images/arrow.gif) no-repeat 0px 8px; padding-left: 12px; }

#feature li { margin-top: 4px; margin-bottom: 4px; list-style-type: disc; list-style-position: inside; font-size: 11px; margin-left: 10px; }
#feature a:link, #feature a:visited, #feature a:active { color: #f57632; text-decoration: underline; list-style-type: disc; }
#feature a:hover { text-decoration: none; }

#breadcrumbs { margin-right: 30px; float: right; width: 580px; height: 30px; text-align: right; color: #ccc; font-size: 11px; }
#breadcrumbs a { color: #ccc; }
#breadcrumbs a:hover { color: #FF9900; }
#breadcrumbs > li:first-child { background: none; }
#breadcrumbs li { display: inline; padding-left: 1px; }

#whatToLookFor { border-top: 1px solid #c6ccd4; margin-top: 30px; }

.sitemap { padding-left: 30px; }

.summary { padding: 20px; background-color: #f0f4e4; }
.summary h3 { font-size: 13px; color: #535353; }

.summaryContent { padding-left: 40px; }
.summaryContent b { padding-right: 10px; }

#footer { text-align: center; margin-top: 10px; color: #878787; }