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

Theme Name:   Open
Theme URL:    http://themeforest.net/user/Maximus?ref=Maximus
Description:  Open Is A Community Based WordPress Theme.
Author:       Maximus
Author URI:   http://themeforest.net/user/Maximus?ref=Maximus
Version:      1.0

---------------------------------------------------
 
   
 TABLE OF CONTENTS
 
    0. RESET
    1. GLOBAL
    2. TOP BAR
        - 2.1. MENU
        - 2.2. MENU DROPDOWN
        - 2.3. LINKS
    3. HEADER
        - 3.1. LOGO
        - 3.2. SEARCH
    4. NAVIGATION
        - 4.1. MAIN MENU DROPDOWN
        - 4.2. MAIN MENU WITH DESCRIPTIONS OFF
    5. CONTENT
        - 5.1. MAIN
        - 5.2. SHOWCASE
        - 5.3. POST
        - 5.4. SINGLE POST
               - 5.4.1 AUTHOR INFO
               - 5.4.2 RELATED POSTS
               - 5.4.3 COMMENTS
               - 5.4.4 RESPOND FORM
        - 5.5. SIDEBAR
    6. WIDGETS
        - 6.1. SEARCH WIDGET
        - 6.2. SPONSORS WIDGET
        - 6.3. TABBED POSTS WIDGET
        - 6.4. ADVERTISEMENT WIDGET
        - 6.5. TABBED ARCHIVE WIDGET
        - 6.6. FEATURED VIDEOS WIDGET
        - 6.7. FLICKR WIDGET
        - 6.8. TWITTER WIDGET
    7. SUB FOOTER
        - 7.1. FLICKR WIDGET
        - 7.2. TWITTER WIDGET
        - 7.3. ENEWS WIDGET
    8. FOOTER
    9. PAGINATION
   10. PAGE TEMPLATES
       - 10.1. SIDEBAR LEFT TEMPLATE
       - 10.2. FULL WIDTH TEMPLATE
   11. SHORTCODES
       - 11.1. COLUMNS
       - 11.2. DIVIDERS
   12. BROWSER HACKS
       - 12.1. IE7
   13. THEME COLOR STYLES
   
   
------------------------------------------------ */



/*-------------------------------------
   0. RESET
-------------------------------------*/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
	
:focus {
	outline: 0;
	}
	
body {
	line-height: 1;
	color: black;
	background: white;
	}
	
ol, ul {
	list-style: none;
	}
	
table {
	border-collapse: separate;
	border-spacing: 0;
	}
	
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
	
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
	
blockquote, q {
	quotes: "" "";
	}
	
	

/*-------------------------------------
   1. GLOBAL
-------------------------------------*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #404040;
	background: url(images/bg.png);
	}
	
a {
	color: #202020;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
.fl {
	float: left;
	}
	
.fr {
	float: right;
	}
	
.em {
	font-style: italic;
	}
	
.clear {
	clear: both;
	}

.half {
	width: 285px;
	margin-right: 30px;
	}
	
.half.even {
	margin-right: 0;
	}
	
.half:nth-child(2n+0) {
	margin-right: 0;
	}
	
.img-bdr {
	padding: 5px;
	background: #f5f5f5;
	border: 1px solid #e4e4e4;
	box-shadow: 0 1px 2px #efefef;
	-moz-box-shadow: 0 1px 2px #efefef;
	-webkit-box-shadow: 0 1px 2px #efefef;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	}
		
.img-bdr img {
	border: 1px solid #e4e4e4;
	}
	
.display-none {
	display:none;
}

/*-------------------------------------
   2. TOP BAR
-------------------------------------*/

#top-bar {
	background: #ffffff;
	height: 37px;
	padding: 5px 30px 0 30px;
	}
	
/*----- 2.1. MENU -----*/
	
#top-bar ul li {
	font-size: 11px;
	font-weight: bold;
	float: left;
	margin-right: 20px;
	position: relative;
	z-index:9999;
	}
		
#top-bar ul li:hover { 
	visibility: inherit; /* fixes IE7 'sticky bug' */
	}
	
#top-bar ul li a {
	padding: 6px 0 10px 0;
	color: #404040;
	text-decoration: none;
	float: left;
	}
	
#top-bar ul li a:hover {
	text-decoration: underline;
	visibility: inherit;
	}
	
/*----- 2.2. MENU DROPDOWN -----*/
	
#top-bar ul ul { 
	position: absolute;
	top: -9999em;
	width: 175px;
	display: none;
	z-index: 99999;
	}
	
#top-bar ul ul li {
	width: 175px;
	}
	
#top-bar ul ul li:after,
#top-bar ul li li:after,
#top-bar ul li li li li:after {
	content: "";
	}
	
#top-bar ul li:hover ul,
#top-bar ul li.sfHover ul { 
	left: -12px;
	top: 37px;
	}
	
#top-bar ul li:hover li ul,
#top-bar ul li.sfHover li ul,
#top-bar ul li li:hover li ul,
#top-bar ul li li.sfHover li ul,
#top-bar ul li li li:hover li ul,
#top-bar ul li li li.sfHover li ul { 
	top: -9999em;
	}

#top-bar ul li li:hover ul,
#top-bar ul li li.sfHover ul,
#top-bar ul li li li:hover ul,
#top-bar ul li li li.sfHover ul,
#top-bar ul li li li li:hover ul,
#top-bar ul li li li li.sfHover ul { 
	left: 175px;
	top: -2px;
	}

#top-bar ul ul { 
	border: 1px solid #e7e7e7;
	border-top:  1px solid #ffffff;
	border-bottom: none;
	top: -2px;
	}

