/*
THEME NAME: Patrick Gavin
DESCRIPTION: Theme for Patrick Gavin
VERSION: 0.0.0
TAGS: 
*/

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

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

img.alignleft {
	margin-right: 10px;
}

img.alignright {
	margin-left:10px;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/* optional rounded corners for browsers that support it */
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}

/*- Themes CSS -*/
html {
	 height:         100%;
}
body {
	height:         100%;
	margin-bottom:  1px;
	font-family:	Arial;
	background:		#ffffff;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

#wrapper {
	margin:			0 auto;
	width:			1000px;
}

/* Grids */
.comment .avatar,
.comment .text,
.featured .title,
.featured .single,
.featured .countdown,
.clock,
.clock .upper,
.clock .upper #days,
.clock .upper #minutes,
.clock .lower,
.clock .lower #hours,
.clock .lower #seconds,
#headergroupleft,
#logo,
#todaysrank,
#whois,
#content
{
	float:			left;
	display:		inline;
}

/* Featured */
.featured {
	border-top:		4px solid #313131;
}
.featured2 {
	border-top:		14px solid #313131;
	margin-top:		36px;
}
.featured .title {
	border:			dotted #c7c7c7;
	border-width:	0 0 0 2px;
	height:			167px;
}
.featured .title img { max-height:167px; }
.featured2 .title {
	padding-left:	16px;
}
.featured .single {
	position:		relative; /* necessary for bubble */
	padding-top:	8px;
	height:			159px;
	width:			158px;
	text-align:		center;
	border:			dotted #c7c7c7;
	border-width:	0 0 0 2px;
}
.featured .single .wrap {
	background:		#eee;
	width:			144px;
	margin:			0 auto;
}
.featured .single .wrap .bubble {
	position:		absolute;
	top:			0;
	left:			0;
	background:		url(pic/bubble.png) left top no-repeat;

	width:			42px;
	height:			31px;

	margin:			4px 0 0 4px;
	padding:		4px 0;

	color:			#fff;
	font-weight:	bold;
}
.featured .single .wrap .caption {
	text-align:		left;
	padding:		5px 10px 12px 10px;
	height:			30px;
	overflow:		hidden;
}
.featured .single .wrap .caption a {
	font-weight:	bold;
	color:			#3d3d3d;
	font-size:		12px;
	letter-spacing:	1px;
}
.countdown {
	padding-left:	4px;
	border:			dotted #c7c7c7;
	border-width:	0 2px 0 2px;
	height:			169px;
}

/* The clock */
.clock {
	font-size:		76px;
	font-weight:	bold;
	letter-spacing:	4px;
	text-align:		right;
	background:		url(pic/countdown.png) left top no-repeat;
	height:			169px;
}
.clock .upper,
.clock .lower {
	width:			285px;
}
.clock .upper #days {
	color:			#00adef;
	width:			144px;
letter-spacing:7px;
padding-left:2px;
}
.clock .upper #minutes {
	color:			#ec008b;
	width:			125px;
	padding-right:	7px;
}
.clock .lower {
	padding-top:	6px;
}
.clock .lower #hours {
	color:			#fee800;
	width:			145px; letter-spacing:3px;
}
.clock .lower #seconds {
	color:			#07080c;
	width:			126px;
	padding-right:	0px;
text-align:right;
}

/* The Header */
#header {
	border-top:		14px solid #313131;
}
#header .title {
	position:		relative;
}
#yellowline {
	position:		absolute;
	left:			80px;
	top:			15px;
*top:20px;
}

