html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body {
 height: 100%;
 }

a {text-decoration:none;}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body
{
	font-family: tahoma,verdana,arial;
	font-size: 11px;
	background: #000000 url(img/background-grey.jpg) no-repeat fixed center top;
	margin-top: 0px;
}

#wrapper {
	width: 900px;
	border: 2px solid black;	
	margin: 0px auto;
	background: #fff;
}

#header {
	height: 150px;
	background: #1A1A1A;
}
#logo {
	padding: 25px 0 0 25px;
	width: 360px;
	float: left;
}
#header-ad {
	float: right;
	margin: 18px 20px 0 0;
	text-align: center;
	color: #ccc;
}
#large-ad {
	text-align: center;
	color: #ccc;
	margin-top: 33px;
}

#square-ad {
	text-align: center;
	color: #ccc;
	margin-top: 10px;
}
#pagination {
	width: 526px;
	margin-left: 10px;
	text-align: center;
}
.page-total {
  font-family: Tahoma,arial,Verdana,Sans-serif;
  background-color: #e7e7d6;
  color: #848c8c;
  border: 1px solid #848c8c;  
  padding: 0px 3px 1px 3px;
  font-size: 15px;

}
.pagination span {
  font-family: Tahoma,arial,Verdana,Sans-serif;
  background-color: #848c8c;
  color: #e7e7d6;
  border: 1px solid #e7e7d6;
  padding: 0px 3px 1px 3px;
  font-size: 15px;
}

.pagination a {
  font-family: Tahoma,arial,Verdana,Sans-serif;
  text-decoration: none;
  background-color: #e7e7d6;
  color: #848c8c;
  border: 1px solid #848c8c;  
  padding: 0px 3px 1px 3px;
  font-size: 15px;
}
.pagination a:hover {
  font-family: Tahoma,arial,Verdana,Sans-serif;
  background-color: #848c8c;
  color: #e7e7d6;
  border: 1px solid #e7e7d6;
}
#footer {
	height: 190px;
	background: #1A1A1A;
	color: #ffffff;
}

