/*  
Theme Name: Gay Bachelor Blog
Theme URI: http://www.dailyblogtips.com/darkzen-wordpress-theme-released/
Description: Customized layout by Visual Inclination Inc. for Gay Bachelor Blog
Version: B.0.1
Author: Visual Inclination Inc.
Author URI: http://www.visualinclination.com/
Tags: custom, three-column, fixed width
*/

/* STRUCTURE */
html,body { height: 100%; }

body {
text-align:left;
margin:0;
padding:0;
background-color:#ffffff;
color:#636466;
font-size:12px;
font-family:Arial;
background:url(images/contentbg.gif) top repeat-y;
}

#bodygradient {
position: absolute;
z-index: 2;
top: 0;
left: 0;
width: 100%;
height: 300px;
background:url(images/back-l.png) top left repeat-x;
}

#body2 {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
top: 150px;
}

#page {
position: relative;
width:960px;
height: 100%;
margin:auto;
background:url(images/contentbg.gif) left top repeat-y;
text-align:left;
}

#header {
position: absolute;
z-index: 3;
height:150px;
width:100%;
padding-left:0px;
padding-top:0px;
clear:both;
margin: 0 auto;
text-align:left;
background-image:url(images/back-l.png);
}

#header #container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

.headleft {
float:left;
width:450px;
}

.headright {
float:right;
text-align:right;
/* padding-top:50px; */
margin-top:50px;
margin-right: 15px;
/* padding-right:15px; */
width: 468px;
height: 60px;
overflow: hidden;
background: white;
}

.visinccredit {
	position: absolute;
	top: 10px;
	right: 15px;
}
.visinccredit:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

#menuarea {
width: 100%;
height: 36px;
margin:0;
}

#menulinks {
height:36px;
width:960px;
margin: 0 auto;
clear:both;
text-align:right;
background-image:url(images/menulinks.png);
background-repeat:repeat-x;
}

.mainmenu {
	position: relative;
	float: right;
	width: 457px;
	height: 36px;
	overflow: hidden;
}

.mainmenu a {
	display: block;
	float: left;
	height: 36px;
	overflow: hidden;
}

.mainmenu a.become {
	width: 229px;
	background: url(images/menu.gif) 0 0 no-repeat;
}
.mainmenu a.become:hover,
.mainmenu a.become.selected {
	background: url(images/menu.gif) 0 -36px no-repeat;
}
.mainmenu a.faq {
	width: 146px;
	background: url(images/menu.gif) -229px 0 no-repeat;
}
.mainmenu a.faq.selected,
.mainmenu a.faq:hover {
	background: url(images/menu.gif) -229px -36px no-repeat;
}
.mainmenu a.contact {
	width: 82px;
	background: url(images/menu.gif) -375px 0 no-repeat;
}
.mainmenu a.contact.selected,
.mainmenu a.contact:hover {
	background: url(images/menu.gif) -375px -36px no-repeat;
}

#menulinksright {
position:absolute;
z-index:-1;
right:0px;
height:36px;
width:50%;
background-image:url(images/menulinks-right.png);
background-repeat:repeat-x;
}

.floatleft {
float:left;
}

#mainarea {
clear:both;
width:960px;
height: 100%;
padding: 0;
margin:0;
}

#contentarea {
width:600px;
height: 100%;
float:left;
padding: 0 15px 20px 10px;
margin-bottom: 80px;
background:url(images/page.png) left top repeat-x;
}

#sidebar {
position: absolute;
top: 0;
right: 0;
width:335px;
height:100%;
padding-top:20px;
padding-bottom:20px;
background:url(images/sidebar-bg.png) left top repeat-x;
}

#sidebar #section,
#sidebar #bar {
	display: block;
	clear:both;
	margin-bottom: 24px;
}

#searchbar {
	position: relative;
	clear: both;
	width: 335px;
	height: 60px;
	background:url(images/Search.png);
}

#searchbar form {
	margin: 0;
	padding: 0;
}

#searchbar input {
	position: absolute;
	top: 19px;
	left: 29px;
	border: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#555555;
	background: none;
	width: 196px;
	height: 19px;
	overflow: hidden;
}

#searchbar input:focus {
	outline: none;
}