#headergroupleft {
	border-bottom:	14px solid #999;
	width:			740px;
	height:			164px;
}
#logo {
	width:			451px;
	height:			135px;
}
#logo .title {
	color:			#3d3d3d;
	text-transform:	uppercase;
	font-weight:	bold;
	font-size:		14px;
	margin:			4px 0 0 70px;
	letter-spacing: 1px; /* todo */
	/*
	crap... fixme
	z-index:		-1000;
	*/
}
#logo .title #yellow {
	background-color:	#fee800;
	padding:			4px 0 4px 16px;
}
#todaysrank,
#linksbuilt {
	margin-left:	13px;
	width:			130px;
	height:			164px;
	text-align:		center;
	padding-top:20px;
}
#todaysrank .rank,
#todaysrank .no {
	font-size:		100px;
	font-weight:	bold;
	color:			#ec008b;
}
#todaysrank { position:relative; }
#todaysrank .no {
	font-weight:	normal;
	font-size:		40px;
	/*line-height:	80px;
	vertical-align:	middle; padding-top:15px;*/
position:absolute; top:15px; left:10px;
}
#todaysrank .title {
	margin-top:		0px;
	padding-top:	6px;
	text-transform:	uppercase;
	font-weight:	bold;
	font-size:		24px;
	background:		#fee800;
}
#todaysrank .title span.rank { *position:absolute; *top:5px; }
#todaysrank .titlerank {
	font-size:		34px;
}
#linksbuilt {
	background:		url(pic/linksbuilt.gif) no-repeat;
	margin-left:	100px;
	width:			143px;
        margin-top:30px;
}
#linksbuilt .content {
	margin-top:		30px;
}
#linksbuilt .links {
	color:			#ffffff;
	font-size:		36px;
}
#linksbuilt .viewall {
	color:			#ffffff;
	font-size:		12px;
}
#linksbuilt .titlelinks {
	margin-top:		36px;
	text-transform:	uppercase;
	font-weight:	bold;
	font-size:		20px;
	color:			#3d3d3d;
}
#whois {
	width:			252px;
	height:			130px;
	background:		url(pic/whois.gif) right bottom no-repeat;
	padding-top:	80px;
}
#whois .title {
	font-size:		24px;
	line-height:	20px; /* fixme */
	margin:			25px 0 0 25px;
	text-transform:	uppercase;
	font-weight:	bold;
	color:			#3d3d3d;
}
#whoistxt .connect {
	position:		relative;
	height:			58px;
}
#whoistxt .connect span.text {
	position:		absolute;
	top:			34%;
}
#whoistxt .connect span.images {
	margin-left:	130px;
}

/* main navigation */
#mainnav {
	margin-top:		20px;
	padding-top: 28px;
    *margin-top:18px;
}
#mainnav a {
	font-size:		12px;
	text-transform:	uppercase;
	font-weight:	bold;
	color:			#000;
	text-decoration:	none;
}
#home,
#about,
#contact,
#timeline {
	display:		inline;
	padding:		10px 10px 5px 30px;
	position:		relative;
	margin-left:	8px;
}
#home {
	background:		url(pic/menu-blue.png);
	margin-left:	10px;
}
#about {
	background:		url(pic/menu-magenta.png);
	padding-left:	20px;
}
#contact {
	background:		url(pic/menu-yellow.png);
}
#timeline {
	background:		url(pic/menu-green.png);
}

/* content */
#content {
	width:			640px;
	margin-top:		20px;
}
#content .post {
	margin:			10px 0 0 30px;
	padding:		10px 0 0 15px;

	color:			#444;
	line-height:	1.6;
	font-size:		12px;

	position:		relative; /* for border boulders */
}

#content .post p { padding-top:15px; }
#content img.borderboulders {
	position:		absolute;
	top:			30px;
	left:			-9px;
}
#content .post {
	border:			#00adef solid; /* was #ef8201 */
	border-width:	2px 0 0 2px;
	background:		url(pic/boulder_misc.png) top right no-repeat;
}
#content .page {
	padding-bottom:		40px;
	min-height:		400px;
}
#content .page p { padding-right:20px; }
#content .page h1 { width:490px; padding:10px 0px 10px 0px; }
#content .miscellaneous {
	border:			#00adef solid;
	border-width:	2px 0 0 2px;
	background:		url(pic/boulder_misc.png) top right no-repeat;
}
#content .post h1 { width:490px; padding:10px 0px 0px 0px; }
#content .post h1 a {
	text-shadow: 		1px 1px 1px #3d3d3d;
	color:				#000;
	font-size:			36px;
	text-transform:		uppercase;
	font-weight:		bold;
	text-decoration:	none;