#top-bar ul ul li {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e7e7e7;
	background: #ffffff; outline: 0;
	margin-right: 0;
	}
	
#top-bar ul ul li a {
	padding: 8px 12px !important;
	color: #404040;
	display: block;
	width: 150px;
	}
		
#top-bar ul ul li.sfHover, 
#top-bar ul ul li.sfHover, 
#top-bar ul ul li a:focus, 
#top-bar ul ul li a:hover, 
#top-bar ul ul li a:active { 
	outline: 0;
	background: #f9f9f9;
	text-decoration: none;
	}
	
#top-bar span.sf-sub-indicator {
	color: #404040;
	font-weight: normal;
	padding-left: 3px;
	}
	
/*----- 2.3. LINKS -----*/

#top-bar ul.fr li {
	margin: 0 0 0 8px;
	}
					
#top-bar ul.fr li a {
	padding: 6px 0px;
	display: inline-block;
	}
	
#top-bar ul.fr li.last {
	margin-right: 0px;
	}
	
#top-bar ul.fr li:last-child {
	margin-right: 0px;
	}
	
#top-bar ul.fr li a span {
	height: 22px;
	width: 20px;
	display: inline-block;
	background: url(images/sprite-icons.png) no-repeat;
	}
	
#top-bar ul.fr li a span.twitter {
	background-position: 0px 0px;
	}

#top-bar ul.fr li a span.email {
	background-position: 0px -29px;
	}

#top-bar ul.fr li a span.rss {
	background-position: 0px -58px;
	}
	
	

/*-------------------------------------
   3. HEADER
-------------------------------------*/

#header {
	background: url(images/header-bg-grey.jpg) no-repeat;
	padding: 30px;
	}
			
/*----- 3.1. LOGO -----*/

#header .logo {
	float: left;
	width: 400px;
	}
		
#header .logo .title {
	float: left;
	margin-right: 25px;
	}
	
#header .logo .title h1 {
	font-size: 38px;
	text-transform: uppercase;
	letter-spacing: -1px;
	margin: -2px 0 0 0;
	}
	
/*  
	Target - IE7 
	*+html #header .logo .title h1 {
		line-height: 24px;
		}
*/

	
#header .logo .title h1 a {
	color: #ffffff;
	}
			
#header .logo .description {
	float: left;
	margin-top: 10px;
	}
	
#header .logo .description h3 {
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	margin-bottom: 0;
	}
	
/*----- 3.2. BANNER AD -----*/

#header .banner {
	float: right;
	width: 468px;
	height: 60px
	background: #ffffff;
	margin: -15px 0;
	}	
	

/*-------------------------------------
   4. NAVIGATION
-------------------------------------*/

#main-nav {
	padding: 0 30px;
	background: url(images/nav-bg.png) repeat-x #161616;
	z-index: 40;
	}
	
#main-nav ul.nav {
	font-size: 13px;
	font-weight: bold;
	float: left;
	position: relative;
	margin-bottom: 0 !important;
	}

#main-nav ul.nav li {
	float: left;
	margin: 0 45px 0 0 !important;
	padding: 10px 0;
	position: relative;
	}
	
#main-nav ul.nav li.last {
	margin-right: 0px !important;
	}
		
#main-nav ul.nav li:last-child {
	margin-right: 0px !important;
	}
	
#main-nav ul.nav li:hover { 
	visibility: inherit; /* fixes IE7 'sticky bug' */
	}
					
#main-nav ul.nav li a {
	color: #ffffff;
	text-decoration: none;
	display: block;
	text-shadow: black 0px 2px 0px;
	}
	
#main-nav ul.nav li a:hover {
	color: #999999;
	}
	
#main-nav ul.nav li a span {
	padding: 6px 0 8px 0;
	display: block;
	}
		
#main-nav ul.nav li a:hover {
	color: #999999;
	visibility: inherit;
	}
		
#main-nav ul.nav li li {
	margin: 0px !important;
	}
	
#main-nav ul.nav li li a {
	background: none !important;
	padding-left: 10px !important;
	}

#main-nav ul.nav li li span {
	background: none !important;
	padding: 0px !important;
	}
								
/*----- 4.1. MENU DROPDOWN -----*/
	
#main-nav ul ul { 
	position: absolute;
	top: -9999em;
	width: 215px;
	display: none;
	z-index:999;
	}
	
#main-nav ul ul li {
	width: 185px;
	}
		
#main-nav ul li:hover ul,
#main-nav ul li.sfHover ul { 
	left: -20px;
	top: 60px;
	}
	
#main-nav ul li:hover li ul,
#main-nav ul li.sfHover li ul,
#main-nav ul li li:hover li ul,
#main-nav ul li li.sfHover li ul,
#main-nav ul li li li:hover li ul,
#main-nav ul li li li.sfHover li ul { 
	top: -9999em;
	}

#main-nav ul li li:hover ul,
#main-nav ul li li.sfHover ul,
#main-nav ul li li li:hover ul,
#main-nav ul li li li.sfHover ul,
#main-nav ul li li li li:hover ul,
#main-nav ul li li li li.sfHover ul { 
	left: 185px;
	top: -1px;
	}

#main-nav ul ul { 
	top: -1px;
	font-size: 12px;
	margin-top:-5px;
	}

#main-nav ul ul li {
	background:#161616;
	outline: 0;
	margin-right: 0;
	padding:0 !important;
	padding:0 10px !important;
	}
	
#main-nav ul ul li a {
	padding: 10px 15px !important;
	display: block !important;
	border-bottom: 1px dotted #202020;
	color: #999999;
	width: 155px;
	}
	
