/* -----------------------------------------------

base.css


contents:
General
Header
Main Body
Footer
Pagination
Arrows
Buttons
Additional Elements

----------------------------------------------- */


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}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#container {
	position: relative;
	height: auto;
	min-height: 100%;
}

h1 {
	font-family: 'Myriad Pro', sans-serif;
	font-weight: bold;
	font-size: 50px;
	min-height: 50px;
	color: #000;
}

h2 {
	font-weight: bold;
	font-size: 18px;
	color: #666;
	margin-bottom: 15px;
}

h3 {
	font-size: 18px;
	color: #000;
}

h4 {
	font-size: 14px;
	color: #999999;
}

img {
	border: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
}

	img.s7 {
		display: block;
	}

p {
	font-size: 13px;
	color: #666;
	margin: 5px 0;
}

object {
	display: block;
}

a {
	color: #008cda;
	text-decoration: none;
}
	a:hover {
		color: #000;
	}
	
/* -----------------------------------------------

header

----------------------------------------------- */

#header {
	width: 100%;
	min-width: 980px;
	
	color: #a9a9a9;
	font-weight: bold;
}
	#header .container {
		width: 980px;
		margin: 0 auto;
		position: relative;
	}

	#header .logo, #header .adobe {
		background-image: url('http://www.photoshop.com/images/common/logos.png');
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	
	/**
	 * Left Photoshop.com logo
	 */
	#header .logo {
		float: left;
		
		background-position: 0 0;
		width: 220px;
		height: 45px;
	}
	
	/**
	 * Right Adobe flag.
	 */
	#header .adobe {
		position: absolute;
		top: 0;
		right: 20px;
		
		background-position: -221px 0;
		width: 38px;
		height: 63px;
	}
	
	
	/**
	 * The bottom black bar in the header.
	 */
	#header .controls {
		background-color: #000;
		height: 25px;
	}
	
		
/* -----------------------------------------------

main body

----------------------------------------------- */

#main {
	min-width: 940px;
	padding-bottom: 480px;
	
	clear: both;
	overflow: auto;
}

	#main .container
	{
		width: 940px;
		padding: 55px 0 75px;
		margin: 0 auto;
		clear: both;
	}

		
/* -----------------------------------------------

footer

----------------------------------------------- */
#footer
{
	position: absolute;
	bottom: 0;

	width: 100%;
	min-width: 980px;
	overflow: auto;
	background-color: #e3e3e3;
	
	font-size: 11px;
	font-weight: bold;
	color: #a3a3a3;
}

	/**
	 * Back to top footer bar.
	 */
	#footer .divider {
		background-color: #CCCCCC;
		margin: 0;
		padding: 0;
	}

		#footer .divider .container {
			margin: 0 auto;
			width: 940px;
			padding: 10px 0 5px;
			font-size: 11px;
			overflow: auto;
		}

		#footer .divider .container .left_column {
			float: left;
			width: 600px;
		}

		#footer .divider .container .right_column {
			float: right;
			margin: 0;
			padding: 6px 0 0;
			text-align: right;
			width: 340px;
		}

	/**
	 * The centered fixed-width container for the footer.
	 */
	#footer .container
	{
		width: 980px;
		padding: 0;
		margin: 0 auto;
	}
	#footer h3
	{
		font-family: Arial, sans-serif;
		font-size: 14px;
		color: #a3a3a3;
		margin: 0 10px 10px 10px;
	}

	/**
	 * Column of links
	 */
	#footer .nav
	{
		width: 230px;
		min-height: 220px;

		float: left;
		border-left: 1px solid #ccc;
		margin: 50px 10px 70px 0;
	}

		#footer .nav ul
		{
			margin: 0 10px;
			padding: 0;
			list-style: none;
		}
		
		#footer .nav li
		{
			line-height: 24px;
		}
		
		#footer .nav a
		{
			color: #a3a3a3;
		}

	/**
	 * Bottom copyright
	 */
	#footer .section
	{
		clear: both;
		margin: 20px 0;
	}

		#footer .section p
		{
			font-size: 12px;
			line-height: 13px;
			padding-top: 29px;		
			margin: 0;
			text-align: right;
		}
		
		#footer .section .logo
		{
			float: right;
			width: 33px;
			height: 40px;
			margin: 0 0 0 30px;
			
			background-image: url('http://blogs.adobe.com/photoshopdotcom/images/logos.png');
			background-repeat: no-repeat;
			background-position: -258px 0;
			text-indent: -9999px;
		}
		
