/*

Theme Name: WP Summerlin

Theme URI: http://themeforest.net/user/contempoinc?ref=contempoinc

Description: Personal Blog, Video, Photography, Business, Portfolio

Version: 1.1

Author: Chris Robinson

Author URI: http://wp.contempographicdesign.com

*/



/** CSS - Summerlin

==============================================================================*/



* { /* removes defaults from all elements */

	margin: 0;

	padding: 0;

	list-style: none;

}



/** Body

==============================================================================*/



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 14px;

	line-height: 20px;

	color: #323232;

	background: url(images/body_bg/body_bg_blue.jpg) no-repeat top #fff;

	margin: 0 auto;

}



#inner {

	background-image: url(images/body_bg/body_bg_blue_inner.jpg);

}



/** Container

==============================================================================*/



#container {

	width: 945px;

	margin: 0 auto;

} 



/** Floats

==============================================================================*/



.clear {

	clear: both;

}



.left {

	float: left;

}



.right {

	float: right;

}



/** Images

==============================================================================*/



#content img {

	border: 1px solid #dcdcdc;

	padding: 4px;

	background-color: #fff;

}



#content img.left,

#content-inner img.left,

#sidebar img.left,

img.alignleft {

	margin: 0 16px 8px 0;

}



img.alignleft {

	float: left;

}



#content img.right,

#content-inner img.right,

#sidebar img.right,

img.alignright {

	margin: 0 0 8px 16px;

}



img.alignright {

	float: right;

}



#postimg {

	margin: 30px 0 30px 0;

}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

}



a img {

	border: none;

}



/** H Tags

==============================================================================*/



h1 {

	font-size: 34px;

	line-height: 38px;

	margin: 0 0 32px 0;

	font-weight: normal;

}



.post h1,

.postcontent h1 {

	margin: 0 0 8px 0;

}



h2 {

	font-size: 18px;

	line-height: 20px;

	padding: 0 0 8px 0;

	margin: 0 0 24px 0;

	font-weight: normal;

	text-transform: uppercase;

	border-bottom: 1px solid #dcdcdc;

}



#sidebar h2 {

	margin-bottom: 16px;

	background: url(images/sidebar_h_divider.jpg) repeat-x bottom;

}



h2.comments {

	border-bottom: none;

	background: url(images/double_divider.jpg) repeat-x bottom;

}



h3 {

	font-size: 16px;

	line-height: 18px;

	margin: 0 0 18px 0;

	font-weight: normal;

}



h4 {

	font-size: 14px;

	line-height: 16px;

	margin: 0 0 16px 0;

	font-weight: normal;

	text-transform: uppercase;

}



#footer h4 {

	padding: 0 0 4px 0;

	border-bottom: 3px solid #cdcdcd;

}



h5 {

	font-size: 12px;

	line-height: 14px;

	margin: 0 0 14px 0;

	font-weight: bold;

	text-transform: uppercase;

}



/** Links

==============================================================================*/



a:link {

	color: #5b8cd5;

	text-decoration: none;

}



a:visited {

	color: #5b8cd5;

	text-decoration: none;

}



a:hover {

	color: #2e466a;

	text-decoration: none;

}



a:active {

	color: #5b8cd5;

	text-decoration: none;

}



/** Paragraphs

==============================================================================*/



p {

	margin: 0 0 32px 0;

}



/** Lists

==============================================================================*/



#content dl,

#content ol,

#content ul {

	padding: 0 0 30px 15px;

}



#content ol li,

#content ul li {

	line-height: 24px;

}





#content dl {

	padding-left: 0;

}



#content dl dt {

	font-weight: bold;

}



#content ol li {

	list-style-type: decimal;

}



#content ul li {

	list-style-type: disc;

}



/** Tables

==============================================================================*/



#content table {

	border-spacing: 2px;

	margin: 0 0 30px 0;

}



#content th {

	font-weight: bold;

	border-top: 1px solid #b2ceed;

	border-bottom: 1px solid #91a8c3;

	background-color: #a3bdda;

}



#content th, #content td {

	padding: 5px 10px;

}



#content tr.even {

	background-color: #efefef;

}



/** Misc Elements

==============================================================================*/



pre {

	width: 579px;

	padding: 15px;

	margin: 0 0 30px 0;

	border: 1px solid #ccc;

	border-left: 5px solid #ccc;

	background-color: #efefef;

	white-space: pre-wrap; /* css-3 */

	white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */

	white-space: -pre-wrap; /* Opera 4-6 */

	white-space: -o-pre-wrap; /* Opera 7 */

	word-wrap: break-word; /* Internet Explorer 5.5+ */

}



blockquote {

	margin: 0 0 30px 30px;

	padding: 0 0 0 15px;

	border-left: 3px solid #dfddd5;

}



/** Logo

==============================================================================*/



#logo {

	display: block;

	margin: 0 0 0 0;

}