line-height:33px;
}
#content .post .posttopright {
	float:				right;
	color:				#3d3d3d;
	font-size:			20px;
	text-transform:		uppercase;
	font-weight:		bold;
	text-decoration:	none;
	text-align:			right;
	padding-right:		15px;
	line-height:		1;
}
#content .post .posttopright .no {
	font-size:			36px;
}
#content .post .meta {
	margin:				8px 0 0px 0;
	font-size:			12px;
	font-weight:		bold;
}
#content .post .meta a {
	color:				#000;
	text-decoration:	none;
}
#content .pagefooter,
#content .postfooter {
	position:		relative; /* necessary for bubble */
	height:			18px;
	margin:			50px 0 30px 22px;
	background:		#999;
}
#content .pagefooter {
	background:		#fff;
	margin-top:		0;
	margin-left:	24px;
}
#content .share {
	margin:			20px 10px 0 0;
	float:			right;
	text-transform:	uppercase;
	font-size:		11px;
	color:			#66f;
}
#content .share a {
	text-decoration:	none;
	color:			#2c7398;
}
#content .share img {
	vertical-align:	bottom;
	margin-bottom:	-2px;
}
#content .share .addthis_button_compact {
	margin-left:		5px;
}

#content .postfooter .bubble {
	position:		absolute;
	top:			-35px;
	left:			20px;
	background:		url(pic/bubble3.png) left top no-repeat;

	width:			64px;
	height:			41px;

	margin:			4px 0 0 4px;
	padding:		4px 0;

	color:			#ec008b;
	font-weight:	bold;
	text-indent:	70px;
}
#content .postfooter .borderboulder {
	position:		absolute;
	top:			-60px;
	left:			1px;
}

/* share */
#share {
	margin:			30px 0;
}

/* comments */
#comments {
	display:		relative;
	float:			left;
	display:		inline;
	width:			600px;
	padding-left:	35px;
	padding-top:	25px;
	background:		url(pic/comments.png) 0px 15px no-repeat;
position:relative;
}

ol.commentlist {
	padding-top:	10px;
overflow:hidden;
margin-top:30px;
}
.commentlist li {
	color:			#444;
	line-height:	1.6;
	font-size:		12px;
padding-bottom:10px;
}
.commentlist li li {
	margin-left:	40px;
}
ol.commentlist div.avatar { min-height:47px; background:url(pic/avatar-bg.gif) no-repeat top left; }
ol.commentlist div.avatar img { margin:1px 0px 0px 1px; width:41px; height:41px; }
.comment {
	margin-top: 10px;
}
.comment .meta { padding-bottom:5px; }
.comment .meta a {
	font-weight:		bold;
}
.comment .meta a {
	color:				#000;
	text-decoration:	none;
}
.comment .content {
	padding-top:		0px;
	margin-left:		50px;
}
.comment .meta .reply a {
	color:			blue;
	font-style:		italic; 
	margin-left:	20px;
}

/* commentform */
#commentform {
	margin-top:			40px;
	min-height:		300px;
	font-size:			12px;
}

#commentform #fbc_login {
	font-weight:		bold;
	color:				#666;
	line-height:		1.6;

	width:				140px;
	text-align:			right;
position:absolute; bottom:240px; right:10px;
}
#commentform #fbc_login img {
 display:none;
}
#commentform #fbc_login .dark { width:79px; height:80px; background:url(pic/fbconnect.gif) no-repeat top left; margin:5px 0px 0px 50px }
#commentform #fbc_login .dark a { width:79px; height:80px; display:block; text-indent:-10000px; background:url(pic/fbconnect.gif) no-repeat top left; }

#commentform p {
	margin-bottom:		16px;
}

#commentform textarea,
#commentform input {
	background:			#f3f0ed;
	border:				0;
	padding:			5px;
}
#commentform textarea {
	width:				580px;
	height:				160px;
}
#commentform #submit,
#commentform label {
	background-color:	#ec008c;
	padding:			5px;

	color:				#fff;
	font-weight:		bold;
}