#main-nav ul ul li a:hover {
	color: #ffffff;
	}
	
#main-nav ul ul li.sfHover, 
#main-nav ul ul li.sfHover, 
#main-nav ul ul li a:focus, 
#main-nav ul ul li a:hover, 
#main-nav ul ul li a:active { 
	outline: 0;
	text-decoration: none;
	}
	
#main-nav span.sf-sub-indicator {
	color: #999999;
	font-weight: normal;
	padding-left: 3px;
	}
	


/*-------------------------------------
   5. CONTENT
-------------------------------------*/

.wrap {
	margin: 0 auto;
	padding: 20px 0 60px 0;
	width: 977px;
	}

#content {
	background: url(images/content-bg.png) repeat-y #ffffff;
	background-position: 0px 0px;
	border: 1px solid #cccccc;
	box-shadow: 0 0 3px #cccccc;
	-moz-box-shadow: 0 0 3px #cccccc;
	-webkit-box-shadow: 0 0 3px #cccccc;
	min-height: 500px;
	}
	
#content.content-full-width {
	background: url(images/content-bg-full-width.png) repeat-y #ffffff;
	}
	
#content.content-sidebar-left {
	background: url(images/content-bg-sidebar-left.png) repeat-y #ffffff;
	}
	
#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 {
	font-weight: bold;
	color: #202020;
	margin-bottom: 30px;
	text-shadow: white 0px 1px 0px;
	}
	
#content h1 { font-size: 28px; letter-spacing: -0.50px; }
#content h2 { font-size: 24px; letter-spacing: -0.50px; }
#content h3 { font-size: 18px; letter-spacing: -0.25px; }
#content h4 { font-size: 16px; }
#content h5 { font-size: 14px; }
#content h6 { font-size: 12px; }

#content p, #content ul, #content blockquote, #content pre {
	margin-bottom: 30px;
	}
	
#content a.button {
	background: url(images/button-left.png) no-repeat left;
	display: inline-block;
	padding: 0 0 0 12px;
	text-decoration: none;
	}
	
#content a.button span {
	background: url(images/button-right.png) no-repeat right;
	display: inline-block;
	padding: 10px 12px 10px 0;
	color: #505050;
	font-weight: bold;
	font-size: 11px;
	text-shadow: white 0px 1px 0px;
	}
				
/*----- 5.1. MAIN -----*/

#main {
	width: 600px;
	float: left;
	padding: 30px;
	}
	
#main ul li, #main ol li {	
	list-style: disc inside;
	padding-left: 20px;
	}
	
#main ul ul, #main ol ol {	
	margin-bottom: 0;
	}
		
/*----- 5.2. FEATURED -----*/

#featured {
	padding: 30px 30px 35px 30px;
	background: url(images/featured-bg.png) repeat-x bottom #fbfbfb;
	}
	
#featured #featured-wrap {
	position: relative;
	height: 300px;
	overflow: hidden;
	z-index:9;
	}
	
#featured #featured-inner {
	position: absolute;
	width: 5000px;
	height: 300px;
	}
	
#featured .post {
	float: left;
	width: 285px;
	margin-right: 30px;
	text-align: center;
	margin-bottom: 0;
	}
	
#featured .post:nth-child(3),
#featured .last {
	margin-right: 0 !important;
	}
	
#featured .post h2 {
	font-size: 18px;
	margin-bottom: 25px;
	text-shadow: white 0px 1px 0px;
	}
	
#featured-controls {
	height: 12px;
	margin: 30px -30px -30px -30px;
	text-align: center;
	padding: 13px 30px;
	}
	
#featured-controls .featured-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(images/featured-dot.png);
	}
	
#featured-controls .featured-dot.active {
	background: url(images/featured-dot-active.png);
	}
	
#featured-controls .fl, #featured-controls .fr {
	margin-top: 4px;
	}
	
/*----- 5.3. POST -----*/

#main .post,
#main .half,
#main .small {
	margin-bottom: 60px;
	}
	
#main .post .post-title,
#main .post .post-excerpt {
	margin-bottom: 20px;
	}
	
#main .post .post-title {
	line-height: 24px;
	}
	
.post-meta span.twitter a,
.post span.twitter a,
.post-meta span.link a,
.post span.link a,
.post-meta span.author a,
.post span.author a,
.post-meta span.category,
.post span.category,
.post-meta span.comments a,
.post span.comments a {	
	background: url(images/sprite-icons.png) no-repeat;
	padding: 5px 0px 6px 25px;
	}
	
.post-meta span.twitter a,
.post span.twitter a,
.post-meta span.link a,
.post span.link a,
.post-meta span.author a,
.post span.author a,
.post-meta span.category a,
.post span.category a,
.post-meta span.comments a,
.post span.comments a {	
	color: #707070;
	font-size: 11px;
	font-weight: bold;
	margin-right: 20px;
	}
	
#author-info .post-meta a {
	margin-right:0;
	font-size:11px;
}
	
#author-info span {
	padding:0 20px 0 0 !important;
}
	
.post-meta span.category,
.post span.category {
	background-position: 0px -86px;
	margin-right:20px;
	}

.post-meta span.category a,
.post span.category a {
	margin-right:0;
	}

.post-meta span.author a,
.post span.author a {
	background-position: 0px -204px;
	}

.post-meta span.link a,
.post span.link a {
	background-position: 0px -233px;
	}

.post-meta span.twitter a,
.post span.twitter a {
	background-position: 0px -147px;
	}

.post-meta span.comments a,
.post span.comments a {	
	background-position: 0px -118px;
	margin-right: 0;
	}
	
