/*------------------------------*/
/*	=RESET & GLOBAL				*/
/*------------------------------*/

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
	display:block;
}
html, body, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4 , h5, fieldset, img, form {
	margin: 0;
	padding: 0;
}
html {
	background: #151515 url(images/stripe.png);	
}
body {
	background: url(images/header_bg_01.png) repeat-x center top;	
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #3E3E3E;
	overflow-x: hidden;
}

#bg_wrapper {
	background: url(images/orange_gradient_51.png) repeat-x 0 163px;
	width: 100%;
}



ul, ol {
	list-style: none;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
fieldset {
	border: 0;
}
input, select {
	font-family: Arial,sans-serif;
	font-size: 12px;
}
a img {
	border: 0;
}
a {
	color: #EB870D;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
.clearfix {
	clear: both;
}
.center {
	text-align: center;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 23px;
	color: #000000;
}
.bottom_space {
	margin-bottom: 15px;
}
.button {
	border-radius: 3px;
	box-shadow: 2px 2px 2px #BEBCBD;
	line-height: 28px;
	padding: 0px 10px;
	background: #FFE70B; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE70B', endColorstr='#FE9B00'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFE70B), to(#FE9B00)); /* for webkit browsers */
	background: -webkit-linear-gradient(top, #FFE70B, #FE9B00); /* new webkit */
	background: -moz-linear-gradient(top,  #FFE70B,  #FE9B00); /* for firefox 3.6+ */
	background: -o-linear-gradient(top, #FFE70B, #FE9B00); /* opera */
	background: -ms-linear-gradient(top, #FFE70B, #FE9B00); /* IE10 */
	background: linear-gradient(top, #FFE70B, #FE9B00); /* css3 */
	color: #000000;
}
.button:hover {
	text-decoration: none;
	background: #FE9B00; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE9B00', endColorstr='#FFE70B'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FE9B00), to(#FFE70B)); /* for webkit browsers */
	background: -webkit-linear-gradient(top, #FE9B00, #FFE70B); /* new webkit */
	background: -moz-linear-gradient(top,  #FE9B00,  #FFE70B); /* for firefox 3.6+ */
	background: -o-linear-gradient(top, #FE9B00, #FFE70B); /* opera */
	background: -ms-linear-gradient(top, #FE9B00, #FFE70B); /* IE10 */
	background: linear-gradient(top, #FE9B00, #FFE70B); /* css3 */

}
input.button {
	border: none;
	padding: 4px;
	font-weight: bold;
	font-size: 15px;
	cursor: pointer;
	outline: none;
}

.link_button {
	float: left;
	margin: 10px 15px 10px 0px;
}

a.main_navigation_button {
	line-height: 22px;
	display: block;
	margin-top: 16px;
	box-shadow: 1px 1px 2px #E66C00;
}

.left {
	float: left;
}
.right {
	float: right;
}
.hide {
	display: none;
}

.round_corners {
	width: 3px;
	height: 3px;
	position: absolute;
}
.round_corners_top_left {
	background: url(images/round_corners.png) top left;
	top: -1px;
	left: -1px;
}
.round_corners_top_right {
	background: url(images/round_corners.png) top right;
	top: -1px;
	right: -1px;
}
.round_corners_bottom_left {
	background: url(images/round_corners.png) bottom left;
	bottom: -1px;
	left: -1px;
}
.round_corners_bottom_right {
	background: url(images/round_corners.png) bottom right;
	bottom: -1px;
	right: -1px;
}

.subtitle {
	font-size: 18px;
	line-height: 60px;
}

.jcrop-holder {
    margin: 0px auto 10px;
}

/*------------------------------*/
/*	=LAYOUT 					*/
/*------------------------------*/
header {
	width: 990px;
	margin: 0 auto;
}
#content_holder {
	width: 960px;
	padding: 0px 15px;
	margin: 0 auto;
	background: #FFFFFF url(images/content_holder_back.png) repeat-y;

}
#content{
	width: 645px;
	padding: 0px 7px 0px 0px;
	float: left;
	margin-bottom: 15px;
}
footer {
	width: 990px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
	padding: 15px 0px;
}

aside {
	width: 300px;
	float: right;
	padding-left: 8px;
	margin-bottom: 15px;
}


/*------------------------------*/
/*	=HEADER 					*/
/*------------------------------*/
h1 {
	height: 95px;
	width: 990px;
	margin: 0px auto;
	height: 105px;
	line-height: 22px;
}

/*------------------------------*/
/*	=TOP NAVIGATION				*/
/*------------------------------*/
#navigation {
	background-color: #FFFFFF;
	padding: 10px 0px 0px 0px;
	border-radius: 3px 3px 0px 0px;
}
#sub_navigation {
	padding: 0px 0px 5px 15px;
	overflow: hidden;
}
#sub_navigation li {
	color:  #EB870D;
	float: left;
	font-size: 13px;
	line-height: 25px;
}
#sub_navigation a {
	padding: 5px 15px;
	background: url(images/sub_nav_pipe.png) no-repeat right 5px;
}
#sub_navigation a.last {
	background: none;
}
#sub_navigation a:hover,
#sub_navigation a.active {
	text-decoration: none;
	background: url(images/orange_gradient_28.png) repeat-x;
	color: #FFFFFF;
	margin-left: -2px;
	padding-left: 17px;
}
#main_navigation_holder {
	background: url(images/main_navigation_back.png) no-repeat;
	width: 985px;
	height: 63px;
	margin: 0px 0px 0px -9px;
	padding-left: 24px;
}
#main_navigation li {
	float: left;
	line-height: 53px;
	text-transform: uppercase;
	font-size: 15px;
	padding: 0px 22px 0px 0px;
}
#main_navigation li a {
	color: #000000;
	font-weight: bold;
}
#main_navigation li.facebook_login {
	padding-right: 5px;
	margin-left: 3px;
}
#main_navigation li.google_login {
	padding-right: 0px;
	margin-left: 0px;
	width: 40px;
}
#main_navigation .facebook_login a,
#main_navigation .google_login a{
	background: url(images/menu_facebook_login.png) 0px 15px no-repeat;
	width: 66px;
	text-indent: 99999px;
	font-size: 0px;
	display: block;
	height: 50px;
	overflow: hidden;
}
#main_navigation .google_login a{
	background: url(images/menu_google_icon.png) 0px 15px no-repeat;
}