#searchbar a {
	display: block;
	position: absolute;
	left:240px;
	top:18px;
	width:76px;
	height:28px;
}

/*
#sidebar1 {
width:155px;
float:left;
margin-left:1px;
margin-right:5px;
}

#sidebar2 {
width:155px;
float:left;
margin-right:1px;
}
*/
/*
#footer {
width:960px;
height:87px;
background:url(images/backfooter.png) bottom left repeat-x;
clear:both;
color:#CCCCCC;
}

#footer a:hover {
color:#FFFFFF;
}

#footer .left {
float:left;
padding-left:0px;
padding-top:42px;
line-height:18px;
}

#footer .right {
float:right;
padding-right:0px;
padding-top:42px;
line-height:18px;
text-align:right;
}
*/

/* POST DETAILS */

.clearer {
	width: 100%;
	clear: both;
}

.newest_post {
padding-left:10px;
padding-right:20px;
padding-top:20px;
}

.normal_post {
padding-left:10px;
padding-right:20px;
padding-top:20px;
}

.post {
padding-left:10px;
padding-right:20px;
padding-top:20px;
}

.dateicon {
border-right:3px solid #CCCCCC;
padding-right:8px;
float:left;
}

.title {
padding-top:15px;
line-height:30px;
}

.title.single {
padding-top: 2px;
padding-bottom: 15px;
}

.title.page {
	margin-bottom: 20px;
}

.newestexcerpt {
padding-top:8px;
padding-right: 10px;
float:right;
width:330px;
}

.newestpreview,
.fullpreview {
position:relative;
padding-top:20px;
float:left;
}
.fullpreview {
padding: 0 30px 30px 0;
}

.fullcontent {
	margin-top: 20px;
}

.normalpreview {
	position: relative;
	float: left;
	width: 180px;
}

.normalexcerpt {
	padding-right: 10px;
	margin-top: -2px;
}

.location_date {
	position: relative;
	width: 100%;
}

.normalexcerpt .location {
	margin-bottom: 20px;
}
.normalexcerpt .date,
.title .date {
position:absolute;
right:0px;
bottom: 1px;
font-size:11px;
color:#a0a0a0;
clear:both;
text-align:right;
text-transform:uppercase;
font-weight:bold;
}

.thumbgallery {
width: 220px;
margin-top: 25px;
float: left;
}
.thumbgallery.full {
width: 580px;
}

.thumbnail {
float: left;
padding: 0 10px 10px 0;
}

.entry {
	margin: -10px 0 40px 0;
	padding: 0;
	width: 586px;
}

.entry.normal {
padding: 0 0 10px;
border-bottom:#CCCCCC solid 1px;
margin: 10px 0 20px;
}
.firstPost { 
	display: none;
}

.entry p {
line-height:20px;
}

.entry p img {
	margin: 0;
	padding: 0;
}

.entry .location {
font-size:13px;
font-weight:bold;
color:#a0a0a0;
padding-top:6px;
}

.entry .newesticon {
position:relative;
clear:both;
border-bottom:#CCCCCC solid 1px;
height:95px;
padding-top:20px;
margin-right:-15px;
width: 586px;
}

.newesticon .date {
position:absolute;
right:0px;
bottom:25px;
font-size:11px;
color:#a0a0a0;
clear:both;
text-align:right;
text-transform:uppercase;
font-weight:bold;
}

.entry .newesticon img {
float:left;
margin-left:-10px;
}

.thetitle a {
font-size:22px;
color:#ae7bdf;
clear:both;
font-weight:bold;
}

.thetitle a:hover {
text-decoration:none;
color:#00b1cd;
}

.recenttitle {
	display: block;
	margin: 30px 0 -10px -10px;
	width: 625px;
	height: 44px;
}

.posttop .title .under {
font-size:12px;
color:#bfbfbf;
clear:both;
}
.posttop .title .under a{
text-decoration:underline;
}

.continuereading a {
font-size 15px;
text-transform: uppercase;
color:#00b1cd;
clear:both;
font-weight:bold;
}

.continuereading a:hover {
text-decoration:none;
color:#ae7bdf;
}

.sociallinks {
margin-top: 8px;
width: 220px;
position: relative;
float: left;
clear: left;
}