.meta-box {
	background: url(images/divider.png) repeat-x bottom;
	margin: 0 -29px 30px -30px;
	padding: 0px 30px 20px 30px;
	width: 600px;
	}
	
.meta-box p {
	margin-bottom: 20px !important;
	}
	
.meta-box span {
	font-style: italic;
	font-size: 12px;
	color: #707070;
	}
	
body.date .meta-box h3,
body.search-results .meta-box h3 {
	margin-bottom: 20px !important;
	}
				
/*-- POST IMAGES --*/
	
.attachment-large, .attachment-medium,
.attachment-small, .attachment-post-thumbnail, .avatar {
	box-shadow: 0 1px 2px #999999;
	-moz-box-shadow: 0 1px 2px #999999;
	-webkit-box-shadow: 0 1px 2px #999999;
	}	

.post-img-large, .post-img-medium,
.post-img-small, .post-img {
	background: url(images/sprite-drop-shadows.png) no-repeat;
	}
	
.post-img-large {
	background-position: 0px 214px;
	padding-bottom: 10px;
	margin-bottom: 25px;
	}
	
.post-img-medium {
	background-position: 0px 175px;
	padding-bottom: 7px;
	margin-bottom: 20px;
	}
	
.post-img-small {
	background-position: -565px 125px;
	padding-bottom: 8px;
	margin: 0 30px 30px 0;
	float: left;
	}
	
.post-img {
	background-position: -423px 55px;
	padding-bottom: 10px;
	margin-right: 15px;
	}
			
/*-- POST CONTENT FORMATTING --*/

#main .post-content {
	color:#404040;
	font-size:13px;
}
							
#main .post-content p, #main .post-content ol,
#main .post-content ul, #main .post-content blockquote,
#main .post-content pre {
	margin-bottom: 30px;
	}
	
#main .post-content li {
	list-style-position: inside !important;
	}
	
#main .post-content ol ol,
#main .post-content ul ul,
#main .post-content ol ul,
#main .post-content ul ol {
	margin-bottom: 0;
	}
	
#main .post-content ol li {
	list-style: decimal;
	}
	
#main .post-content ol ol li {
	list-style: lower-alpha;
	}
		
#main .post-content ul ul li {
	list-style: circle;
	}
	
#main .post-content strong {
	font-weight: bold !important;
	}
	
#main .post-content em {
	font-style: italic !important;
	}

#main .post-content blockquote {
	margin-left: 20px;
	padding-left: 20px;
	border-left: 3px solid #ddd;
	}
	
#main .post-content pre {
	background: url(images/pre_bg.png);
	padding: 20px;
	border: 1px solid #ddd;
	white-space: pre;
	line-height: 20px;
	width: 550px;
	overflow: auto;
	overflow-Y: hidden;
	}
	
#main .post-content code {
	font-family: monospace;
	font-size: 13px;
	display: block;
	}

#main .post-content .wp-caption {
	background: #f5f5f5;
	border: 1px solid #e4e4e4;
	box-shadow: 0 1px 2px #efefef;
	-moz-box-shadow: 0 1px 2px #efefef;
	-webkit-box-shadow: 0 1px 2px #efefef;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	padding-top: 5px;
	text-align: center;
	}
	
#main .post-content .aligncenter,
#main .post-content div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	}
	
#main .post-content .alignleft {
	float: left;
	margin-right: 30px;
	}
	
#main .post-content .alignright {
	float: right;
	margin-left: 35px;
	}

#main .post-content .wp-caption img {
	border: 0 none;
	margin: 0;
	padding: 0;
	}
	
#main .post-content .wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 5px 5px;
	}


	
/*----- 5.4. SINGLE POST ----- */
	
body.single-post #main .post-title {
	font-size: 32px !important;
	letter-spacing: -0.50px;
	margin-bottom: 20px !important;
	line-height: 32px;
	}
	
body.single-post #main .post-meta {
	margin-bottom: 10px !important;
	}
		
body.single-post #main .post-section {
	background: url(images/divider.png) repeat-x top;
	margin: 0 -29px 0 -30px;
	padding: 50px 30px;
	width: 600px;
	}
	
body.single-post #main .post-section:last-child,
body.single-post #main .post-section.last {
	margin: 0 -29px 0 -30px;
	padding: 50px 30px 20px 30px;
	}
	
body.single-post #main .post-section h3 {
	margin-bottom: 45px;
	}
		
/*----- 5.4.1. AUTHOR INFO ----- */

#author-info .post-img {
	background: none;
	}

#author-info .fr {
	width: 510px;
	}
	
#author-info h4 {
	margin: 0 0 10px 0;
	}	
	
#author-info h4 em {
	font-size: 12px;
	color: #8e8e8e;
	padding: 0 15px;
	}
	
#author-info .last {
	margin-bottom: 0;
	}	
	
#author-info .last span {
	color: #d0d0d0;
	padding: 0 10px;
	}	
	
/*----- 5.4.2. RELATED POSTS ----- */

#related-posts {
	padding-bottom: 30px !important;
	}
	
#related-posts h4 {
	margin-bottom: 3px !important;
	padding-top: 8px;
	line-height: 18px;
	}
	
#related-posts h4 a {
	color: #202020;	
	}
	
#related-posts em a {
	font-size: 11px;
	font-weight: bold;
	color: #707070;
	text-decoration: none;
	}

#related-posts em a:hover {
	text-decoration: underline;
	}
		
#related-posts .post {
	width: 300px;
	margin-bottom: 30px;
	}
	
#related-posts .post-info {
	width: 205px;
	}
	