#main_navigation .menu_home {
	width: 45px;
	padding-right: 21px; 
}
#main_navigation .menu_about {
	width: 54px;
	padding-right: 21px; 
}
#main_navigation .menu_contact_us {
	width: 99px;
}
#main_navigation .menu_submit {
	width: 57px;
}

a.main_navigation_button_active {
	visibility: hidden;
}
#main_navigation li.search_form_holder {
	float: right;
	padding-right: 44px;
}
#search_form {
	float: right;
}
.main_navigation_signin_text {
	float: left;
}
.main_navigation_signin_arrow {
	background: url(images/menu_arrow.png);
	float: right;
	height: 7px;
	margin-left: 3px;
	margin-top: 9px;
	width: 9px;
}
#id_search_submit {
	background: none;
	border: none;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	
}
.header_input {
	border-top: 1px solid #D77103;
	border-left: 1px solid #D77103;
	border-bottom: 1px solid #FFD447;
	border-right: 1px solid #FFD447; 
	background-color: #FEC305;
	padding: 5px;
	width: 164px;
}
/** login */
#login {
	background: url(images/sign_in_box.png) no-repeat;
	background-position: 0 -1px;
	position: absolute;
	margin-left: -213px;
	z-index: 1000;
	padding: 0px 5px 5px 5px;
	color: #000;
	width: 291px;
	height: 119px;
	display: none;
}
#login form {
	clear: both;
}
#login label {
	width: 90px;
	text-align: left;
	float: left;
}
#login a {
	color: #000;
}
#login #signin_link_overlay {
	float: right;
	line-height: 22px;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: bold;
	padding-right: 18px;
	margin-bottom: 10px;
}
#signin_link_overlay:hover {
	text-decoration: underline;
	cursor: pointer;
}
#signin_link {
	width: 70px;
	padding-right: 5px;
	overflow: hidden;
}
#navigation_signup {
	width: 83px;
	padding-right: 19boxpx !important;
}
/*------------------------------*/
/*	=MAIN AREA 					*/
/*------------------------------*/
.ribbon_main {
	background: url(images/ribbon_main.png) no-repeat;
	width: 680px;
	height: 38px;
	text-align: center;
	margin: 20px 0px 10px -22px;
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
	clear: both;
	text-transform: uppercase;
	font-weight: bold;
	cursor: default;
}
.ribbon_main_small {
	background: url(images/ribbon_main_small.png) no-repeat;
	margin: 20px 0px -11px 0px;
}
.welcome_text {
	padding: 0px 0px 10px 0px;	
}
.ads_336x280 {
	float: left;
}
#vector_of_the_week {
	width: 297px;
	float: right;
	position: relative;
}
#vector_of_the_week h2 {
	text-align: center;	
	background: url(images/orange_gradient_28.png) repeat-x;
	line-height: 28px;
	margin-bottom: 1px;
	text-transform: uppercase;
}
#vector_of_the_week .vector_preview_title {
	display: none;
}
#vector_of_the_week .description {
	height: 30px;
	line-height: 15px;
	overflow: hidden;
}
#vectors_preview {
	float: left;
}
.padding_0_15_0_7 {
	padding: 0px 14px 0px 6px;
}
.vector_preview {
	width: 191px;
	margin: 0px 25px 20px 0px;
	position: relative;
	font-size: 11px;
	line-height: 15px;
	float: left;
}
.vector_preview_title {
	position: absolute;
	top: 0px;
	opacity: 0.8;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	line-height: 20px;
	width: 100%;
	font-size: 12px;
}
.vector_preview_description {
	height: 45px;
	overflow: hidden;
}
.vector_preview_last {
	margin-right: 0px;
	margin-left: 2px;
}
.shutterbox_ads {
	width: 625px;
	margin: 0px 0px 25px 0px;
	position: relative;
	float: left;
}
.vectors_preview_tags {
	line-height: 20px;
}
.pipe_separator {
	padding: 0px 5px;
}
.share {
	float: left;
}
.details .share {
	padding-top: 5px;
	line-height: 15px;
}
.share div {
	float: left;
	margin-right: 3px;
}
.pagination {
	margin: 5px 0px 15px;
}
.pagination a {
	background-color: #F3F1F1;
	border-radius: 2px;
	border: 1px solid #DDDDDD;
	padding: 3px 5px;
	margin: 0px 5px;
}
.pagination span {
	margin: 0px 5px;
	cursor: default;
}
a.pagination_active {
	border: none;
	color: #000000;
	background-color: #FFFFFF;
}

