/*  
Theme Name: Ryan Swagar 1
Theme URI: http://www.goodstand.com/
Description: Awesome theme based on Photoshop design by Nick D.
Version: 1.0
Author: Paul Kaiser
Author URI: http://www.freakingid.com/
*/

body {
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	font-size:62.5%;
	line-height:120%;
	color: #333333;
/*	background: #FFFFFF; */
	background: #000 url(images/bg-shad-low.jpg) repeat-x fixed top left;
	margin: 0px;
	padding: 0px;
}
a {
	color: #1CA2DE;
	text-decoration: none;
}
a:visited {
	color: #1CA2DE;
	text-decoration: none;
}

a:hover {
	color: #83C21F;
}
img {
	border: none;
}
p {
	padding: 0px 0px 15px;
	margin: 0px;
	color:#FFF;
}
h1 {
	margin: 0px;
	padding: 30px 0px 0px 50px;
	height: 60px;
	font: lighter 2.4em/1.2em "trebuchet MS", "Lucida Sans Unicode", Georgia;
	color: #FFFFFF;
}
h1 a, h1 a:visited{
	color: #FFFFFF;
	text-decoration: none;
}
h1 a:hover{
	color: #DDF1FF;
	text-decoration: none;
	border: none;
	background: none;
}

h2 {
	color: #ccff66;
	margin: 0px 0px 2px;
	width:100%;
	font-size:1.8em;
	line-height:normal;
	font-weight:normal;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CDCDCD;
}

h2 a, h2 a:visited {
	color: #ccff66;
	text-decoration: none;
}
h2 a:hover {
	color: #83C21F;
	text-decoration: none;
}
h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #1CA2DE;
	margin: 10px 0px 5px;
}
h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #758d38;
	margin: 10px 0px 5px;
}
form {
	margin:0px;
	padding:0px;
}

/* header center */
#headercenter {
	width:902;
	margin-left:auto;
	margin-right:auto;
}
	/* contains header that is 3000px wide */
	#header {
		/*position:relative;
		left:-1049px;
		width:3000px;*/
	}
/* header area */
/*
#header {
	margin: 0px auto;
	width: 100%;
}
*/
	#topbar {
		background: transparent url(images/top-paper-noshad.gif) no-repeat center center;
		width: 100%;
		height: 114px;
		margin-bottom: 8px;
		position:relative;
		z-index:20;
	}
		#navi {
			width: 770px;
			margin: 0px auto;
			text-align: center;
			line-height: normal;
		}
		#nav {
			margin:10px auto 0 auto;
			list-style: none;
			padding-left: 5px;
			float: left;
		}
		/* top navigation item that is not active page */
		#nav li {
			float: left;
			margin: 0 3px;
			white-space: nowrap;
			text-transform:uppercase;
		}
		#nav .page_item a{
			color: #000;
			display: block;
			text-decoration: none;
			padding: 5px 10px 5px 10px;
			line-height: 25px;
			font: bold 15px Arial, Helvetica, sans-serif;
		}

		#nav li:hover {
			background: #FFF;
		}
		#nav .page_item a:hover{
			background: #ccff66;
			color: #000;
			border: none;
		}
		
		#nav li.current_page_item {
			background: #777;
			color: #000;
			border: none;
			text-decoration: none;
			/* for IE */
			filter:alpha(opacity=60);
			/* CSS3 standard */
			opacity:0.6;
			/* old firefox */
			-moz-opacity:0.6;
			/* old Safari */
			-khtml-opacity:0.6;
		}
		#nav .current_page_item a, #nav .current_page_item a:visited{
			color: #000;
			text-decoration: none;
		}
		#nav .current_page_item a:hover {
			background: #CFF690;
			color: #666666;
			border: none;
			/* for IE */
			filter:alpha(opacity=100);
			/* CSS3 standard */
			opacity:1.0;
			/* old firefox */
			-moz-opacity:1.0;
			/* old Safari */
			-khtml-opacity:1.0;
		}
	
	#headercontent {
		width:940px;
		margin:0px auto;
		position:relative;
		top:-60px;
		z-index:10;
	}
		/* the Ryan Swagar logo and slogan box */
		#headerimg {
			margin-top:60px;
			margin-left:20px;
			float:left;
			color: #FFF;
			width: 415px;
			height: 78px;
			background: transparent url(images/ryanswagarlogo.gif) no-repeat top left;
		}
		/* the "Hi, I'm Ryan" box */
		#aboutbox {
			float:right;
			background: transparent url(images/about-box-nt.gif) no-repeat top left;
			color:white;
			width:460px;
			height:170px;
			font-size:1.8em;
			line-height:normal;
		}
			#aboutbox img {
				float:right;
			}
			#aboutbox p {
				margin:40px 20px 0 20px;
				width:312px;
			}
				.highgreen {
					color:#ccff66;
				}
				#aboutbox p.more {
					margin-top:0px;
					text-align:right;
					font-size:0.9em;
				}