#related-posts .even,
#related-posts .post:odd {
	margin-left: 20px;
	}
	
/*----- 5.4.3. COMMENTS ----- */

#comments .post-img {
	background: none;
	}


#comments ul.children {
	margin-left: 15px;
	padding-left: 30px;
	border-left: 1px solid #efefef;
	}
	
#comments ul.children li {
	border-bottom: none;
	}

#comments ul.children li {
	border-bottom: none;
	padding-top: 25px;
	}
	
#comments ol.commentlist li {
	list-style-type: none;
	padding-left: 0;
	border-bottom: 1px solid #efefef;
	margin-bottom: 30px;
	}
	
#comments ol.commentlist li.last {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}

#comments ol.commentlist li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}
	
#comments .comment-author,
#comments .comment-author a {
	font-size: 14px;
	font-weight: bold;
	color: #202020;
	}
	
#comments .comment-author {
	margin: 0px 0px 5px;
	}
	
#comments .comment-author a:hover {
	text-decoration: underline;
	color: #000000;
	}
	
#comments .comment-date {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #8E8E8E;
	padding-left: 20px;
	}
	
#comments .comment-reply {
	padding-right: 15px !important;
	}
	
#comments .comment-reply,
#comments .comment-reply a {
	font-size: 12px !important;
	font-style: italic;
	font-weight: normal !important;
	color: #8E8E8E;
	padding: 0 1px;
	}
	
#comments .comment-reply a {
	color: #315169;
	}
	
#comments .comment-reply a:hover {
	color: #315169;
	}

#comments .comment-text {
	width: 510px;
	}
	
#comments ul.children .comment-text {
	width: 465px;
	}

#comments .comment.depth-3 .comment-text {
	width: 420px;
	}

.comment-controls a {
	color:#505050;
	font-weight:bold;
	font-size:11px;
}

/*----- 5.4.4. RESPOND FORM ----- */

#respond label {
	color: #707070;
	font-size: 12px;
	font-style: italic;
	}
	
#respond input[type=text],
#respond textarea {
	background: url(images/form-field-bg.png) repeat-x #f3f3f3;
	border: 1px solid #e3e3e3;
	padding: 10px;
	margin-right: 20px;
	font-size: 13px;
	line-height: 21px;
	color: #303030;
	width: 280px;
	}
	
#respond input[type=text]:focus,
#respond textarea:focus {
	border: 1px solid #cccccc;
	}
	
#respond textarea {
	width: 400px;
	}
		
#respond .button:hover {
	color: #202020;
	cursor: pointer;
	}
	
#respond .required {
	color: #999999;
	line-height: 45px;
	margin-right: 180px;
	}

/*----- 5.5. SIDEBAR -----*/

#sidebar {
	width: 315px;
	float: left;
	}
	
	

/*-------------------------------------
   6. WIDGETS
-------------------------------------*/

#sidebar .widget {
	width: 255px;
	padding: 30px 30px 35px 25px;
	margin-left: 5px;
	background: url(images/divider.png) repeat-x bottom;
	}
	
body.page-template-template-sidebar-left-php #sidebar .widget {
	padding: 30px 25px 35px 30px;
	margin: 0 5px 0 0;
	}
	
	
#sidebar .last {
	background: none;
	}
	
#sidebar .widget h3 {
	margin-bottom: 30px;
	font-size: 18px;
	text-shadow: white 0px 1px 0px;
	}
	
/*----- 6.1. SEARCH WIDGET -----*/	
		
#sidebar .widget_search form {
	background: url(images/sprite-fields.png) no-repeat;
	background-position: 0px -32px;
	height: 28px;
	width: 255px;
	}
	
#sidebar .widget_search input[type="text"] {
	background: none;
	border: none;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #505050;
	text-shadow: 0 1px 0 #ffffff;
	margin-left: 12px;
	padding: 7px 0;
	width: 205px;
	height: 14px;
	}
	
#sidebar .widget_search button[type="submit"] {
	background: none;
	border: none;
	width: 32px;
	height: 28px;
	vertical-align: top;
	outline: none;
	cursor: pointer;
	}
	
/*----- 6.2. SPONSORS WIDGET -----*/	

#sidebar .widget-ads {
	line-height: 38px;
	letter-spacing: 11px;
	}
	
#sidebar .widget-ads .ad-text {
	letter-spacing: 0px;
	line-height: 18px;
	margin: 5px 0;
	}
	
.footer-ad-info {
	float: left;
	width: 100px;
	padding-top: 12px;
	text-shadow: white 0px 1px 0px;
}

.content-ad-info {
	float: left;
	width: 80px;
	margin-left: 10px;
	padding-top: 8px;
	line-height: 19px;
}
	
#sidebar .widget-ads .ad-image {
	color: #707070;
	font-size: 11px;
	letter-spacing: 0px;
	line-height: 18px;
	text-align: center;
	}
	
#sidebar .widget-ads .ad-image span {
	padding: 5px 0;
	display: block;
	text-align: center;
	}
	
#sidebar .widget-ads .ad-image:hover {
	text-decoration: none;
	color: #333;
	}
	
#sidebar .widget-ads .square .ad-image {
	display: inline-block;
	width: 120px;
	float: left;
	margin-bottom: 10px !important;
	}
	
#sidebar .widget-ads .square .odd {
	margin-left: 15px !important;
	}
	
#sidebar .widget-ads img {
	box-shadow: 0 1px 2px #999999;
	-moz-box-shadow: 0 1px 2px #999999;
	-webkit-box-shadow: 0 1px 2px #999999;
	}
	