#footer-wrapper {padding-bottom:30px;}
.footer-column {height:auto; overflow:hidden; margin-top:5px;width:217px;float:left}
.footer-column ul {list-style-position:outside; list-style-type:none; margin:0; padding:0;}
.footer-column ul li {list-style-type:none;}
.footer-column h3 {color:#fff;}
.footer-column ul li a {background:#1A1A1A; border-bottom:#383838 1px solid; display:block; padding:7px 0 7px 5px; color:#CCCCCC;}
.footer-column ul li a:hover {color:#fff;}
.footer-column p {color:#b8b8b8; margin-bottom:20px;}
.footer-column p a {color:#fff;}
.footer-column p a:hover {color:#fff; text-decoration:underline;}

.social-links li {list-style:none; list-style-position:outside; border:none; float:left;}
.footer-column ul.social-links li a {background:none !important; border-bottom:none !important; float:left; padding:0 3px 0 0 !important; display:inline !important; overflow:hidden;}
.social-links img {float:left !important;padding: 0 3px 0 0}



#layout {
	margin: 30px 3px;
}

#Male {
	width: 526px;
	height: 209px;
	background: url(img/male_box_bg.png);
	margin: 10px;
}
	
#Female {
	width: 526px;
	height: 209px;
	background: url(img/female_box_bg.png);
	margin: 10px;
}

.gender {
color:#999999;
float:left;
left:11px;
position:relative;
top:7px;
}
.category {
color:#999999;
float:right;
position:relative;
right:15px;
top:7px;
}
.category a{
color: #999999;
text-decoration: none;
}
.category a:hover{
text-decoration: underline;
}
.post {
clear:both;
color:#000000;
font-family:Verdana;
font-size:22px;
height:92px;
margin:0 40px;
position:relative;
top:35px;

}
.date {
color:#CCCCCC;
float:left;
left:10px;
position:relative;
top:53px;
}
.flag {
background:url("img/rollover.png") repeat scroll 14px 52px transparent;
float:right;
height:20px;
position:relative;
right:15px;
top:48px;
width:15px;
}
.flag:hover{
background:url("img/rollover.png") repeat scroll 14px 30px transparent;
float:right;
height:20px;
position:relative;
right:15px;
top:48px;
width:15px;
}

.Male-like {
    background: url("img/rollover.png") repeat scroll -116px 57px transparent;
    float: left;
    height: 25px;
    left: -46px;
    position: relative;
    top: 74px;
    width: 49px;
    text-align: right;
    padding-right: 5px;
    padding-top: 5px;
    color: #000;
}

.Male-like:hover{
    background: url("img/rollover.png") repeat scroll -116px 87px transparent;
    float: left;
    height: 25px;
    left: -46px;
    position: relative;
    top: 73px;
}
.Male-dislike {
    background: url("img/rollover.png") repeat scroll -174px -1px transparent;
    float: left;
    height: 25px;
    left: -46px;
    position: relative;
    top: 74px;
    width: 49px;
    padding-right: 4px;
    padding-top: 5px;
    text-align: right;
    color: #000;
}
.Male-dislike:hover{
    background: url("img/rollover.png") repeat scroll -174px -29px transparent;
    float: left;
    height: 25px;
    left: -46px;
    position: relative;
    top: 73px;
}

.Female-like {
    background: url("img/rollover.png") repeat scroll -1px 57px transparent;
    float: left;
    height: 25px;
    left: -46px;
    padding-right: 5px;
    padding-top: 5px;
    position: relative;
    text-align: right;
    top: 74px;
    width: 49px;
    color: #000;
}
.Female-like:hover{
    background: url("img/rollover.png") repeat scroll -1px 87px transparent;
    float: left;
    height: 25px;
    left: -46px;
    position: relative;
    top: 73px;

}
.Female-dislike {
    background: url("img/rollover.png") repeat scroll -59px 57px transparent;
    float: left;
    height: 25px;
    left: -46px;
    padding-right: 4px;
    padding-top: 5px;
    position: relative;
    text-align: right;
    top: 74px;
    width: 49px;
    color: #000;
}
.Female-dislike:hover{
    background: url("img/rollover.png") repeat scroll -59px 87px transparent;
    float: left;
    height: 25px;
    left: -46px;
    position: relative;
    top: 73px;

}

#post-new{
    -moz-border-radius: 3px 3px 3px 3px;
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    background: #F5F5F5;
    border: 1px solid #999;
    margin-bottom: 10px;
    padding: 10px 10px 0;
    margin-left: 50px;
    width: 455px;
    margin-top: 10px;
}

#post-new h2 {
    font-size: 22px;
    margin-bottom: 10px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    color: #fff;
}

#post-new label{
float: left;
width: 150px;
font-weight: bold;
}

#post-new input, #post-new textarea, #post-new select{
width: 180px;
margin-bottom: 5px;
font-size: 20px;
}

#post-new textarea{
width: 250px;
height: 150px;
}

#post-new .boxes{
width: 1em;
}

#post-new #submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 90px;
}





hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* =Headings
--------------------------------------------------------------------------------*/

h1
{
	font-size: 22px;
}

h2
{
	font-size: 20px;
}

h3
{
	font-size: 16px;
}

h4
{
	font-size: 14px;
}


/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style: none;
}

li
{
	margin-left: 10px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 5px;
}/**
 * Default color scheme
 * -------------------- 
**/

