/*

Theme Name: Vibrant Media
Theme URI: http://vibrant.reallybesthost.com
Description: 'Vibrant Media blog theme built on Wordpress.'
Author: Chetan Chauhan
Author URI: http://themeforest.net/user/bitsquare
Version: 1.2

*/

/*  RESET STYLES  */
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;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

	
	
/*  MAIN STYLES  */
body {
background: url(images/wooden.png) repeat #101010;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 18px;
color: #555;
}

#bg_wrapper {
width: 950px;
margin: 0 auto;
}

.clear { clear: both; }

p { margin-top: 10px; margin-bottom: 10px; }

a { text-decoration: none; color: #39c; }
a:hover { text-decoration: underline; }

.leftalign, .alignleft, img.aligneft { float: left; margin: 13px 10px 5px 0; }
.rightalign, .alignright, img.alignright { float: right; margin: 13px 0 5px 10px; }
.aligncenter, div.aligncenter, img.aligncenter {display: block; margin: 13px auto 5px auto; }
.alignnone, div.alignnone, img.alignnone { display: block; margin-bottom: 5px; }
.centeralign, div.centeralign {
	display:table;
	margin: 13px auto 5px auto;
}



/*  PAGE AREA  */
#page_area {
margin-top: 45px;
background: #fff;
border-top: 1px solid #d7d7d7;
padding-bottom: 30px;
}



/*  HEADER  */
#header {
margin: 40px 20px 0 20px;
}

#logo {
float:left;
display: inline;
margin-bottom: 20px;
}


/*   TOP TABS   */
#myslidemenu {
position: relative;
z-index: 999;
background: #000;
height: 38px;
}

.jqueryslidemenu{
font-size: 12px;
background: #414141;
width: 100%;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;

}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
text-transform: uppercase;
font-size: 11px;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #000; /*background of tabs (default state)*/
color: white;
padding: 10px 15px;
color: #fff;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: #39c; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font-size: 11px;
text-transform: none;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
padding-left: 13px;
display: block;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 14px;
right: 10px;
}

.rightarrowclass{
position: absolute;
top: 9px;
right: 10px;
}

#menu_right {
float: right;
position: relative;
right: 10px;
text-transform: uppercase;
font-size: 10px;
width: 127px;
height: 32px;
line-height: 12px;
}




/*  TWITTER SECTION  */
#twitter_feed {
background: #000;
font-size: 11px;
color: #777;
padding: 13px 10px 13px 20px;
width: 920px;
height: 21px;
overflow: hidden;
}

#twitter_feed strong a { color: #777; }
#twitter_feed strong a:hover { color: #999; text-decoration: none; }



/*  CONTENT  */
#content {
width: 930px;
}

#main_content {
margin: 20px 20px 0 20px;
width: 630px;
float: left;
padding-right: 10px;
}
.innercontent #main_content {
margin-top: 40px;
}

#breadcrumbs {
text-transform: uppercase;
font-size: 10px;
color: #999;
}

h2.pagetitle,  h1.pagetitle {
font-size: 30px;
color: #222;
margin-bottom: 5px;
margin-top: 10px;
}
h1.pagetitle { color: #39c; font-size: 34px; margin-top: 0; }

#content .full_width_page { width: 910px; }
#content .gallery { margin: 40px 20px 0 20px; }

#main_content ul.tabs {
margin-top: 25px;
padding-bottom: 30px;
border-bottom: 1px solid #f3f3f3;
margin-bottom: 18px;
}

#main_content ul.tabs li {
padding:0; margin:0;
background: none;
padding-left: 0;
display: inline;
line-height: 30px;
float: left;
font-size: 11px;
text-transform: uppercase;
}

ul.tabs li a {
display: block;
padding: 0px 20px;
color: #333;
}

ul.tabs li a:hover {
display: block;
color: #000;
text-decoration: none;
}

ul.tabs li.active, ul.tabs li.active a {
background: #050505;
color: #fff;
}

#tab2, #tab3 { display: none; }




/*  TOP FAVOURITES SECTION  */
.top_single {
background: #050505;
width: 256px;
color: #ccc;
float: left;
padding: 1px 0 40px 1px;
}