.sociallinks a {
width:31px;
height:33px;
display:block;
overflow: hidden;
float:left;
margin-right: 3px;
margin-bottom: 2px;
}

.sociallinks a.stumbleupon { background:url(images/social-stumble.gif) 0 0 no-repeat; }
.sociallinks a.stumbleupon:hover { background:url(images/social-stumble.gif) 0 -33px no-repeat; }
.sociallinks a.delicious { background:url(images/social-delicious.gif) 0 0 no-repeat; }
.sociallinks a.delicious:hover { background:url(images/social-delicious.gif) 0 -33px no-repeat; }
.sociallinks a.digg { background:url(images/social-digg.gif) 0 0 no-repeat; }
.sociallinks a.digg:hover { background:url(images/social-digg.gif) 0 -33px no-repeat; }
.sociallinks a.facebook { background:url(images/social-facebook.gif) 0 0 no-repeat; }
.sociallinks a.facebook:hover { background:url(images/social-facebook.gif) 0 -33px no-repeat; }
.sociallinks a.google { background:url(images/social-google.gif) 0 0 no-repeat; }
.sociallinks a.google:hover { background:url(images/social-google.gif) 0 -33px no-repeat; }
.sociallinks a.reddit { background:url(images/social-reddit.gif) 0 0 no-repeat; }
.sociallinks a.reddit:hover { background:url(images/social-reddit.gif) 0 -33px no-repeat; }
.sociallinks a.twitter { background:url(images/social-twitter.gif) 0 0 no-repeat; }
.sociallinks a.twitter:hover { background:url(images/social-twitter.gif) 0 -33px no-repeat; }

.details,.tags {
	line-height: 18px;
}

.details {
margin-top: 15px;
width: 200px;
}

.tags {
margin-top: 6px;
width: 200px;
}

/* STYLING */
h1 {
font-size:25px;
clear:both;
color:#FFFFFF;
text-transform:uppercase;
margin:0;
}

h1 a {
color:#ae7bdf;
}

h1 a:hover {
color:#00b1cd;
text-decoration:none;
}

.description {
font-size:14px;
clear:both;
margin:0;
font-weight:bold;
text-transform:uppercase;
color:#999999;
}

a {
color:#00b1cd;
text-decoration:none;
}
#sidebar a {
color:#636466;
text-decoration: none;
font-weight: bold;
font-size:13px;
}

a:hover {
color:#ae7bdf;
text-decoration:none;
}
#sidebar a:hover {
color:#00b1cd;
text-decoration: none;
}

#advertarea  {
margin: 10px 0 10px 18px;
clear:both;
float: left;
width: 300px;
height: 100px;
overflow: hidden;
background: white;
}

#sidebar h2 {
height:25px;
font-size:16px;
font-weight:bold;
margin-top:15px;
margin-bottom:0;
clear:both;
padding-left:5px;
}

#subfooter .subfooterwidget h2 {
padding-left:8px;
padding-top:8px;
height:25px;
font-size:16px;
font-weight:bold;
color:#CCCCCC;
}

#sidebar ul,
#sidebar li {
	display: inline;
	padding:0;
	margin:0;
}

#sidebar ul {
	position: relative;
	display: block;
	clear: both;
 	width: 300px;
 	padding: 0 22px 0 18px;
}

#sidebar ul li {
	position: relative;
	float: left;
	width: 46%;
	text-transform: capitalize;
	line-height: 20px;
}

#sidebar ul li ul li a {
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
border-bottom:#CCCCCC solid 1px;
display:block;
font-size:10pt;
text-decoration: none;
clear:both;
text-align:left;
margin-left:-6px;
margin-right:4px;
margin-top:0;
margin-bottom:0;
width:140px;
}

#sidebar #favgrid {
	width: 314px;
	padding: 0 18px;
	margin: 4px 0 20px 0;
}

#sidebar #favimage {
	position: relative;
	float: left;
	width: 145px;
	height: 145px;
	overflow: hidden;
	margin: 0 12px 12px 0;
}

#sidebar #favimage a {
	position: absolute;
	left: -3px;
	top: -3px;
}


#subfooter .subfooterwidget a {
padding-left:5px;
padding-top:4px;
padding-bottom:4px;
border-bottom:#555555 solid 1px;
display:block;
font-size:10pt;
text-decoration: none;
clear:both;
text-align:left;
margin-left:10px;
margin-right:4px;
width:250px;
}