#commentform #submit {
	float:				right;
	font-size:			26px;
margin-right:10px;
}

#commentform #submit:hover { cursor:pointer; }
/* sidebar */
#sidebar {
	margin-left:	660px;
	width:			340px;
}

#referrals table,
#visitors p,
#visitors span,
#livetraffic p,
#whoistxt {
	font-size:		12px;
	line-height:	18px;
	font-weight:	bold;
	color:			#222;
}
#whoistxt a {
	color:			#3d3d3d;
	text-decoration:	none;
}
#whoistxt p {
	margin-bottom:	20px;
font-family:Lucida Grande, sans;
}

#visitors .title {
	background:		#00adef;
	height:			36px;
	padding:		10px 0 0 24px;
	margin:			20px 0;
color:#313131 !important;
}
#visitors p {
	margin-top:		20px;
}

#visitors .month {
	width:		130px;
	text-align: right;
	float:		left;
}
#visitors .arrowcontainer {
	overflow:		hidden;
	padding-bottom:	10px;
}
#visitors .arrow {
	margin-left:	10px;
	width:			100px;
	text-align:		left;
	float:			left;
	background:		url(pic/arrow.gif) right 40% no-repeat;
}
#visitors .total {
	width:		100px;
	text-align:	right;
	float:		right;
}

#sidebar .title {
	text-transform:	uppercase;
	font-weight:	bold;
	font-size:		60px;
	letter-spacing:	3px; /* fixme */
	color:			#3d3d3d;
}
#livetraffic {
	margin-top:		20px;
	background:		url(pic/livetraffic.png)  50% bottom no-repeat;
	padding-bottom:	40px;
 min-height:260px;
}
#livetraffic .title {
	font-size:		36px;
	letter-spacing:	7px;
color:#313131;
}
#livetraffic table {
	width:			100%;
	font-size:		12px;
	font-weight:	bold;
}
#livetraffic table tbody tr.grey {
	background-color:	#DDDDDD !important;
}
#livetraffic th { padding:10px 0px 3px 0px !important; }
#livetraffic th,
#livetraffic td {
	text-align:		left;
	padding:		4px 8px;
}
#livetraffic th.when,
#livetraffic td.when {
	text-align:		right;
}

#livetraffic table tr td.none { margin:0px !important; padding:0px !important; height:3px !important; }

#handbook .title,
#referrals .title,
#twitter .title {
	font-size:		48px;
color:#313131;
}
#referrals .title {
	background:		#ec008b;
	width:			135px;
	height:			72px;
	padding:		10px 0 0 24px;
	margin:			20px 0;
}
#referrals table {
	width:			100%;
	color:			#3d3d3d;
}
#referrals th,
#referrals td {
	text-align:		left;
	padding:		2px 8px;
}
#referrals tr.odd {
	background:		#ddd;
}
#referrals .hits {
	text-align:		right;
	width:			20%;
}
#twitter {
	margin:		30px 0px 0px 17px;
	padding:	85px 0px 20px 0px;
	background:		#f7f7f2 url(pic/twitter.png) top left no-repeat;
 width:323px;
}
/* for advanced twitter widget */
#twitter ul {
	margin:		30px 15px 0px 20px;
	font-size:		12px;
	line-height:	1.4;
}
#twitter ul li {
	margin-top:		10px;
}
#twitter ul li a {
	/* timestamp */
	text-decoration:	none;
	color:			#333;
}
#twitter ul li span {
	display:		block;
}
#twitter ul li span a {
	color:			#00adef;
	text-decoration:	none;
}