#tag_cloud { 
	overflow: hidden;
        background: #f6f4f4;
        margin: 0 14px 0 6px;
        padding: 10px;
        text-align: center;
}
#tag_cloud a {
	background-color: #FFFFFF;
	line-height: 27px;
	padding: 0px 10px;
	margin: 0px 5px 5px 0px;
	font-size: 14px;
        display: inline-block;
}

/*------------------------------*/
/*	=SIDEBAR					*/
/*------------------------------*/
.ribbon_sidebar {
	background: url(images/ribbon_sidebar.png) no-repeat;
	width: 336px;
	height: 38px;
	text-align: center;
	margin: 20px 0px 10px -15px;
	line-height: 30px;
	font-size: 14px;
	font-weight: normal;
	clear: both;
	text-transform: uppercase;
	font-weight: bold;
	cursor: default;
}
.social {
	margin-bottom: 15px;
	margin-top: 6px;
}
.social_icons {
	float: right;
	width: 273px;
	margin-top: 8px;
}
.social_icons li {
	display: block;
	float: left;
	margin: 0px 8px 0px 0px;
}
.small_ads img {
	margin: 10px 5px 0px 5px;
}
.social_facebook {
	text-align: left;
	padding: 0px 0px 0px;
}
.avatars {
	margin-top: -12px;
}
.avatars img {
	border: 1px solid #B9B7B7;
	margin: 12px 6px 0px;
}
.recommended_websites ul {
	padding: 0px 0px 0px 20px;
	line-height: 22px;
}
.recommended_websites li {
	float: left;
	width: 50%;
}