.top_single a.image_article .image_effect { position: absolute; bottom: 3px; right: 0; }
.top_single a.readmore {
position: relative;
left: 10px;
top: 10px;
}

#main_content .top_single h3 {
font-size: 28px;
margin: 15px 10px 15px 10px;
}

.top_single h3 a { color: #fff; display: block; }
.top_single h3 a:hover { text-decoration: none; }

.top_single .post_info {
background: #39c;
color: #fff;
font-size: 10px;
padding: 5px 15px;
position: relative;
left: -10px;
margin-right: 20px;
}

.top_single .post_info a {
color: #fff; 
}

.top_single .post_info a:hover {
color: #fff; 
text-decoration: underline;
}

.top_single p {
margin: 15px 15px 0 12px;
}

.top_posts {
float: left;
padding: 0;
margin-left: 5px;
}

#main_content .top_posts li {
padding:0; margin:0;
background: #f4f4f4;
width: 181px;
float: left;
line-height: 15px;
overflow:hidden;
padding-bottom: 10px;
}

#main_content .top_posts li.clear { 
padding:0; margin:0;
background: none;
float:none; 
clear:both; 
width: 100%;
visibility:hidden;
}

#main_content .top_posts li:hover {
background: #fff;
cursor: pointer;
}

#main_content .top_posts p, #main_content .top_posts h6 { margin-left: 10px; margin-top: 5px; }
#main_content .top_posts h6 a { font-size: 11px; color: #000;text-transform: uppercase; }
#main_content .top_posts h6 a:hover { color: #39c; text-decoration: none; }




/*--------------FEATURED POSTS----------------*/
.featured_single {
width: 630px;
background: #050505; color: #bbb;
margin-top: 20px;
}

.featured_single a {
color: #888;
text-transform: uppercase;
}

.featured_single_image { float: left; margin: 20px; }
.featured_single_image img {
padding: 3px;
background: #1f1f1f;
margin-bottom: 5px;
}
.featured_single_image a.image_article .image_effect { position: absolute; bottom: 11px; right: 3px; }
.featured_single_image span {
margin-bottom: 0px;
display: block;
}

.featured_single_text {
overflow:hidden;
padding: 20px 10px 10px 0px;
}

.featured_single_text span { color: #888; background: #1b1b1b; padding: 1px 7px;  -moz-border-radius: 5px; border-radius: 5px;  }

#main_content .featured_single_text h3 { font-size: 22px; margin-top: 5px; border-bottom: 1px solid #1b1b1b; display: block; padding: 10px 0 5px 0; }
#main_content .featured_single_text h3 a { color: #fff;  }
#main_content .featured_single_text h3 a:hover { text-decoration: none }
#main_content .featured_single_text p { margin-bottom: 20px; color: #ccc; }

.featured_posts { margin-top: 30px; }
.featured_posts h4 { font-size: 24px; color: #000; margin-bottom: 10px; }

#main_content .featured_posts li {
padding:0; margin:0;
width: 210px;
float: left;
margin-bottom: 20px;
background: #f7f7f7;
border-bottom: 5px solid #1b1b1b;
text-decoration: none; display: block; 
padding-bottom: 20px;
}

#main_content .featured_posts li.clear {
padding:0; margin:0;
background: none;
float:none; 
clear:both; 
width: 600px;
visibility:hidden;
}

#main_content .featured_posts li:hover {
background: #fff;
border-bottom: 5px solid #39c;
}