a img {

	border: none;

}



/** Nav

==============================================================================*/



#navwrap {

	width: 945px;

	height: 35px;

	margin: 0px 0 16px 0;

	padding: 0 0 0 0;

	background: url(images/nav_bg-trans.png) no-repeat;

}



#nav,

#nav ul {

	list-style-position: outside;

	position: relative;

	z-index: 5;

}



#nav li {

	float: left;

	line-height: 35px;

	background: url(images/nav_divider.jpg) no-repeat right;

}



#nav li ul li {

	background-image: none;

}



#nav li {

	float: left;

	position: relative;

	z-index: 20;

}



#nav li a {

	display: block;

	position: relative;

	float: left;

	height: 35px;

	padding: 0 16px;

	z-index: 35;

}



#nav li#home {

	line-height: 0;

}



#nav li#home a img {

	position: relative;

	top: 11px;

}



#nav ul {

	display: none;

	left: -1px;

	position: absolute;

	top: 34px;

	width: 232px;

	border-right: 1px solid #fff;

	border-left: 1px solid #a6a6a6;

	background: #eeeeee;

}



#nav li ul a {

	width: 200px;

	height: auto;

	float: left;

	text-align: left;

	padding: 0 16px;

	border-bottom: 1px solid #a6a6a6;

}



#nav ul ul {

	top: auto;

	border-top: none;

	background: #eeeeee;

}	



#nav li ul ul {

	left: 232px;

}



#nav li:hover ul ul,

#nav li:hover ul ul ul,

#nav li:hover ul ul ul ul {

	display: none;	

}



#nav li:hover ul,

#nav li li:hover ul,

#nav li li li:hover ul,

#nav li li li li:hover ul{

	display: block;

}



/** Search

==============================================================================*/



#s {

	height: 14px;

	width: 175px;

	font-size: 10px;

	text-transform: uppercase;

	margin: 7px 7px 0 0;

	padding: 3px 8px 2px 24px;

	border: 1px solid #a6a6a6;

	background: url(images/search_icon.jpg) no-repeat 4px 4px #fff;

}



/** Slider

==============================================================================*/



#featured {

	width: 945px;

	height: 286px;

	padding: 0 0 32px 0;

	background: url(images/double_divider.jpg) repeat-x bottom;

}



#featuredinner {

	position: relative;

	width: 917px;

	height: 258px;

	padding: 14px;

	background: url(images/slider_bg-trans.png) no-repeat;

}



#featured a#prevarrow,

#featured a#nextarrow {

	position: relative;

	z-index: 2;

	display: block;

	width: 34px;

	height: 31px;

	outline: none;

	cursor: pointer;

}



#featured a#prevarrow {

	top: 116px;

	left: 0;

	background: url(images/slider_prev_arrow-trans.png) no-repeat;

}



#featured a#nextarrow {

	top: 85px;

	left: 883px;

	background: url(images/slider_next_arrow-trans.png) no-repeat;

}



#featured a#prevarrow span,

#featured a#nextarrow span {

	display: none;

}



#slides {

	position: absolute;

	z-index: 1;

	top: 14px;

}



#posttitle {

	position: relative;

	background: #222;

	text-align: center;

	color: #ccc;

	z-index: 3;

}



/** Small Column

==============================================================================*/



.smcol {

	width: 195px;

	margin: 0 12px 32px 0;

}



.smcol.last {

	margin: 0;

}



.smcol img {

	margin: 0 0 8px 0;

}



.smcol h3, .smcol p {

	padding: 0 8px;

}



.smcol h3 {

	margin: 0 0 8px 0;

}



.smcol p {

	font-size: 12px;

	line-height: 16px;

	margin-bottom: 8px;

}



/** Content

==============================================================================*/



#content {

	width: 945px;

	margin: 32px 0 64px 0;

}



#leftcol {

	width: 609px;

}



.post {

	margin: 0 0 32px 0;

	padding: 0 0 32px 0;

	border-bottom: 3px solid #efefef;

}



.post p {

	margin: 0;

}



.postcontent p {

	margin: 0 0 16px 0;

}



.postcontent .video {

	margin: 0 0 32px 0;

}



.meta {

	width: 609px;

	font-size: 11px;

	margin: 0 0 32px 0;

	padding: 8px 0 0 0;

	color: #7e7e7e;

	text-transform: uppercase;

	background: url(images/double_divider.jpg) repeat-x top;

}



.commentnum {

	padding: 0 16px 0 0;

	background: url(images/comments_icon-trans.png) no-repeat right;

}



#tags {

	font-size: 11px;

	color: #7e7e7e;

	text-transform: uppercase;

	padding: 8px 0 0 0;

	background: url(images/double_divider.jpg) repeat-x top;

}



/** Comments

==============================================================================*/



#comments,

.comment {

	margin: 0 0 16px 0;

}