#sidebar ul li ul li a:hover {
text-decoration: none;
}

#subfooter .subfooterwidget a:hover {
text-decoration: none;
}

.clear {
clear:both;
}

.commentlist li, #commentform input, #commentform textarea {
font-family: Arial, Helvetica, sans-serif;
}

#commentform {
text-align:left;
padding-left:35px;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 10pt;
}

.commentlist p {
font-weight: normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#888888;
}
#commentform p {
font-family:Arial, Helvetica, sans-serif;
}

.commentmetadata {
font-weight: normal;
}

small, .nocomments, .postmetadata, blockquote, strike {
color:#555555;
}

code {
font-family:"Courier New", Courier, monospace;
font-size:9pt;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

/* Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
color:#9d8c8c;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
}

#calendar_wrap {
margin-top:5px;
margin-left:10px;
}
#wp-calendar #prev a {
font-size: 8pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 10pt Arial, Helvetica, sans-serif;
text-align: center;
}

#wp-calendar th {
font-size:8pt;
font-style: normal;
text-transform: capitalize;
}

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
margin-right:30px;
}

.alignleft {
float: left
}

.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  }

/* End Images */



/* Begin Lists */

html>body .entry ul {
margin-left: 0px;
padding: 0 0 0 30px;
padding-left: 10px;
text-indent: 10px;
} 

html>body .entry li {
margin: 7px 0 8px 10px;
}

.entry ul li:before, #sidebar ul ul li:before, #subfooter ul ul li:before {
content: "";
}

.entry ol {
padding: 0 0 0 35px;
margin: 0;
}

.entry ol li {
margin: 0;
padding: 0;
}

.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}
/*
#sidebar ul, #subfooter ul { 
margin: 0;
padding:0;
}

#sidebar ul ol, #subfooter ul ol {
margin: 0;
padding:0;
}


#sidebar ul li, #subfooter li {
list-style-type:none;
list-style-image:none;
padding-left:0px;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li, #subfooter ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li, #subfooter ul ul li {
margin: 3px 0 0;
padding: 0;
}*/





.entry form { 
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
border:#CCCCCC solid 2px;
}

#commentform textarea {
width: 90%;
padding: 2px;
border:#CCCCCC solid 2px;
}

#commentform #submit {
margin-right:37px;
float: right;
}

.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding-left:30px;
text-align: justify;
}

.commentlist li {
font-weight: bold;
margin: 25px 35px 5px 5px;
padding: 15px 10px 3px 0;
list-style: none;
clear: both;
}

.gravatar { 
float: left;
margin: 0 0 15px 0;
padding: 0;
}

.commentbody { 
float: right;
width: 370px;
margin: 0;
border-bottom:#CCCCCC dotted 1px;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

#sidebar form {
margin: 0;
}
.textwidget {
margin-left:20px;
margin-right:20px;
padding-top:7px;
text-align:left;
}

.textwidget a {
}

acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 10px;
border-left: 3px solid #999999;
color:#999999;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

hr {
display: none;
}

a img {
border: none;
}
/*
.navigation {
display: block;
clear:both;
text-align: center;
padding-top: 10px;
padding-bottom: 60px;
padding-left:30px;
}

.navigation a {
padding:5px;
border:1px solid #999999;
color:#CCCCCC;
}

.navigation a:hover {
background-color:#999999;
color:#FFFFFF;
text-decoration:none;
}
*/

#nav-links {
	display: block;
	clear: both;
	width: 585px;
}

#nav-links a,
#nav-links a:visited,
#nav-links a:active {
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	padding: 5px;
	background: #ae7bdf;
	text-decoration: none;
}
#nav-links a:hover {
	background: #00b1cd;
	text-decoration:none;
}

#nav-links .nav-previous {
	float: right;
}

#nav-links .nav-next { 
	float: left;
}

#footer-clear {
	display: block;
	clear: both;
	width: 585px;
	height: 100px;
}


h2.searchresults,
h2.tagtitle {
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 40px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 40px;
}

#search-terms,
#tag-names {
	color: #00b1cd;
	font-style: italic;
}

span.fav {
	color: #666;
}