/* -----------------------------------------------

pagination for later




.pagination_container {
	float: left;
	width: 940px;
	margin: 40px 0px 0px 0px;

}

.pagination_container a, 
.pagination_container span {
	float: left;
	min-width: 8px;
	height: 18px;
	border: 1px solid;
	margin: 0px 1px 0px 0px;
	padding: 0px 5px 0px 5px;
	text-align: center;
	line-height: 19px;
	font-weight: bold;
	font-size: 12px;
	background-color: #008cda;
	border-color: #008cda;
	color: #ffffff;
}

.pagination_container a:hover {
	background-color: #000000;
	border-color: #000000;
}

.pagination_container span.disabled {
	background-color: #cccccc; 
	border-color: #cccccc;
}

.pagination_container a.prev_page,
.pagination_container span.prev_page {
	background-image: url(../images/template/pagination_arrows.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.pagination_container a.next_page,
.pagination_container span.next_page {
	background-image: url(../images/template/pagination_arrows.gif);
	background-position: -17px 0px;
	background-repeat: no-repeat;
}

.pagination_container span.current {
	background-color: #ffffff;
	border-color: #cccccc;
	color: #008cda;
}

END PAGINATION----------------------------------------------- */




/* -----------------------------------------------

arrows

----------------------------------------------- */


.arrow {
	font-weight: bold;
	color: #008cda;
	
	background-image: url('http://blogs.adobe.com/photoshopdotcom/images/arrows_blog.gif');
	background-repeat: no-repeat;
}

a.arrow {
	font-size: 12px;
	line-height: 13px;
	display: inline-block;
}

a.arrow.right {
	background-position: 100% -60px;
	padding-right: 15px;
}

	a.arrow.right:hover {
		color: #000;
		background-position: 100% -74px;
	}

a.arrow.left {
	background-position: 0 -3px;
	padding-left: 15px;
}

	a.arrow.left:hover {
		background-position: 0 -16px;
	}
	
a.arrow.down {
	background-position: 0 -30px;
	padding-left: 15px;
}

	a.arrow.down:hover {
		background-position: 0 -45px;
	}
	
a.arrow.up {
	background-position: 100% -89px;
	padding-right: 15px;
}
	a.arrow.up:hover {
		background-position: 100% -104px;
	}
	
	
/* -----------------------------------------------

buttons

----------------------------------------------- */


.button {
	float: left;
	
	display: block;
	padding: 0 25px;
	margin-right: 10px;
	
	min-width: 38px;
	overflow: visible;
	
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	color: #fff;
	
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	
	background: #0177ba url(http://blogs.adobe.com/photoshopdotcom/images/normal-bg.png) left top repeat-x;
	border: 1px solid #006299;
}

	.button::-moz-focus-inner, .button::-moz-focus-inner
	{
		border: 0;
	}
	
	.button:hover {
		color: #fff;
		background-color: #2587bf;
		border-color: #1f75a5;
		background-position: 0 -28px;
	}
	
	.button:active
	{
		background-color: #01659e;
		border-color: #005382;
		background-position: 0 -56px;
	}
	
	.button img {
		margin-right: 7px;
		margin-bottom: -1px;
	}
	
	
/* -----------------------------------------------

additional elements

----------------------------------------------- */


.small {
	font-size: small;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
	display: block;
}

.hidden {
	display: none;
}

.avatar {
	float: left;
	margin: 0 15px 15px 0;
	/**
	 * background-color: blue;
	 * height: 10ft;
	 */
}

.pager_top, .pager_bottom {
  text-align: center;
  margin: 10px 0;
  clear: both;
}