.featured_posts li img { margin-bottom: 15px; }
.featured_posts li span, .featured_posts li h6, .featured_posts li p { margin: 0 5px 0 10px; }
.featured_posts li span { color: #999; text-transform: uppercase; font-size: 10px;}
.featured_posts li p { margin-bottom: 13px; margin-top: 10px; color: #555; }
.featured_posts li h6 a { color: #000; font-size: 13px; }
.featured_posts li h6 a:hover { color: #39c; text-decoration:none; }
.featured_posts li span.readmore {
background: #1b1b1b;
color: #fff;
padding: 3px 10px 0px 10px;
float: right;
text-transform: none;
font-size: 11px;
position: relative;
left: 5px;
}

.featured_posts li a:hover h6 { color: #39c }
.featured_posts li a:hover span.readmore { background: #39c; }

.alternate_news ul {
width: 430px;
float: left;
}
.alternate_news .othernews { float: left; margin-left: 7px; width: 190px; }
.alternate_news .othernews h4 {
font-size: 22px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 7px;
margin-bottom: 2px;
}

.alternate_news .othernews li {
padding: 0;
width: 190px;
background: url(images/underline-content.png) repeat-x bottom;
padding-bottom: 5px;
margin-top: 10px;
font-size: 13px;
}

.alternate_news .othernews li a {
color: #000;
font-weight: bold;
}

.alternate_news .othernews .post_info {
margin-top: -5px;
text-transform: uppercase;
color: #aaa;
font-size: 10px;
}

.alternate_news .othernews .post_info a { color: #aaa; }





/*------------LATEST POSTS----------------*/
#main_content .latest_posts li {
padding:0; margin:0;
background: none;
display: block;
margin-bottom: 10px;
padding-bottom: 10px;
background: url(images/underline-content.png) repeat-x bottom;
}

.latest_posts li img {
float: left;
border: 1px solid #e8e8e8;
padding: 4px;
background: #f8f8f8;
margin-right: 15px;
}

.latest_posts .post_info, .latest_posts .post_info a {
text-transform: uppercase;
color: #aaa;
font-size: 10px;
}

.latest_posts li h3 { font-size: 20px; margin: 5px 0 0px 0; }
.latest_posts li h3 a:hover { text-decoration: none; }
.latest_posts li p { margin-top: 5px; }

#content .latest_posts img.still {
border: 1px solid #ccc;
}





/*     SERVICES      */
.services { margin: 20px 0 0 15px; }

.services .half { margin-bottom: 20px; }
.services .half img { float: left; margin-right: 15px; margin-top: 0px; }
#main_content .services .half h2 {
font-size: 20px;
color: #39c;
margin-top: 5px;
}
.services .half p { line-height: 16px; margin-top: 5px; }

.services .one_third { width: 30%; margin: 15px 0; margin-right: 2%; }
.services .one_third { border-right: 1px solid #eee; padding-right: 16px; }
.services .last { padding:0; border: 0; }
.services .one_third img { border: 1px solid #e0e0e0; padding: 3px; background: #fff; }
#main_content .services .one_third h2 { font-size:  20px; color: #39c; margin-bottom: 5px; }




/*     BLOG PAGE      */
li.blogarticle { margin-bottom: 20px; padding: 0; background: transparent; }

li.blogarticle h1.pagetitle, li.blogarticle h2.pagetitle { padding-bottom: 10px; margin-top: 10px; background: url(images/underline-content.png) repeat-x bottom; }
li.blogarticle h2.pagetitle { font-size: 30px; }
li.blogarticle h2.pagetitle a:hover { text-decoration: none; }

li.blogarticle a.read_more { margin-top: 10px; margin-bottom: 25px; text-transform: uppercase; font-size: 10px; }

li.blogarticle .post_info {
display: block; color: #aaa; text-transform: uppercase; font-size: 10px;
margin: -7px 0 5px 0;
padding-bottom: 1px;
position: relative;
background: url(images/underline-content.png) repeat-x bottom;
color: #666;
}
li.blogarticle .post_info p {
margin-bottom: 5px;
}
li.blogarticle .post_info a {
color: #666;
}

li.blogarticle .post_info .postdate {
position: absolute;
right: 150px;
}

li.blogarticle .post_info .postcomments {
float: right;
margin-right: 10px;
}





/*		DEFAULT POST STYLES		*/
.post_area ul, .post_area ol { margin-top: 10px; margin-bottom: 15px; }
.post_area ul li, .post_area ol li { padding-left: 25px; margin-bottom: 5px; }
.post_area ul li, #sidebar li { background: url(images/bullets/bullet.png) no-repeat left 1px; }
.post_area ol { list-style-type: decimal; list-style-position: inside; margin-left: -15px; }

#main_content .post_area h1 { font-size: 36px; background: none;}
#main_content .post_area h2 { font-size: 30px; background: none;}
#main_content .post_area h1, #main_content .post_area h2, .post_area h3, .post_area h4, .post_area h5, .post_area h6 { color: #333; margin: 0; padding: 0; margin-top: 20px; margin-bottom: -5px; }
.post_area h3 { font-size: 26px; }
.post_area h4 { font-size: 22px; }
.post_area h5 { font-size: 18px; }
.post_area h6 { font-size: 14px; }

.post_area blockquote {
margin: 20px 20px;
background: url(images/blockquote.png) no-repeat;
font-style: italic;
padding-left: 55px;
font-size: 14px;
}

.post_area blockquote.alignleft, .post_area blockquote.alignright {
width: 40%;
}







/*   POST WIDGETS   */
.post_tags {
font-style: italic;
}
.post_tags a { color: #999; }

.post_widgets {
margin-bottom: 30px;
}

.post_widgets h4 {
font-size: 11px;
color: #000;
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 5px;
background: url(images/underline-content.png) repeat-x bottom;
}

.post_widgets ul.share_post li { display: inline; margin-right: 10px; margin-bottom: 10px; }





/*    COMMENTS AREA    */
.comments h4 {
font-size: 24px;
color: #666;
text-transform: none;
padding-bottom: 10px;
background: none;
margin: 0;
}

.comments h4 span.comment-heading {
font-size: 30px;
color: #000;
}

.comments li.comment {
background: url(images/underline-content.png) repeat-x top;
padding-top: 20px;
}

.comments li .comment-body { position: relative; padding-bottom: 15px; }

.comments li ul.children {
margin-left: 55px;
}

.comments .comment-image { position: absolute;}
.comments .comment-image img { border: 1px solid #d7d7d7; background: #fff; padding: 3px; }
.comments .comment-data {
float: left;
margin-left: 60px;
padding-bottom: 10px;
}

.comment-data .author-link { font-size: 14px; }
.comment-data .comment-date { font-style: italic; color: #999; }

.comments .comment-reply {
position: absolute;
bottom: 5px;
right: 10px;
}

#respond h3 {
font-size: 11px;
color: #000;
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 5px;
background: url(images/underline-content.png) repeat-x bottom;
}

form#commentform { margin-left: 10px; margin-top: 20px; }
form#commentform p { clear: both;}

form#commentform span.comment_field {
margin:0;
margin-right: 5%;
width: 30%;
display: block;
float: left;
}
form#commentform span.last { margin-right: 0; }
form#commentform label { font-size: 14px; color: #666; }
form#commentform label span.comment-required { color: #999; font-style: italic; font-size: 11px; }

form#commentform input { margin-bottom: 20px; width: 100%; height: 27px; border: 1px solid #d1d1d1; background: url(images/comment-input.png) repeat-x; }
form#commentform textarea { width: 100%; height: 197px; border: 1px solid #d1d1d1; background: url(images/comment-text.png) repeat-x; }
form#commentform input:focus, form#commentform textarea:focus { border: 1px solid #bbb; background: #f9f9f9; }

form#commentform input#submit {
    width:130px !important;
	height: 30px;
    cursor:pointer;
    cursor:hand;
	background: #fcfcfc;
	border: 1px solid #a6a6a6;
	border-left: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	margin-top: 10px;
}
form#commentform input#submit:hover {	
	background: #fefefe;
	border: 1px solid #c0cad2;
	border-left: 1px solid #e7eaee;
	border-top: 1px solid #e7eaee;
}




/*     PORTFOLIO     */
.portfolio { margin: 25px 0 20px 0; width: 100%; }
ul.portfolio_2, ul.portfolio_3, ul.portfolio_4 { margin-left: 3%;}
ul.portfolio_2 li, ul.portfolio_3 li, ul.portfolio_4 li { padding: 0;float: left; margin: 0;  border-right: 1px solid #fff; width: 280px; background: #f4f4f4;}
ul.portfolio_2 li { width: 420px; }
ul.portfolio_4 li { width: 210px; }
ul.portfolio_2 li:hover, ul.portfolio_3 li:hover, ul.portfolio_4 li:hover { background: #fff; }

ul.portfolio_2 li .portfolio_content, ul.portfolio_3 li .portfolio_content, ul.portfolio_4 li .portfolio_content {
padding-top: 16px;
padding-bottom: 30px;
}

ul.portfolio_2 li img, ul.portfolio_3 li img, ul.portfolio_4 li img {
background: url(images/gallery-bg.png) no-repeat;
padding: 1px;
}

ul.portfolio_2 li .portfolio_info, ul.portfolio_3 li .portfolio_info, ul.portfolio_4 li .portfolio_info { color: #999; }

ul.portfolio_2 li p, ul.portfolio_3 li p, ul.portfolio_4 li p, ul.portfolio_2 li .portfolio_info, ul.portfolio_3 li .portfolio_info, ul.portfolio_4 li .portfolio_info { margin: 0 10px; }

#main_content ul.portfolio_2 li h6, #main_content ul.portfolio_3 li h6, #main_content ul.portfolio_4 li h6 { margin: 5px 10px; font-size: 13px; color: #000; }
ul.portfolio_2 li h6 a, ul.portfolio_3 li h6 a, ul.portfolio_4 li h6 a, ul.portfolio_2 li h6, ul.portfolio_3 li h6, ul.portfolio_4 li h6 {
color: #000;
font-weight: bold;
font-size: 13px;
}
ul.portfolio_2 li h6 a:hover, ul.portfolio_3 li h6 a:hover, ul.portfolio_4 li h6 a:hover { color: #39c; text-decoration: none; }

ul.portfolio_2 .image_effect, ul.portfolio_3 .image_effect, ul.portfolio_4 .image_effect {
position: absolute;
bottom: 4px;
}

ul.portfolio_1 li { overflow:hidden; margin-bottom: 20px; background: url(images/underline-content.png) repeat-x bottom; padding-bottom: 20px; }

ul.portfolio_1 li a.image_zoom, ul.portfolio_1 li a.image_audio, ul.portfolio_1 li a.image_video { 
float: left; 
margin-right: 15px; 
background: #f0f0f0;
padding: 5px; 
}
ul.portfolio_1 li .image_effect {
position: absolute;
bottom: 5px;
right: 5px;
}

ul.portfolio_1 li .portfolio_content { margin-right: 10px; margin-top: 15px; }
ul.portfolio_1 li .portfolio_info { font-style: italic; font-size: 11px; color: #999; margin-bottom: 5px; }
#main_content ul.portfolio_1 li h6 { font-size: 30px; margin: 10px 0; }
ul.portfolio_1 li h6 a:hover { text-decoration: none; }

.page_navigation {
margin-left: 3%;
margin-top: 30px;
}

a.page_link {
	padding:3px 5px;
	margin:2px;
	color:white;
	text-decoration:none;
	font-size: 12px;
	background-color:#333;
}
a.page_link:hover { background: #39c; }
#main_content a.active_page:hover { background: white; }
a.active_page {
	background-color:white;
	color:black;
}




/*    CONTACT PAGE     */
form#contact_form {
    width:500px;
	margin-top: 30px;
	margin-left: 20px;
}
form#contact_form p { margin-bottom: 20px; }

form#contact_form label {
float: left;
display: block;
text-transform: uppercase;
font-size: 10px;
width: 100px;
position: relative;
top: 3px;
}

form#contact_form input, form#contact_form textarea {
    width: 250px;
    padding:5px;
	float: left;
	-moz-border-radius: 3px; /* Firefox */
  	-webkit-border-radius: 3px; /* Safari, Chrome */
  	border-radius: 3px; /* CSS3 */
	background: #fbfbfb;
	border: 1px solid #d8d8d8;
	border-top: 1px solid #a8a8a8;
	border-left:  1px solid #a8a8a8;
}
form#contact_form input:hover, form#contact_form textarea:hover {
	background: #fafbfc;
	border: 1px solid #e8ebee;
	border-top: 1px solid #c0cad2;
	border-left:  1px solid #c0cad2;
}
form#contact_form input:focus, form#contact_form textarea:focus {
	background: #f9fbfd;
	border: 1px solid #e0ecf7;
	border-top: 1px solid #aacdea;
	border-left:  1px solid #aacdea;
}

form#contact_form textarea {
    height:150px;
	width: 350px;
}

#email_error, #name_error, #message_error, #subject_error {
position: relative;
left: 100px;
}

form#contact_form input#send_message {
    width:130px !important;
	margin-top: 15px;
	position: relative;
	left: 100px;
    cursor:pointer;
    cursor:hand;
	background: #fcfcfc;
	border: 1px solid #a6a6a6;
	border-left: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
}
form#contact_form input#send_message:hover {	
	background: #fefefe;
	border: 1px solid #c0cad2;
	border-left: 1px solid #e7eaee;
	border-top: 1px solid #e7eaee;
}

#contact_form_holder .error {
    display: none;
    color: #a00;
	font-style: italic;
}
#contact_form_holder #mail_fail {
	position: relative;
	left: 100px;
	top: 15px;
}
#contact_form_holder .success {
	display: none;
	width: 350px;
	background: #e5ffcc url(images/success.png) no-repeat 8px center;
	border: 1px solid #bd9;
	color: #573;
	padding: 10px 20px;
	padding-left: 30px;
	-moz-border-radius: 3px; /* Firefox */
	-webkit-border-radius: 3px; /* Safari, Chrome */
	border-radius: 3px; /* CSS3 */
	position: relative;
	left: 100px;
	top: 15px;
}
#contact_form_holder .error img { vertical-align:top; }
#contact_form_holder span.clear { display: block; clear: both; }