#sidebar .widget-ads .square .ad-text {
	width: 120px;
	float: left;
	text-align: center;
	margin: 0 10px 10px 0;
	}
		
.widget-content-banner {
	padding: 15px;
	background: #fafafa;
	border: 1px solid #e3e3e3;
	}
	
.widget-content-banner-bottom {
	background: url(images/widget-shadow-bottom.png) no-repeat center bottom;
	height: 9px;
	margin-bottom: 60px;
	}
	
.widget-content-banner .ad-text,
.widget-content-banner .ad-image {
	float: left;
	text-shadow: white 0px 1px 0px;
	}
	
.widget-content-banner .ad-image {
	margin-right: 10px;
	}
		
.widget-content-banner .ad-text a {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #aaa8a8 !important;
	text-decoration: none !important;
	}
	
.widget-content-banner a:hover {
	text-decoration: none !important;
	}
	
.widget-footer-banner .widget {
	margin-right: 0 !important;
	width: 910px !important;
	}
	
.widget-footer-banner .ad-text,
.widget-footer-banner .ad-image {
	float: left;
	}
	
.widget-footer-banner .ad-image {
	margin-right: 20px;
	}
	
.widget-footer-banner .ad-text a {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	color: #999999 !important;
	text-decoration: none;
	}
	
.widget-footer-banner a:hover {
	text-decoration: none !important;
	}
	
.widget-footer-banner img {
	padding-bottom: 10px;
	background: url(images/sprite-drop-shadows.png) no-repeat;
	background-position: 0px 39px;
	}
				
/*----- 6.3. TABBED POST WIDGET -----*/	
		
#sidebar .widget-posts ul.tabs,
#sidebar .widget-archive ul.tabs {
	height: 41px;
	margin-bottom: 35px;
	}

#sidebar .widget-posts ul.tabs li,
#sidebar .widget-archive ul.tabs li { 
	float: left;
	margin-right: 15px;
	}

#sidebar .widget-posts ul.tabs a,
#sidebar .widget-archive ul.tabs a { 
	color: #505050;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none;
	padding: 10px 8px;
	display: block;
	cursor: pointer;
	}

#sidebar .widget-posts ul.tabs a:hover,
#sidebar .widget-archive ul.tabs a:hover {
	text-decoration: underline;
	}

#sidebar .widget-posts ul.tabs a.current,
#sidebar .widget-archive ul.tabs a.current,
#sidebar .widget-posts ul.tabs a.current:hover,
#sidebar .widget-archive ul.tabs a.current:hover,
#sidebar .widget-posts ul.tabs li.current a,
#sidebar .widget-archive ul.tabs li.current a {
	background: url(images/button-left.png) no-repeat left;
	display: block;
	padding: 0 0 0 12px;
	text-decoration: none;
	}	
	
#sidebar .widget-posts ul.tabs a.current span,
#sidebar .widget-archive ul.tabs a.current span {
	background: url(images/button-right.png) no-repeat right;
	display: block;
	padding: 10px 12px 10px 0;
	}
	
#sidebar .widget-posts .panes .pane .post {
	margin-bottom: 30px;
	}
	
#sidebar .widget-posts .panes .pane .post:last-child {
	margin-bottom: 0;
	}
	
#sidebar .widget-posts .panes .pane h4 {
	margin-bottom: 3px;
	padding-top: 2px;
	line-height: 18px;	
	}
	
#sidebar .widget-posts .panes .pane .em {
	font-size: 12px;	
	}
	
#sidebar .widget .panes .pane {
	display: none;		
	}
	
#sidebar .widget-posts span a {
	font-size: 11px;
	font-weight: bold;
	color: #707070;
	}
		
/*----- 6.4. ADVERTISMENT WIDGET -----*/	
		
#sidebar .widget .box img {
	margin: 0 -18px;
	}
				
/*----- 6.5. ARCHIVE WIDGET -----*/	
		
#sidebar .widget-archive .pane ul li {
	background: url(images/li-item-bg.png) bottom repeat-x;
	padding: 0 0 7px 2px;
	margin-bottom: 7px;
	font-size: 12px;
	color: #bababa;
	font-style: italic;
	line-height: 21px;
	font-weight: bold;
	}
	
#sidebar .widget-archive .pane ul li:last-child,
#sidebar .widget-archive .pane ul {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
	}
	
#sidebar .widget-archive .pane ul li a {
	font-weight: bold;
	font-style: normal;
	color: #202020;
	font-size: 14px;
	display: inline-block;
	width: 230px;
	}
	
/*----- 6.6. FEATURED VIDEO -----*/	
		
#sidebar .widget-video ul.tabs li { 
	float: left;
	margin: 2px 5px 0 0;
	}
	
#sidebar .widget-video ul.tabs li:last-child { 
	margin-right: 0;
	}

#sidebar .widget-video ul.tabs a { 
	padding: 7px;
	display: inline-block;
	background: url(images/selector.png) no-repeat;
	}

#sidebar .widget-video ul.tabs a:hover {
	background: url(images/selector-active.png) no-repeat;
	}

#sidebar .widget-video ul.tabs a.current {
	background: url(images/selector-active.png) no-repeat;
	}	
			
#sidebar .widget-video .pane .post-video {
	margin-bottom: 15px;
	display: block;
	}
	
#sidebar .widget-video .pane span {
	font-size: 11px;
	color: #707070;
	text-align: center;
	display: block;
	}
	
#sidebar .widget-video img {
	box-shadow: 0 1px 4px #999999;
	-moz-box-shadow: 0 1px 4px #999999;
	-webkit-box-shadow: 0 1px 4px #999999;
	margin-bottom: 25px;
	}
	