/*search form */
#search {
	float: right;
	background: transparent url(images/search-bg.gif) no-repeat; 
	width: 178px;
	margin: 10px;
	text-align: center;
}
#searchform {
	margin:4px 0 4px 0;
}
#searchform br {
	display: none;
}
/* search field */
#searchform #s {
	width: 130px;
	height: 20px;
	padding: 3px 5px 0px 0px;
	margin-right: 2px;
	color: #000;
	font-weight: normal;
}
/* search form contents - to specify button only use input[type="submit"] */
#searchform input {
	border: none;
	height: 25px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: black;
	background-color:transparent;
	vertical-align: middle;
}
/* the button only */
#searchsubmit {
	height:25px;
	width:25px;
}

/* holds everything underneath the header */
#wrapper {
}
/* holds content and sidebar */
#page {
	margin: 10px auto;
	width: 902px;
}
	/* content area */
	#content {
		background: url(images/content-bg.jpg) repeat top left;
		font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
		padding:12px;
		float: left;
		width: 516px;
		overflow: hidden;
		font-size:1.4em;
	}
		#content p {
			line-height:normal;
		}
	
		.post-content a {
			font-weight: bold;
			border-bottom: 1px dotted #CDCDCD;
		}
		#content img {
			border: 1px solid #DDF1FF;
			padding: 5px;
		}
		
		.post {
			clear: both;
			padding-top: 15px;
			margin-bottom: 15px;
		}
		.post-date {
			background: url(images/mini-calendar.gif) no-repeat;
			padding-left: 20px;
			color:#ccc;
		}
		.post-month {
			text-transform: uppercase;
			color: #eee;
			text-align: center;
			display:block;
			line-height: 11px;
			padding-top: 2px;
			margin-left: -3px;
		}
		.post-day {
			text-transform: uppercase;
			color: #ddd;
			text-align: center;
			display:block;
			line-height: 18px;
			padding-top: 7px;
			margin-left: -3px;
		}
		.post-cat {
			background: url(images/tags.gif) no-repeat left center;
			padding-left: 20px;
			float: left;
		}
		.post-comments {
			background: url(images/mini-comments.gif) no-repeat left center;
			padding-left: 20px;
			float: right;
		}
		.post-calendar {
			background: url(images/mini-calendar.gif) no-repeat;
			padding-left: 20px;
			float: right;
		
		}
		.post-content {
			clear: both;
			padding-top: 8px;
		}
		.post-info {
			height: 15px;
			color: #1CA2DE;
			font: bold 12px "Trebuchet MS", "Tahoma", sans-serif;
		}
		.post-content blockquote {
			background: #F1F9FF;
			border-right: 2px solid #DDF1FF; 
			border-bottom: 2px solid #DDF1FF; 
			padding: 8px;
		}
		.navigation {
			clear: both;
			padding: 10px 0px;
		}
		.navigation a, .navigation a:visited {
			color: #83C21F;
		}
		.previous-entries a {
			float: left;
			padding-left: 18px;
			background: url(images/mini-nav-left.gif) no-repeat left center;
		}
		.next-entries a {
			float: right;
			padding-right: 18px;
			background: url(images/mini-nav-right.gif) no-repeat right center;
		}
		
		/* comments area */
		#comments, #respond {
			border-bottom: 1px dotted #CDCDCD;
			padding: 10px 0 5px 0;
			clear: both;
		}
		.commentlist {
			margin: 10px 0px;
			padding-left: 20px;
			line-height: 130%;
			color:#eee;
		}
		.commentlist li{
			padding: 10px;
			padding-bottom: 0px;
		}
		.commentlist .alt {
			background: #333333;
			border: 1px solid #DDF1FF; 
		}
		.commentlist cite, .commentlist cite a, .commentlist cite a:visited {
			font-weight: bold;
			font-style: normal;
			font-size: 1.2em;
		}
		.commentlist small {
			margin-bottom: 5px;
			display: block;
			font-size: .87em;
		}
		#commentform {
			margin-top: 10px;
			font: 110% Arial, Helvetica, sans-serif;
		}
		#commentform p {
			padding: 6px 0px;
			margin: 0px;
		}
		#commentform label{
			color: #787878;
			font-size: .87em;
		}
		#commentform input{
			width: 200px;
			background:#FFFFFF;
			border: 1px dotted #D0D0BF;
			padding: 3px;
			margin-top: 3px;
		}
		#commentform textarea{
			width: 485px;
			height: 115px;
			border: 1px solid #dbefc1;
			padding: 2px;
			margin-top: 3px;
		}
		#commentform textarea:focus, #commentform input[type="text"]:focus {
			background: #ffffff;
		}
		#commentform #submit{
			background: #83C21F;
			font: bold 12px Arial, Helvetica, sans-serif;
			color: #ffffff;
			float:left;
			width: 144px;
			height: 28px;
			cursor: pointer;
		}

	/*sidebar */
	#sidebar {
		float: right;
		padding: 12px;
		width: 276px;
		overflow: hidden;
		background: url(images/sidebar-bg.jpg) repeat top left;
		font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
		/*sidebar title (h2) */
		#sidebar h2, #sidebar .sidebartitle{
			/*font-size:3.2em;*/
			line-height:normal;
			text-transform:uppercase;
			border-bottom: 2px dashed #434343;
			margin-bottom: 5px;
		}
		#sidebar h2 {
			font-size:3.2em;
			color: #000;
		}
		#sidebar .sidebartitle {
			font-size:1.8em;
			color:#ccff66;
		}
		/*sidebar text styles */
		#sidebar a:hover{
			border: none;
		}
		#sidebar a, #sidebar a:visited{
			color: #fff;
			text-decoration: none;
		}
		#sidebar li a:hover{
			color: #1CA2DE;
			text-decoration: none;
		}
		.widget {
			padding: 10px 10px 10px 10px;
		}
		/*sidebar list level1 */
		#sidebar ul {
			margin: 0;
			padding: 0;
		}
		#sidebar ul li {
			list-style-type:none;
			padding: 4px;
			border: none;
			font-size:1.3em;
			line-height:1em;
		}
		/*sidebar list level2 */
		#sidebar ul li ul {
			padding: 0;
			margin: 18px 0 0 0;
		}
		#sidebar ul li ul li{
			list-style-type: disc;
			list-style-position: outside;
			margin: 0 0 0 1em;
			padding: 2px 0 2px 0px;
			color:#fff;
		}
		/*sidebar list level3 */
		#sidebar ul li ul li ul li{
			padding: 1px 0 1px 10px;
			border: none;
		}
		/* sidebar images */
		#sidebar li.widget_sp_image {
			padding:10px;
			margin:10px;
			border-bottom:2px dashed #434343;
			text-align:center;
		}
		/*blogroll */
		ul.linkcat li, li.linkcat li{
			background: url(images/bullet-green.gif) no-repeat left 6px !important;
			padding-left: 20px !important;
		}
		/*category widget */
		ul.list-cat li, li.widget_categories li{
			background: url(images/bullet-blue.gif) no-repeat left 6px !important;
			padding-left: 20px !important;
		}
		/*archives widget */
		ul.list-archives li, li.widget_archives li{
			background: url(images/bullet-orange.gif) no-repeat left 6px !important;
			padding-left: 20px !important;
		}
		/*pages widget */
		/*
		ul.list-page li, li.widget_pages ul li, li.widget_recent_entries li{
			background: url(images/bullet-orange.gif) no-repeat left 6px !important;
			padding-left: 20px !important;
		}
		*/
		/*sub-pages */
		ul.list-page li ul div, li.widget_pages ul li ul li{
			background: url(images/bullet-orange.gif) no-repeat left center !important;
			padding-left: 20px !important;
		}
		/*recent comments widget */
		div.widget_recent_comments li{
			background: url(images/mini-recent-comments.gif) no-repeat !important;
			padding-left: 20px !important;
		}
		/*calendar widget */
		li.widget_calendar td {
			padding: 1px 5px;
		}
		/*text widget */
		.textwidget {
			padding-top: 7px;
		}