/*------------------------------*/
/*	=FOOTER					*/
/*------------------------------*/
footer {
	background-color: #242424;
	color: #AEABAB;
	font-size: 11px;
}
footer a {
	line-height: 25px;
	color: #AEABAB;
	font-size: 12px;
}

/*------------------------------*/
/*	=DETAIL PAGE				*/
/*------------------------------*/
/*------------------------------*/

.ads_610x90 {
	margin: 8px 0px 0px 0px;
}

.details .description {
	background-color: #EFEBEC;
	border-radius: 2px;
	padding: 8px 16px;
	margin: 15px 0px 10px 0px;
	cursor: default;
}

.details .vector_info {
	margin: 5px;
	padding: 3px 0px 0px 90px;
	cursor: default;
}

.details .avatar {
	float: left;
	margin: 5px;
}

/*------------------------------*/
/*	=COMMENT BOX				*/
/*------------------------------*/
#comments {
	width: 625px;
	margin-left: 6px;
}
#comment_post {
	margin-top: 0px;
}
.comment {
	background-color: #EFEBEC;
	padding: 10px;
	margin-top: 3px;
	border-radius: 3px;
	overflow: hidden;
}
.comment_avatar {
	float: left;
	border: 1px solid #B9B7B7;
	margin-right: 10px;
/*	width: 61px;*/
}
.comment_title {
	color: #8B898A;
	border-bottom: 1px solid #D8D6D7;
	line-height: 20px;
}
.comment_title {
	margin-right: 5px;
	padding: 0px 0px 0px 90px;
/*	width: 514px;*/
}
.comment_text {
	padding: 5px 0px 0px 90px;
	min-height: 40px;
	margin-bottom: 5px;
}
.comment_options {
	padding-left: 90px;
}
.comment_post_buttons {
	width: 100%;
	overflow: hidden;
	padding-left: 108px;
	padding-bottom: 5px;
}
.comment_post_buttons a {
	margin-right: 10px;
}
.comment_post_holder {
	float: left;
	position: relative;
	width: 80%;
}
.comment_post_area {
	border: 1px solid #D6D6D6;
	background-color: #FBF9FA;
	height: 90px;
	margin-left: 17px;
	width: 90%;
	min-height: 50px;
	max-width: 475px;
	padding: 5px;
	outline: none;
}
.comment_post_arrow {
	width: 18px;
	height: 18px;
	background: url(images/comment_post_arrow.png) no-repeat;
	position: absolute;
	top: 20px;
}



.padding_0_18_0_17 {
	padding: 0px 18px 0px 17px;
}
#share_box {
	background-color: #EFEBEC;
	border-radius: 2px;
	padding: 5px;
	line-height: 28px;
	margin: 10px 0px 5px;
}
.share_buttons {
	float: left;
}
#download {
	float: right;
}
.shutterstock_header {
	background: url(images/shutterstock_logo.png) no-repeat left top;
	line-height: 32px;
	padding-left: 135px;
	font-size: 14px;
}
#shutterstock img {
/*	border: 1px solid #B6D5D7;*/
	margin-right: 2px;
	margin-top: 10px;
}
#shutterstock img.shutterstock_last {
	margin-right: 0px;
}
#detail_page aside {
	margin-top: 10px;
}