/*----- 6.7. FLICKR WIDGET -----*/

#sidebar .widget-flickr .flickr_badge_image {
	float: left;
	margin: 0 23px 23px 0;
	}
	
#sidebar .widget-flickr .last {
	margin-right: 0;
	}

#sidebar .widget-flickr img {
	width: 65px;
	height: 65px;
	border: 3px solid #ffffff;
	box-shadow: 0 1px 2px #999999;
	-moz-box-shadow: 0 1px 2px #999999;
	-webkit-box-shadow: 0 1px 2px #999999;
	}
	
#sidebar .widget-flickr img:hover {
	border-color: #ececec;
	}
		
/*----- 6.8. TWITTER WIDGET -----*/
	
#sidebar .widget-twitter ul.tweet_list {
	margin-bottom: 30px;
	}
	
#sidebar .widget-twitter ul.tweet_list li {
	margin-bottom: 30px;
	}
		
#sidebar .widget-twitter span.date {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	display: block;
	color: #999999;
	}
	
#sidebar .widget-twitter a.button span {
	padding:0 !important;
	}

/*-------------------------------------
   7. SUB FOOTER
-------------------------------------*/

#subfooter {
	background: url(images/divider-h-alt.png) repeat-x top #fbfbfb;
	min-height: 200px;
	padding: 40px 30px;
	}
		
/*----- 7.1. SUB FOOTER WIDGET -----*/

#subfooter .widget {
	width: 265px;
	margin: 0 60px 50px 0;
	float: left;
	font-size: 12px;
	}
	
#subfooter .last {
	margin-right: 0;
	}
	
#subfooter .widget-footer-banner .widget {
	margin: 0;
	}
	
#subfooter .widget h3 {
	font-size: 16px;
	margin-bottom: 30px;
	padding: 3px 0;
	line-height: 21px;
	text-shadow: white 0px 1px 0px;
	}
	
#subfooter a.button {
	background: url(images/button-left.png) no-repeat left;
	color: #505050 !important;
	display: block;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 23px;
	line-height: 20px !important;
	margin-right: 11px;
	padding: 0 0 10px 12px;
	text-shadow: 0 1px 0 #fff;
	cursor: pointer;
	}
	
#subfooter a.button span {
	background: url(images/button-right.png) no-repeat right;
	display: block;
	float: left;
	height: 23px;
	padding: 5px 10px 5px 0;
	}
		
/*----- 7.2. FLICKR WIDGET -----*/

#subfooter .widget-flickr .flickr_badge_image {
	float: left;
	margin: 0 23px 23px 0;
	}
	
#subfooter .widget-flickr .last {
	margin-right: 0;
	}

#subfooter .widget-flickr img {
	width: 65px;
	height: 65px;
	border: 3px solid #ffffff;
	box-shadow: 0 1px 2px #999999;
	-moz-box-shadow: 0 1px 2px #999999;
	-webkit-box-shadow: 0 1px 2px #999999;
	}
	
#subfooter .widget-flickr img:hover {
	border-color: #ececec;
	}
		
/*----- 7.3. TWITTER WIDGET -----*/
	
#subfooter .widget-twitter ul.tweet_list {
	margin-bottom: 20px;
	}
		
#subfooter .widget-twitter span.date {
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 15px;
	display: block;
	line-height: 10px;
	color: #999999;
	font-weight: bold;
	}
	
#subfooter .widget-twitter p.tweet_text {
	font-style: italic;
	color: #404040;
	margin-bottom: 30px;
	font-size: 13px;
	}
	
#subfooter .widget-twitter p.tweet_text a {
	color: #202020;
	}
			
/*----- 7.4. ENEWS WIDGET -----*/
	
#subfooter .widget-enews p {
	color: #404040;
	font-size: 13px;
	}
	
#subfooter .widget-enews form {
	background: url(images/sprite-fields.png) no-repeat;
	background-position: 0px 0px;
	height: 28px;
	width: 255px;
	padding: inherit 7px;
	}
	
		
#subfooter .widget-enews input[type="text"] {
	background: none;
	border: none;
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #505050;
	text-shadow: 0 1px 0 #fff;
	margin-left: 12px;
	padding: 5px 0;
	width: 200px;
	height: 17px;
	margin-bottom: 30px;
	}
	


/*-------------------------------------
   8. FOOTER
-------------------------------------*/

#footer {
	background: url(images/divider-h.png) repeat-x top #ffffff;
	height: 35px;
	font-size: 12px;
	padding: 25px 30px 5px 30px;
	}
	
#footer p.fl {
	color: #707070;
	font-style: italic;
	font-size: 12px;
	margin-bottom: 0px;
	}
	
#footer p.fl a {
	color: #505050;
	text-decoration: none;
	}
	
#footer p.fl a:hover {
	text-decoration: underline;
	}
	
#footer ul.fr {
	margin-bottom: 0px;
	}
				
#footer ul.fr li {
	color: #313131;
	font-weight: bold;
	float: left;
	margin-left: 20px;
	}
		
#footer ul.fr li a {
	color: #505050;
	text-decoration: none;
	display: inline-block;
	font-weight:bold;
	}
	
#footer ul.fr li a:hover {
	text-decoration: underline;
	}



/*-------------------------------------
   9. PAGINATION
-------------------------------------*/

.wp-pagenavi {
	font-size: 11px;
	font-weight: bold;
	color: #505050;
	text-shadow: white 0px 1px 0px;
	}
					