/*  SIDEBAR  */
#sidebar {
float: left;
width: 250px;
margin: 40px 0 0 0;
color: #666;
}

.sidebar_widget {
width: 250px;
overflow: hidden;
margin-bottom: 30px;
}

.sidebar_widget h4 {
background: #050505;
padding: 8px;
color: #fff;
font-size: 12px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight:normal;
padding-left:14px;
}

.sidebar_widget img {
border: 1px solid #ddd;
background: #fff;
padding: 3px;
}

.sidebar_widget p {
margin-top: 10px;
}

#sidebar a { color: #333; }
#sidebar a:hover { color: #666; text-decoration: none; }

#sidebar ul { width: 250px; }
#sidebar li {
margin: 0;
margin-left: 10px;
background: none;
padding: 3px 0 3px 12px;
}
#sidebar li:hover { background: url(images/arrow-small.png) no-repeat left 7px; }
#sidebar li a { display: block; }

a.tagsize-1, a.tagsize-2, a.tagsize-3, a.tagsize-4, a .tagsize-5 { padding: 0 10px; }
a.tagsize-1 { font-size: 11px; }
a.tagsize-2 { font-size: 13px; }
a.tagsize-3 { font-size: 15px; }
a.tagsize-4 { font-size: 17px; }
a.tagsize-5 { font-size: 19px; }