#overlay {
	display: none;
	background: url(images/__overlay_detail.gif) no-repeat center top;
	position: absolute;
	z-index: 100000;
	top: 0px;
	height: 2000px;
	left: 32px;
	right: 0;
	opacity: 0.7;

}


/*------------------------------*/
/*	=PUBLIC ACCOUNT				*/
/*------------------------------*/
/*------------------------------*/
#account_info {
	padding-top: 15px;
}
.account_info_avatar {
	margin-left: 30px;
	float: left;
}
.account_info {
	float: right;
	width: 480px;
	margin-right: 15px;
	border-top: 1px solid #D6D6D6;
}
.account_info dl {
	width: 50%;
	float: left;
}
.account_info dt {
	float: left;
	clear: both;
	width: 65px;
}
.account_info dd {
	border-bottom: 1px solid #D6D6D6;
}
.account_info_list,
.account_info_touch {
	line-height: 30px;
}
.account_info_touch {
	clear: both;
	margin-top: 20px;
	float: left;
	width: 400px;
}
.account_info_touch span {
	margin-right: 10px;
}
.account_info_touch a {
	margin-right: 2px;
}
#account_box_holder {
	margin-top: 30px;
}
#account_box {
	border: 1px solid #D6D6D6;
	padding: 22px 12px 0px 12px;
	position: relative;
	width: 600px;
}
#account_box .vector_preview {
	margin-right: 12px;
	margin-bottom: 12px;
}
#account_box .vector_preview_last {
	margin-right: 0px;
}
#account_box_menu ul {
	margin-bottom: -1px;
	position: relative;
	float: left;
	z-index: 999;
}
#account_box_menu li {
	line-height: 30px;
	float: left;
	margin-right: 5px;
	padding: 0px 20px;
	border: 1px solid #D6D6D6;
	background-color: #FFFFFF;	
	border-bottom: 0px;
	border-radius: 3px 3px 0px 0px;
}
#account_box_menu li.acount_box_menu_inactive {
	background-color: #EFEBEC;
	border-bottom: 1px solid #D6D6D6;
	line-height: 29px;
	cursor: pointer;
}
#account_box_comments .comment_title, 
#account_box_comments .comment_text {
/*	width: 503px;*/
}
#account_box_comments {
	padding-bottom: 20px;
}
#account_box_comments #comments {
	width: 585px;
}
.account_comment_post {
	margin-bottom: 12px;
	line-height: 30px;
}
.account_comment_post b {
	display: block;
}
.account_box_menu_select {
	float: right;
}
.account_box_menu_select select {
	width: 200px;
}
ul.comments_branch {
	padding: 0px 0px 0px 20px;
}
.new_comment {
	background-color: #E0DDDE;
}
.account_about {
	background-color: #EFEBEC;
	border-radius: 2px;
	padding: 8px 16px;
	line-height: 24px;
	margin: 15px 0px 10px 0px;
	cursor: default;
}