.wp-pagenavi a {
	background: url(images/button-left.png) no-repeat left;
	display: block;
	height: 23px;
	line-height: 20px !important;
	margin-right: 11px;
	padding: 0 0 10px 12px;
	color: #505050;
	float: left;
	}
	
.wp-pagenavi a span {
	background: url(images/button-right.png) no-repeat right;
	display: block;
	float: left;
	height: 23px;
	padding: 5px 12px 5px 0;
	}
	
	
.wp-pagenavi span.current,
.wp-pagenavi span.extend {
	height: 23px;
	padding: 5px;
	margin-right: 11px;
	float: left;
	}
		
.wp-pagenavi span.pages {
	float: right;
	padding-top: 10px;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #707070;
	}
	
.wp-pagenavi .last {
	clear: none !important;
	margin-right: 11px;
	}



/*-------------------------------------
   10. PAGE TEMPLATES
-------------------------------------*/

/*----- 10.1. SIDEBAR LEFT TEMPLATE -----*/

body.page-template-template-sidebar-left-php #content .wrap {
	background: url(images/main-bg-left.png);
	}
	
/*----- 10.2. FULL WIDTH TEMPLATE & IMAGE GALLERY TEMPLATE -----*/

body.page-template-template-full-width-php #content .wrap,
body.page-template-template-image-gallery-php #content .wrap {
	background: none #ffffff;
	}

body.page-template-template-full-width-php #content #main,
body.page-template-template-image-gallery-php #content #main {
	width: 915px;
	}
	
/*----- 10.3. LINKS TEMPLATE -----*/

body.page-template-template-links-php .img-bdr {
	margin-right: 30px;
	}
	
body.page-template-template-links-php #content .small .post-title {
	margin: 10px 0 10px 0 !important;
	}
	
body.page-template-template-links-php .post-excerpt {
	font-style: italic;
	color: #444444;
	}
	
/*----- 10.4. ARCHIVES & SITEMAP TEMPLATES -----*/
	
body.page-template-template-archives-php .archive-lists h4,
body.page-template-template-sitemap-php .archive-lists h4 {
	margin-bottom: 5px !important;
	}



/*-------------------------------------
   11. SHORTCODES
-------------------------------------*/

/*----- 11.1. COLUMNS -----*/

#main .one_half     { width:48%; }
#main .one_third    { width:30.66%; }
#main .two_third    { width:65.33%; }
#main .one_fourth   { width:22%; }
#main .three_fourth { width:74%; }
#main .one_fifth    { width:16.8%; }
#main .two_fifth    { width:37.6%; }
#main .three_fifth  { width:58.4%; }
#main .four_fifth   { width:67.2%; }
#main .one_sixth    { width:13.33%; }
#main .five_sixth   { width:82.67%; }

#main .one_half, #main .one_third, #main .two_third,
#main .three_fourth, #main .one_fourth, #main .one_fifth,
#main .two_fifth, #main .three_fifth, #main .four_fifth,
#main .one_sixth, #main .five_sixth { 
	position: relative;
	margin-right: 4%;
	float:left;
	}
	
#main .last {
	margin-right: 0 !important;
	clear: right;
	}
	
.divider,
.divider_padding {
	clear: both;
	display: block;
	margin-bottom: 30px;
	padding-top: 10px;
	width: 100%;
	}

/*----- 11.2. DIVIDERS -----*/

.divider {
	border-bottom: 1px solid #eeeeee;
	}



/*-------------------------------------
   12. BROWSER HACKS
-------------------------------------*/

/*----- 12.1. IE7 -----*/

*+html #main-nav ul.nav li {
	margin-right: 52px;
	}

*+html #showcase .slide .post-img-large {
	margin-bottom: 30px;
	}

*+html #showcase .slide h2 {
	display: block;
	width: 530px;
	line-height: 34px;
	}
			
*+html #showcase .slide .post-meta {
	margin-top: -10px;
	}
	
*+html body.single-post #main h2.post-title {
	display: block;
	width: 530px;
	line-height: 34px;
	}
	
*+html body.single-post #main .post-meta {
	margin-top: -5px;
	}
	 	
*+html #sidebar .widget-ads img {
	margin-bottom: 6px;
	}
	
*+html #subfooter .widget h3 {
	background-position: 0px 3px;
	line-height: 24px;
	}

*:first-child+html #main-nav ul.nav li.current-menu-item a {
	background: url(images/sprite-buttons.png) no-repeat left 5px;
}
	
*:first-child+html #main-nav ul.nav li.current-menu-item a span {
	background: url(images/sprite-buttons.png) no-repeat right -23px;
}

/*-------------------------------------
   13. THEME COLOR STYLES
-------------------------------------*/

/*----- 13.1. AQUA -----*/
body.aqua #header { background-image: url(images/header-bg-aqua.jpg) }

/*----- 13.2. PURPLE -----*/
body.purple #header { background-image: url(images/header-bg-purple.jpg) }

/*----- 13.3. BROWN -----*/
body.brown #header { background-image: url(images/header-bg-brown.jpg) }

/*----- 13.4. GREEN -----*/
body.green #header { background-image: url(images/header-bg-green.jpg) }

/*----- 13.5. BLUE -----*/
body.blue #header { background-image: url(images/header-bg-blue.jpg) }

/*----- 13.6. ORANGE -----*/
body.orange #header { background-image: url(images/header-bg-orange.jpg) }

/*----- 13.7. RED -----*/
body.red #header { background-image: url(images/header-bg-red.jpg) }

/*----- 13.8. WHITE -----*/
body.white #header { background-image: url(images/header-bg-white.jpg) }

/*----- 13.9. BLACK -----*/
body.black #header { background-image: url(images/header-bg-black.jpg) }