.comment {

	border-bottom: 1px solid #dcdcdc;

}



p.moderation {

	text-align: center;

	font-size: 10px;

	text-transform: uppercase;

	margin: 0;

	padding: 2px 0;

	background: #ffe8a8;

}



.userinfo {

	width: 90px;

	margin: 0 20px 16px 0;

}



.userinfo p {

	margin: 0;

	text-align: right;

	font-size: 11px;

}



.comcontent {

	width: 497px;

}



/** Gallery

==============================================================================*/



#gallery img.left {

	margin: 0 15px 15px 0;

}



#gallery img.last {

	margin-right: 0;

}



/** Post Nav

==============================================================================*/



#prevpost a {

	display: block;

	width: 112px;

	height: 32px;

	background: url(images/prev_btn-trans.png) no-repeat 0 0;

	overflow: hidden;

}



#prevpost a:hover {

	background-position: 0 -32px;

}



#nextpost a {

	display: block;

	width: 113px;

	height: 32px;

	background: url(images/next_btn-trans.png) no-repeat 0 0;

	overflow: hidden;

}



#nextpost a:hover {

	background-position: 0 -32px;

}



#prevpost a span,

#nextpost a span {

	display: none;

}



#postnav img {

	border: none;

	background: none;

	padding: 0;

}



/** Sidebar

==============================================================================*/



#sidebar {

	width: 305px;

	font-size: 12px;

	line-height: 18px;

}



.widget {

	width: 305px;

	margin: 0 0 16px 0;

	background: url(images/widget_bottom_bg.jpg) no-repeat bottom;

}



.widgethead {

	width: 305px;

	height: 16px;

	background: url(images/widget_top_bg.jpg) no-repeat top;

}



#content .widget ul {

	padding: 0;

}



#content .widget ul li {

	padding: 4px 0;

	margin: 0;

	line-height: 18px;

	list-style-type: none;

	border-bottom: 1px solid #ddd;

}



.widgetinner {

	width: 257px;

	padding: 8px 24px 24px 24px;

}



#sidebar img.smsqad {

	padding: 0px;

	border: none;

	background: none;

	margin: 0 2px 2px 0;

}



#flickr img {

	float: left;

	margin: 0 8px 8px 0;

	height: 67px;

	width: 67px;

}



#joinflickr,

#advertise {

	font-size: 10px;

	margin: 0;

	text-align: center;

	text-transform: uppercase;

}



/** More Button

==============================================================================*/



.more a {

	display: block;

	width: 64px;

	height: 16px;

	background: url(images/more_btn-trans.png) no-repeat 0 0;

	overflow: hidden;

}



.more a:hover {

	background-position: 0 -16px;

	cursor: pointer;

}



.more a span {

	display: none;

}



/** Twitter

==============================================================================*/



.tweet .tweet_text {

	font-size: 10px;

	color: #d0d0d0;

	line-height: 12px;

}



#twitter ul {

	margin: 0;

	padding: 0;

}



#twitter ul li {

	list-style-type: none;

	line-height: 18px;

}



.date, .author {

	text-transform: uppercase;

	font-size: 10px;

	color: #666;

}



/** Comment Form / Contact Form

==============================================================================*/



#commentform,

#contactform {

	width: 432px;

}



fieldset {

	border: none;

}



#commentform .text-input,

#contactform .text-input,

#commentform select,

#contactform select {

	width: 398px;

	color: #555555;

	font-size: 11px;

	margin: 0 5px 10px 0;

	border: 1px solid #cdcdcd;

	background-color: #fff;

}



#commentform input.text-input,

#contactform input.text-input {

	height: 19px;

	padding: 6px 16px 0 16px;

}



#commentform select {

	padding: 5px 3px 5px 15px;

}



#commentform textarea.text-input,

#contactform textarea.text-input {

	height: 178px;

	padding: 6px 16px 0 16px;

}



#commentform input:focus,

#commentform select:focus,

#commentform textarea:focus,

#contactform input:focus,

#contactform select:focus,

#contactform textarea:focus{

	background: #efefef;

}



#submit {

	background: #cdcdcd;

	border: none;

	padding: 6px 16px;

}



#submit:hover {

	cursor: pointer;	

}



/** Footer

==============================================================================*/



#footer {

	width: 945px;

	margin: 0 0 32px 0;

	padding: 32px 0 0 0;

	font-size: 10px;

	color: #565656;

	text-transform: uppercase;

	background: url(images/double_divider.jpg) repeat-x top;

}



#footer h3 {

	color: #323232;

}



#footer p {

	line-height: 16px;

}



#footerwidgetwrap {

	width: 288px;

}



.footerwidget {

	width: 288px;

	margin: 0 32px 0 0;

}



.footerwidget p {

	text-transform: none;

}



.footerwidget ul li {

	border-bottom: 1px solid #dcdcdc;

}