/*------------------------------*/
/*	=PRIVATE ACCOUNT			*/
/*------------------------------*/
/*------------------------------*/
.form_upload_art_title {
	font-size: 18px;
	margin-bottom: 15px;
}
.private_form .label {
	width: 210px;
	float: left;
}
.private_form .label b {
	color: #EB870D;
}
.private_form .label span {
	color: #999;
}
.private_form .textbox,
.private_form textarea,
.private_form div.field>input {
	border: 1px solid #D6D6D6;
	background-color: #FBF9FA;
	width: 400px;
	line-height: 20px;
}
.private_form .textbox,
.private_form div.field>input {
	height: 20px;
	padding: 0px;
}
.private_form fieldset {
	margin-bottom: 15px;
}
.private_form fieldset div {
	padding-left: 210px;
}
.private_form textarea {
	height: 200px;
}
#fua_keywords {
	height: 50px;
}
.free_vector_categories {
	line-height: 25px;
}
.free_vector_categories label {
	width: 105px;
	float: left;
}
.free_vector_categories input {
	float: left;
}
.private_form .preview {
	width: 435px;
}
.private_form .preview i {
	width: 350px;
	color: #999999;
	display: block;
}
.private_form .button {
	float: left;
	line-height: 20px;
	margin-right: 15px;
}
.preview .textbox {
	width: 350px;
}
.form_id_file_formats li {
	float: left;
	margin-right: 5px;
}
/***** SIDE MENU *****/
.private_menu {
	padding-left: 5px;
}
.private_menu li {
	height: 40px;
	text-transform: uppercase;
	background: url(images/private_menu_bg.png) no-repeat;
}
.private_menu li a {
	padding-left: 60px;
	font-size: 14px;
	line-height: 40px;	
	color: #000;
	background: url(images/private_icons_sprite.png) no-repeat;
	display: block;
}
li.private_about a{
	background-position: 0px -3px; 
}
li.private_my_account a{
	background-position: 0px -42px; 
}
li.private_faq a{
	background-position: 0px -80px; 
}
li.private_submit a{
	background-position: 0px -120px; 
}
li.private_terms a{
	background-position: 0px -160px; 
}
li.private_contact a{
	background-position: 0px -203px; 
}
li.private_change_password a{
	background-position: 0px -247px; 
}


/*------------------------------*/
/*	=NOTIFICATIONS		*/
/*------------------------------*/
.alert,
.notice,
.success,
.info,
ul.errorlist li,
#messages li {
	padding: 0 5px;
	border: 1px solid #ddd;
	line-height: 2;
	text-align: center;
	overflow: hidden;
	zoom: 1;
	position: relative;
	z-index: 1;
}
.alert,
.warning,
.error,
.field_error input,
ul.errorlist li {
	background: #fbe3e4;
	color: #8a1f11;
	border-color: #fbc2c4;
}
.field_error input {
	color: #000;
	border: 1px solid #fbc2c4;
}
.notice {
	background: #fff6bf;
	color: #514721;
	border-color: #ffd324;
}
.success {
	background: #e6efc2;
	color: #264409;
	border-color: #c6d880;
}
.info {
	background: #d5edf8;
	color: #205791;
	border-color: #92cae4;
}
.alert a,
.warning a,
.error a {
	color: #8a1f11;
	text-decoration: underline;
}
.notice a {
	color: #514721;
	text-decoration: underline;
}
.success a {
	color: #264409;
	text-decoration: underline;
}
.info a {
	color: #205791;
	text-decoration: underline;
}

.websites_links {
	padding-bottom: 25px;
}

.websites_links li {
	float: left;
	width: 25%;
	padding-bottom: 5px;
}

#messages {
    display: none;
    position: fixed;
    top: 0px;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    z-index: 3000;
    box-shadow: 0px 0px 3px #333;
    border-radius: 3px;
    font-weight: bold;
}

#messages li {
    list-style-type: none;
    background-image: url(images/close.png);
    background-repeat: no-repeat;
    background-position: 99% 4px;
    cursor: pointer;
}

ul.errorlist li {
    margin: 5px 0px;
}


/*------------------------------*/
/*	=HACKS			*/
/*------------------------------*/
*+html #search_form {
    padding-top: 10px;
}

/*------------------------------*/
/*	=STATIC_CONTENT			*/
/*------------------------------*/
.static_content_html p {
    margin-bottom: 10px;
}

/*------------------------------*/
/*	=REGISTRATION PAGE	*/
/*------------------------------*/
#registration_form_social {
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 10px;
	padding: 0px 0px 5px 0px ;
	width: 611px;
}
#registration_form_social p {
	line-height: 25px;
}
.registration_facebook {
	background: url(images/login_fb.png) no-repeat;
	width: 150px;
	height: 22px;
	text-indent: 99999px;
	font-size: 0px;
	display: block;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
.registration_google {
	background: url(images/login_google.gif) no-repeat;
	width: 150px;
	height: 22px;
	text-indent: 99999px;
	font-size: 0px;
	display: block;
	overflow: hidden;
}