#sidebar ul.sidebar_recent { width: 250px; }
#sidebar ul.sidebar_recent li {
padding: 0;
margin: 0;
background: url(images/underline-content.png) repeat-x bottom;
padding-bottom: 9px;
margin-top: 8px;
font-size: 13px;
}

#sidebar ul.sidebar_recent li img {
float: left;
padding: 0;
margin-right: 5px;
margin-top: 0;
border: 5px solid #f0f0f0;
}
#sidebar ul.sidebar_recent h3 { padding-top: 3px; vertical-align: top;}
#sidebar ul.sidebar_recent h3 a { color: #000; }
#sidebar ul.sidebar_recent h3 a:hover { text-decoration: underline; }

#sidebar ul.sidebar_recent p {
margin-top: 4px;
text-transform: uppercase;
color: #aaa;
font-size: 10px;
}
#sidebar ul.sidebar_recent a { color: #aaa; display: inline; }







/*  FOOTER  */
#footer {
margin-top: 45px;
padding-bottom: 50px;
color: #999;
overflow: hidden;
}

#footer img { margin-top: 0px; }
#footer a, #footer_end a { color: #999; }
#footer a:hover, #footer_end a:hover {
color: #fff;
text-decoration: none;
}

#footer h4 {
color: #fff;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 15px;
}