/* Blue */
.blue {
	background-color: #0079B8;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0079B8), to(#0079B8), color-stop(.5,#2399D6));
	background: -moz-linear-gradient(top, #0079B8 0%, #2399D6 50%, #0079B8 100%);
	border: 1px solid #0079B8;
}
ul.blue > li  {
	border-right: 1px solid #0178b5;
}

/* Black */
.black {
	background-color: #000000;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#000000), color-stop(.5,#3f3c3c));
	background: -moz-linear-gradient(top, #000000 0%, #3f3c3c 50%, #000000 100%);
	border: 1px solid #000000;
}
ul.black > li  {
	border-right: 1px solid #000000;
}

/* Red */
.red {
	background-color: #ce0000;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ce0000), to(#ce0000), color-stop(.5,#ea3b3b));
	background: -moz-linear-gradient(top, #ce0000 0%, #ea3b3b 50%, #ce0000 100%);
	border: 1px solid #ce0000;
}
ul.red > li  {
	border-right: 1px solid #ce0000;
}	

/* Green */
.green {
	background-color: #5d9300;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5d9300), to(#5d9300), color-stop(.5,#75ba00));
	background: -moz-linear-gradient(top, #5d9300 0%, #75ba00 50%, #5d9300 100%);
	border: 1px solid #5d9300;
}
ul.green > li  {
	border-right: 1px solid #5d9300;
}

/* Light blue */
.lightBlue {
	background-color: #008c84;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008c84), to(#008c84), color-stop(.5,#00c09e));
	background: -moz-linear-gradient(top, #008c84 0%, #00c09e 50%, #008c84 100%);
	border: 1px solid #008c84;
}
ul.lightBlue > li  {
	border-right: 1px solid #008c84;
}

ul#jDropDown a {
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
}
ul#jDropDown ul li a:hover {color:#0079B8;}

/* first li have home class*/
ul#jDropDown > li > a {
	font: bold 15px Arial;
	color: #fff;
}	

/* just that pattern */
ul#jDropDown > li > a {
	background-image: url(ideas/nav/images/downArrow.png);
	background-repeat: no-repeat;
	background-position: 2px 11px;
	height: 40px; 
	position: relative;
	top: 15px;
	margin: 0px 5px 0px 5px;
	padding: 4px 15px 4px 15px;
}

/* first li have home class*/
ul#jDropDown li.home img{
	border: 0px;
}

ul#jDropDown > li > .on, ul#jDropDown > li > a:hover{
	color: #484848;
	top: 4px;
	background-color: transparent;
	padding-top: 15px;
	height: 31px; 
	
	/* css3 */
	-moz-border-radius: 2px 2px 0 0px;
	border-radius: 2px 2px 0 0px;
}
ul#jDropDown > li.home a:hover, ul#jDropDown > li.home a {
	background: none;
	top: 10px;
	padding-top: 0px;
}

/* 
	LEVEL ONE
*/
ul#jDropDown {
	
	height: 53px; 
	width: 890px; 
	
	
	/* css3 */
	-moz-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 2px 2px 2px #919191;
	-webkit-box-shadow: 2px 2px 2px #919191;
	box-shadow: 2px 2px 2px #5d5d5d;
}
ul#jDropDown li {
	float: left;
	font-weight: bold;
	zoom: 1;
	position: relative;
}
ul#jDropDown li a {
	display: block;
}
ul#jDropDown > li:last-child {
	border-right: none;
}

/* 
	LEVEL TWO
*/
ul#jDropDown ul {
}

ul#jDropDown li .content {
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden;
	width: 300px;
	margin-top: 5px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	padding: 10px 0px 10px 10px;
}

ul#jDropDown ul li {
	border-bottom: 1px solid #ccc;
	float: none;
	font-size: 11px;
	font-weight: normal;
	padding: 4px 0 4px 0;
}
ul#jDropDown ul li:last-child {
	border-color: #fff;
}
ul#jDropDown ul li a {
	border-right: none;
	display: inline-block;
	width: 100%;
	color: #484848;
}
/* Column */
.column_1, .column_2, .column_3, .column_4, .column_5 {
	left: 0;
	position: absolute;
	top: 100%;
	visibility: hidden;
	margin-top: 4px;
	border: 1px solid #0178B5;
	background:-moz-linear-gradient(center top , #0079B8 0%, #2399D6 50%, #0079B8 100%) repeat scroll 0 0 transparent;
	border-top: 0px;
	
	/* CSS3 */
	-moz-box-shadow: 2px 2px 2px #919191;
	-webkit-box-shadow: 2px 2px 2px #919191;
	box-shadow: 2px 2px 2px #919191;
}
.column_1 {width: 170px;}
.column_2 {width: 340px;}
.column_3 {width: 510px;}
.column_4 {width: 680px;}
.column_5 {width: 850px;}

.column a{
color: #fff;
}
.column a:hover {
color: #484848;
}

ul#jDropDown .column {
	float: left;
	width: 150px; 
	margin: 10px;
}
ul#jDropDown .column .sectionTitle {
	font-weight: bold;
	display: block;
	padding: 8px 0px 5px 1px;
	border-bottom: 1px solid #ccc;
}
ul#jDropDown .column .contact {
	text-align: right;
	font: normal 11px Arial;
	float: right;
	color: #676767;
}
ul#jDropDown .column .contact p{
	margin: 10px 0px 0px 0px;
}