/* text widgets */
div.textwidget {
	display:		inline;
}
/* handbook */
#handbook {
	margin-top:		40px;
}
#handbook .title {
	background:		url(pic/handbook.png) left top no-repeat;
	text-align:		right;
	padding-top:	90px;
}
#bigmoves ul,
#anotherthing ul,
#handbook ul {
	font-size:		12px;
	line-height:	1.5;
}
#handbook ul li.yellow,
#handbook ul li.magenta,
#handbook ul li.blue,
#handbook ul li.green {
	padding-top:			6px;
	list-style-type:		disc;
	list-style-position:	inside;
}
#handbook ul li.magenta {
	background:		url(pic/boulder-magenta.png) left top no-repeat;
}
#handbook ul li.blue {
	background:		url(pic/boulder-blue.png) left top no-repeat;
}
#handbook ul li.yellow {
	background:		url(pic/boulder-yellow.png) left top no-repeat;
}
#handbook ul li.green {
	background:		url(pic/boulder-green.png) left top no-repeat;
}

#handbook ul li ul li {
	list-style-type:	none;
}
#handbook ul span,
#anotherthing a,
#handbook ul span,
#handbook a {
	font-weight:		bold;
	text-decoration:	none;
	color:				#3d3d3d;
}
#bigmoves a {
	font-weight:		bold;
	text-decoration:	underline;
	color:				#000000;
}
#handbook ul p {
	font-style:		italic; 
	margin-left:	24px;
	width:			250px;
}
#handbook ul li ul li {
	margin-left:	48px;
}
#handbook .the {
	font-size:		28px;
}

/* big moves */
#bigmoves {
	margin-top:		24px;
}
#bigmoves .title {
	background:		url(pic/moves.png) right 30% no-repeat;
color:#313131 !important;
}
#bigmoves .title {
	font-size:		36px;
}
#bigmoves .title .magenta {
	color:			#ec008b;
	font-size:		78px;
}
#bigmoves .title .blue {
	color:			#00adef;
	font-size:		78px;
}
#bigmoves .title .green {
	color:			#009d00;
	font-size:		78px;
}

#bigmoves ul img {
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 10px;
}

#bigmoves ul,
#anotherthing ul {
	margin-top:				16px;
}
#anotherthing ul li ul li {
	list-style-type:		disc;
}
#bigmoves ul li ul li {
	list-style-type: none;
}

#bigmoves img {
	background: #DDDDDD;
	padding: 6px;
}

#anotherthing ul li ul li,
#bigmoves ul li ul li {
	list-style-position:	inside;
	padding:				2px 8px;
}

#anotherthing ul li.odd {
	background:		#ddd;
}

#bigmoves ul li.odd {
	background:		#ddd;
	height: 135px;
}

#anotherthing ul li.even,
#bigmoves ul li.even {
	height: 135px;
}

/* another thing */
#anotherthing {
	margin-top:		24px;
}
#anotherthing .title {
	font-size:		48px;
	line-height:	0.7;
	margin-top:		20px;
	padding-top:	20px;
	background:		url(pic/another.png) 15% top no-repeat;
color:#313131 !important;
}
#anotherthing .et {
	font-size:		80px;
}
#anotherthing .another {
	font-size:		32px;
}

/* footer */
#footer {
	padding:		4px 0;
	font-size:		12px;
	text-align:		center;
	color:			#fff;
	font-weight:	bold;
	background:		#999;
}


div.navigation { overflow:hidden; float: right; margin-bottom: 20px; }
div.navigation a { color:#999; text-decoration:none; font-weight:bold; }
div.navigation a:hover { color:#333333; text-decoration:underline;  }
div.navigation a.current { color:#333333 !important; text-decoration:underline !important;  }
div.navigation span img {
	margin-bottom:	-4px;
}

/*- Related Articles -*/
h4.related { float:left; width:157px; height:148px; background:url(pic/related-articles.gif) no-repeat top left; display:block; font-size:11px; text-indent:-10000px; margin:0px 10px 15px 0px; }
ul.related { list-style:none; float:left; width:450px; }
ul.related li { padding:5px 0px 5px 10px; background-color:#eeeae6; display:block; margin-bottom:3px; }
ul.related li a { color:#313131; text-decoration:none; }
ul.related li a:hover { color:#313131; text-decoration:underline; }

#big-players { margin-top:20px; }
#big-players img { background:#DDDDDD; padding:6px; margin:5px; }