.footer_list {
width: 150px;
float: left;
border-right: 1px solid #333;
margin-right: 25px;
}

.footer_wide {
float: left;
width: 400px;
}

.footer_wide .leftalign {
margin-right: 20px;
}

.footer_wide img {
background: #1d1d1d;
border: 1px solid #393939;
padding: 4px;
}

.footer_wide ul.social_links li {
float: left;
margin-right: 10px;
margin-top: 10px;
}

.footer_wide ul.social_links li img {
background: none;
border: 0;
padding: 0;
}

#footer_end {
background: #2b2b2b;
color: #fff;
margin: 0 0 35px 0;
padding: 8px;
padding-left: 15px;
filter: alpha(opacity=40); /* internet explorer */
-khtml-opacity: 0.4;      /* khtml, old safari */
-moz-opacity: 0.4;       /* mozilla, netscape */
opacity: 0.4;           /* fx, safari, opera */
}

#footer_end p {
margin-top: 0;
}




/*  SEARCH BOX  */
.searchbox {
float: right;
width:220px;
height: 67px;
position: relative;
top: 13px;
background: url(images/searchbox-shadow.png) no-repeat bottom;
display: inline;
}

.searchbox input {
border: none;
float: left;
width:169px;
height:33px;
color: #999;
padding: 0 5px 0 10px;
background: url(images/input-box.png) transparent no-repeat top left;
font-size: 12px;
}