/* footer area */
#footerbg {
	clear: both;
	position:relative;
	z-index:20;
	background: #000;
	height:100px;
}
	#footer {
		width: 770px;
		margin: 0px auto;
		font-size: .95em;
		color: #fff;
		line-height: 130%;
	}
		#footer a, #footer a:visited {
			color: #FFF;
		}
		#footer h4 {
			font: normal 146%/100% "Trebuchet MS", Tahoma, Arial;
			color: #FFF;
			margin: 10px 0px 5px;
			border-bottom: 1px dotted #CFF690;
		}
		.footer-meta {
			width: 225px;
			float: right;
			margin-left: 10px;
		}
			.footer-meta strong {
				font-size: 1.07em;
				line-height: 135%;
				font-weight: bold;
			}
			.footer-meta ul {
				list-style: none;
				margin: 0px;
				padding: 0px;
				font-size: .92em;
				line-height: 110%;
			}
			.footer-meta ul li {
				background: url(images/mini-footer-icon.gif) no-repeat 5px 9px;
				padding: 5px 0px 5px 20px;
				border-bottom: 1px dashed #CFF690;
				font-size: 1.07em;
				line-height: 135%;
				font-weight: bold;
			}
		/* credits */
		#credits {
			color: #E3F7C3;
			text-decoration: none;
			padding: 10px;
			line-height: 20px;
		}
		#credits a {
			color: #E3F7C3;
		}
		.footer-meta ul li.rss {
			background: url(images/mini-rss.gif) no-repeat 0px 6px;
		}
		.loginout {
			background: url(images/mini-loginout.gif) no-repeat left center;
			padding-left: 18px;
			padding-bottom: 2px;
			margin-left: 8px;
		}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
}
img.alignleft, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.alignright {
	float: right;
}
img.alignright, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear: both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}