.searchbox input:focus {
padding: 0 5px 0 10px;
background: url(images/input-box.png) transparent no-repeat bottom left;
}

.searchbox input.searchsubmit {
	background: url(images/searchbox-button.png) no-repeat top left;
	width:36px;
	text-indent:-99999px;
	height:33px;
}

.searchbox input.searchsubmit:hover {
	background: url(images/searchbox-button.png) no-repeat bottom left;
	width:36px;
	text-indent:-9999px;
	height:33px;
	cursor: pointer;
}





/*		BUTTONS		*/
a.btn_orange, a.btn_green, a.btn_crimson, a.btn_yellow, a.btn_cyan, a.btn_purple, a.btn_red, a.btn_blue, a.btn_light, a.btn_dark {
clear: both;
background-image: url('images/buttons-span.png');
background-repeat:no-repeat;
background-position: top right; 
color: #fff;
display: block;
float:left;
font-size: 12px;
height: 30px;
padding-right: 18px; /* sliding doors padding */
text-decoration: none;
margin: 10px 0;
}

a.btn_orange { background-position: 100% 10%; }
a.btn_green { background-position: 100% 20%; }
a.btn_crimson { background-position: 100% 30%; }
a.btn_yellow { background-position: 100% 40%; }
a.btn_cyan { background-position: 100% 50%; }
a.btn_purple { background-position: 100% 60%; }
a.btn_red { background-position: 100% 70%; }
a.btn_light { background-position: 100% 90%; color: #696969; }
a.btn_dark { background-position: 100% 100%; }

a.btn_orange span, a.btn_green span, a.btn_crimson span, a.btn_yellow span, a.btn_cyan span, a.btn_purple span, a.btn_red span, a.btn_blue span, a.btn_light span, a.btn_dark span {
background-image: url('images/buttons.png');
background-repeat: no-repeat;
display: block;
line-height: 14px;
padding: 8px 0 8px 18px;
} 

a.btn_orange span { background-position: 0 10%; }
a.btn_green span { background-position: 0 20%; }
a.btn_crimson span { background-position: 0 30%; }
a.btn_yellow span { background-position: 0 40%; }
a.btn_cyan span { background-position: 0 50%; }
a.btn_purple span { background-position: 0 60%; }
a.btn_red span { background-position: 0 70%; }
a.btn_light span { background-position: 0 90%; }
a.btn_dark span { background-position: 0 100%; }


a.btn_orange:hover, a.btn_green:hover, a.btn_crimson:hover, a.btn_yellow:hover, a.btn_cyan:hover, a.btn_purple:hover, a.btn_red:hover, a.btn_blue:hover, a.btn_light:hover {
background: transparent url('images/buttons-span.png') no-repeat scroll bottom right;
}
a.btn_light:hover { color: #fff; }
a.btn_dark:hover { background-position: top right;  }

a.btn_orange:hover span, a.btn_green:hover span, a.btn_crimson:hover span, a.btn_yellow:hover span, a.btn_cyan:hover span, a.btn_purple:hover span, a.btn_red:hover span, a.btn_blue:hover span, a.btn_light:hover span {
background: transparent url('images/buttons.png') no-repeat bottom left;
}
a.btn_dark:hover span { background: url('images/buttons.png') no-repeat; }



/*		DROPCAP	*/
span.textdropcap {
font-size: 36px;
float: left;
line-height: 36px;
margin-right: 10px;
}

/*		BULLETS		*/
#main_content .bullet_check li { background: url(images/bullets/bullet-check.png) no-repeat; }
#main_content .bullet_arrow li { background: url(images/bullets/bullet-arrow.png) no-repeat; }
#main_content .bullet_arrow2 li { background: url(images/bullets/bullet-arrow2.png) no-repeat; }

/*		DIVIDERS		*/
.divider_small, .divider_big, .divider_dotted { margin-top: 20px; display: block; height: 30px; width: 100%; }
.divider_blank { margin-top: 20px; height: 20px }
.divider_small {
background: url(images/divider-small.png) no-repeat;
width: 635px;
}
.divider_big {
background: url(images/divider-big.png) no-repeat;
width: 910px;
}
.divider_dotted {
background: url(images/underline-content.png) repeat-x;
}

/*		ALERT BOXES		*/
.alert_success, .alert_error, .alert_warning, .alert_info {
margin: 15px 0;
padding: 10px 20px;
padding-left: 30px;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari, Chrome */
border-radius: 3px; /* CSS3 */
}
.alert_success {
background: #e5ffcc url(images/success.png) no-repeat 8px center;
border: 1px solid #bd9;
color: #573;
}
.alert_error {
background: #fcc url(images/error.png) no-repeat 8px center;
border: 1px solid #daa;
color: #744;
}
.alert_warning {
background: #ffd url(images/warning.png) no-repeat 8px center;
border: 1px solid #ddc;
color: #664;
}
.alert_info {
background: #e5efff url(images/info.png) no-repeat 8px center;
border: 1px solid #bde;
color: #467;
}

/*		TEXT HIGHLIGHT		*/
.highlight_yellow, .highlight_green, .highlight_grey, .highlight_black { color: #444; padding: 3px 3px; }
.highlight_yellow { background-color: #ff5; }
.highlight_green { background-color: #af6; }
.highlight_grey { background-color: #e1e1e1; }
.highlight_black { background-color: #000; color: #ccc; }

/*		IMAGE EFFECTS		*/
.wp_caption {
	border: 1px solid #dadada;	
	padding: 4px 4px;
	position: static;
}
.wp_caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	z-index: 0;
}
.wp_caption a img {
	margin-bottom: -4px;
}
.wp_caption p.wp_caption_text {
	margin-top: 8px;
	color: #aaa;
	font-style: italic;
	text-align: center;
}

.image_zoom, .image_article, .image_video, .image_audio { position: relative;}
.image_effect {
background: url(images/prettyPhoto/image-zoom.png) no-repeat;
position: absolute;
bottom: -2px;
right: 3px;
z-index: 99;
height: 120px;
width: 120px;
}
.image_article .image_effect { background: url(images/prettyPhoto/image-post.png) no-repeat; }
.image_audio .image_effect { background: url(images/prettyPhoto/image-audio.png) no-repeat; }
.image_video .image_effect { background: url(images/prettyPhoto/image-video.png) no-repeat; }


/*		TWITTER WIDGET 	*/
.follow_me {
float: left;
width: 170px;
background: url(images/twitter.png) no-repeat;
padding-left: 30px;
padding-bottom: 10px;
margin-left: 20px;
margin-top: 15px;
font-size: 13px;
font-weight: bold;
border-bottom: 1px solid #ddd;
}
#sidebar .sidebar_widget .follow_me a { color: #000; }
#sidebar .sidebar_widget .follow_me a:hover { text-decoration: underline; }


/*		FLICKR WIDGET		*/
.flickr_badge img { float: left; border: 1px solid #333; margin: 10px 6px 0 0; padding:0; }


/*    COLUMNS  */
.column_holder {
	margin: 0px;
	float: left;
	width: 100%;
	padding: 0px;
}
.full_width {
	width: 100%
}
.one_fourth, .one_third, .half, .two_third, .three_fourth {
	float: left;
	margin: 0;
}
.one_fourth {
	width: 22%;
	margin-right: 4%;
}
.three_fourth {
	width: 74%;
	margin-right: 4%;
}
.one_third {
	width: 31%;
	margin-right: 3.5%;
}
.two_third {
	width: 65.5%;
	margin-right: 3.5%;
}
.half {
	width: 48%;
	margin-right: 4%;
}
.last { margin-right: 0; }