/*
Theme Name: Convergence
Theme URI: http://themeforest.net
Description: The place where people and information converge and create community.
Version: 1
Author: Maximus
Author URI: http://themeforest.net
Tags: community, news, industry, blog
*/

/*=== Setup ===*/
* {
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
}
body {
        background: #f7f6f6; 
	color: #404040;
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 14px; 
        line-height: 140%;
}
#background_orange{ 
        background:#FFF url(images/background_orange.jpg) repeat-x 50% top; 
}
a {
	color: #33707e;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
input, select, textarea {
	border: #cfcfcf 1px solid;
	color: #404040;
	font-size: 12px;
	padding: 3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}
li {
        list-style: none;
}

h2 {
	color: #222222;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 0 1em;
}
h3 {
	color: #333333;
	font-size: 1.2em;
	margin: 0 0 .8em;
}
h4 {
	font-size: 1em;
	margin: 0 0 1em;
}
p {
	line-height: 1.5em;
	padding: 0 0 1.3em;
}
/*=== Layout ===*/
#page {
	margin: 0 auto;
	width: 900px;
}
#page-bot {
	background: url(images/page-bot.gif) repeat-x top;
	height: 39px;
}
/*=== H eader ===*/
#header{
	height: 101px;
	margin: 0 0 1px;
}
/*- Logo -*/
#header h1 {
	background: url(images/logo.gif) no-repeat;
	float: left;
	text-indent: -9999px;
	width: 408px;
}
#header h1 a {
	display: block;
	height: 101px;
}
#header h1 a:hover {
	text-decoration: none;
}
/*=== Navigation ===*/
/*- Top Nav -*/
.topnav {
	font-size: 10px;
	font-weight: bold;
	height: 31px;
	overflow: hidden;
}
.topnav li {
	background: url(images/topnav-sep.gif) no-repeat left;
	float: left;
	line-height: 30px;
}
.topnav li.first {
	background: none;
}
.topnav li.first a {
	padding: 0 7px 0 20px;
}
.topnav li a {
	color: #fff;
	display: block;
	float: left;
	padding: 0 7px 0 8px;
	text-decoration: none;
}
.topnav li a:hover,
.topnav li.active a {
	text-decoration: underline;
}	
/*- Nav1 -*/
#nav1 {
	background: url(images/nav1-sep.gif) no-repeat left top;
	font-size: 13px;
	height: 37px;
}
#nav1 ul.sf-menu li {
	position: relative;
	background: url(images/nav1-sep.gif) no-repeat right top;
	float: left;
	line-height: 37px;
	padding: 0 1px 0 0;
	text-align: center;
}
#nav1 ul.sf-menu li a {
	color: #333333;
	display: block;
	position: relative;
	float: left;
	text-decoration: none;
	width: 107px;
	cursor: pointer;
}
#nav1 ul.sf-menu li a:hover {
	text-decoration: none;
	background: #FEFEFE;
}
#nav1 ul.sf-menu li ul.children {
	border: 1px solid #000000;
	background: #272726 url(images/ul_children_bg.gif) repeat-y top right;
}
#nav1 ul.sf-menu li ul.children li {
	background: url(images/ul_children_li_bg.gif) no-repeat bottom right;
}
#nav1 ul.sf-menu li ul.children li a {
	color: #bebebe;
	text-decoration: none;
	display:block;
}
#nav1 ul.sf-menu li ul.children li a:hover {
	text-decoration: none;
	background: none;
}
#nav1 ul.sf-menu li ul.children li ul.children {
	border: 1px solid #000000;
	border-left: none;
	background: #272726 url(images/ul_children_ul_children_bg.gif) repeat-y top left;
}
#nav1 ul.sf-menu li ul.children li ul.children li {
	background: url(images/ul_children_li_bg.gif) no-repeat bottom right;
}
#nav1 ul.sf-menu li ul.children li ul.children a {
	color: #bebebe;
	text-decoration: none;
}
#nav1 ul.sf-menu li ul.children
{
	margin:5px 0 0 0;
}
#nav1 ul.sf-menu li ul.children ul.children
{
	margin:-1px 0 0 27px;
}
/*=== All Columns ===*/
#columns {
	margin: 0;
	padding: 0 0 15px;
	display: table-cell;
	display: block;
	height: auto !important;
	height: 900px;
	min-height: 900px;
}
/*=== Center Column ===*/
#centercol {
	float: left;
	width: 600px;
        margin-left: 10px;
}
/*=== Right Column ===*/
#rightcol {
	float: right;
	width: 300px;
        margin-right: 9px;
        margin-left: 9px;
}
#rightcol a {
	color: #404040;
	text-decoration: none;
}
/*=== Sub Columns ===*/
.subcols {
	background: url(images/subcols-bgr.gif) repeat-y left;
	height: 1%;
}
.col1, .col2 {
	float: left;
	width: 270px;
}
.col2 {
	float: right;
}
/*=== Post ===*/
/*- Post Title -*/
.post-title h1 {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
}
.post-title h1 span {
	color: #33707e;
}
.post-title h1.author {
	color: #888888;
	font-size: 14px;
	padding-top: 2px;
}
.post-title h2, .post-title h2 a  {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: -2px;
	margin: 0 0 .45em;
	color: #222222;
	text-decoration: none;
}
/*- Post Date -*/
.post-date {
	margin: 0 0 1.25em;
}
.post-date a {
	color: #5eb7cb;
}
.post-date em {
	color: #5eb7cb;
	font-size: .9em;
	font-style: normal;
	padding: 3px 5px;
	line-height: 1.75em;
}
/*- Post Excerpt -*/
.post-excerpt {
	display: table;
	font-size: 13px;
	font-style: italic;
	height: 1%;
 /* margin: 0 0 1em; */
}
/*- Post Lists -*/
.post ul, .post ol {
	margin: 0 0 1.5em;
}
.post ul li {
	background: url(images/ico-list.gif) no-repeat 0 6px;
	margin: 0 0 .4em;
	padding: 0 0 0 10px;
}
.post ol li {
	list-style: decimal;
	list-style-position: inside;
	margin: 0 0 .4em;
}
/*- Post Blockquote -*/
.post blockquote {
	border-left: 3px solid #cfcfcf;
	font-size: 13px;
	font-style: italic;
	margin: 0 0 1.5em;
	padding: 5px 0 0 10px;
}
/*- Post Author -*/
.post-author {
	margin: 0 0 1em;
}
.author-details {
	font-size: .85em;
}
.author-descr {
	display: table;
	height: 1%;
}
/*- Social Links -*/
.social-links {
	background: url(images/box-bgr2.gif) #f1f1f1 repeat-x top;
	height: 42px;
	padding: 0 18px;
}
.social-links .fl {
	line-height: 42px;
}
.social-links .fl span {
	background: url(images/comment_count_bg.gif) no-repeat center left;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 4px 0 8px 0;
	width: 33px;
	margin-right: 6px;
	display: inline-block;
	line-height: 32px;
}
.social-links .fr {
	padding: 9px 0 0;
}
.social-links .fr span {
	line-height: 21px;
}
.social-links img {
	margin: 0 0 0 2px;
}
/*- Related Posts -*/
.post-rel {
	line-height: 1.5em;
}
.post-rel a {
	color: #33707E;
}
/*- Post Comments -*/
.post-comments .fl {
	width: 35px;
}
.post-comments .fr {
	width: 460px;
}
/*- Widget Title - */
.wtitle {
	background: url(images/box-bgr.gif) repeat-x top;
}
.wtitle h2 {
	line-height: 40px;
	margin: 0;
	padding: 0 0 0 18px;
}
/*=== Styling Boxes ===*/
/*- Box1 -*/
.box {
	background: #ffffff;
	border: 1px solid #cfcfcf;
	margin: 0 0 28px;
	padding: 1px;
}
.box .content {
	background: url(images/box-bgr.gif) #ffffff repeat-x top;
	height: 1%;
	padding: 18px;
}
.box.ads .content {
	padding-left: 5px;
	padding-right: 0px;
	text-align: center;
}

#rightcol .box {
	margin: 0 0 10px;
}
/*- Box2 -*/
.box2 {
	background: #f9f9f9;
	border: 1px solid #cfcfcf;
	height: 1%;
	margin: 0 0 5px;
	padding: 5px;
	min-height: 115px;
}
.box2.alt {
	background: #FFFFFF;
}
.box2.alt {
	background: #FFFFFF;
}
.comm-name, .comm-date {
	line-height: 20px;
}
/*=== Styling Lists ===*/
/*- List1 -*/
.list1 li {
	background: url(images/ico-list1.gif) no-repeat 0 1.1em;
	border-bottom: 1px solid #e7e7e7;
	height: 1%;
	padding: .7em 0 .7em 13px;
}
.list1 li.last {
	border: 0;
}
#rightcol .list1 li a:hover {
	color: #33707e;
}
/*=== Styling Forms ===*/
input.btn {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}
select {
	padding: 1px;
}
/*- Search -*/
#search {
	float: right;
	height: 25px;
	padding: 4px 0 0;
}
#search input {
	background: url(images/search-bgr.gif) repeat-x top;
	border: 1px solid #000000;
	float: left;
	padding: 8px;
	width: 265px;
}
#search input.btn {
	background: none;
	border: 0;
	margin: 8px 0 0 -30px;
	padding: 0;
	width: auto;
}
/*- Message -*/
.message div {
	margin: 0 0 18px;
}
.message input {
	padding: 9px 15px;
	width: 425px;
}
.message textarea {
	height: 114px;
	overflow: auto;
	padding: 9px 15px;
	width: 425px;
	font-family: Verdana;
}
.message .submit {
	float: left;
}
.message .btn {
	padding: 0;
	width: auto;
}
.message .notice {
	color: #a4a4a4;
	float: right;
	font-style: italic;
	padding: 10px 0 0;
}
/*=== Pics, Thumbs, Ads etc. ===*/
.pic img {
	border: 1px solid #cfcfcf;
	display: block;
	margin: 0 0 .8em;
}
.pic.fl img {
	margin-right: 23px;
}
.pic.fr img {
	margin-left: 23px;
}
.th {
	display: block;
	margin: 0 0 .5em;
}
.th.fl img {
	margin-right: 10px;
}
.th.fl img
{
	width:40px;
	height:40px;
	border: 1px solid #cfcfcf;
}
.ads img, .ads.flickr .content img {
	margin: 0 8px 8px 0;
}
.ads.flickr .content img {
	border: 1px solid #cfcfcf;
}
.ads.flickr .ac img {
	border: 0;
	margin: 0;
}
/*=== Footer ===*/
#footer {
	color: #5f5f5f;
	font-size: 11px;
	line-height: 39px;
	margin: 0 auto;
	width: 940px;
}
#footer a {
	color: #33707e;
	text-decoration: none;
}
#footer a:hover {
	color: #5f5f5f;
	text-decoration: underline;
}
/*=== Misc. ===*/
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.hl, .hl2 {
	background: url(images/hl-dot.gif) repeat-x top;
	clear: both;
	height: 2px;
	overflow: hidden;
	width: 100%;
}
.hl2 {
	background: none;
	border-top: 1px solid #e7e7e7;
	height: 1px;
	margin: 0 0 .8em;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ac {
	text-align: center;
}
.ar {
	text-align: right;
}

#preheader{ margin: 0px auto; width: 900px; height: 70px; padding: 10px 0px; position:relative; }
#headercategories{ float: right; height: 60px; width: 280px;}
#socials{ position: absolute; bottom: 40px; right: 320px; }
#socials ul{ list-style: none;}
#socials ul li{ float: right; padding: 0px 10px; margin-top: 10px; }
a.twitterlink{ margin-left: 30px; }
a.twitterlink:hover{ color: #33BFFF !important; }
a.feedlink{ margin-left: 30px; }
a.feedlink:hover{ color: #E96A0B !important; }
#dropcat{ position: absolute; left: 0px; bottom: 43px; }
ul.dropmenu{ position: relative; margin: 0px; }
a.drops{ display: block; width: 170px; height: 37px; background: url(images/catdrop.png) no-repeat; line-height: 37px; padding-left: 10px !important; }
.dropmenu li{ position: relative; list-style: none; float: left; margin: 0px; padding: 0px; }
.dropmenu li a{ padding-left: 30px; cursor: pointer; color: #FFF; text-shadow: 0px 1px #000; text-decoration: none; }
.dropmenu li  a:hover { color: #ff8000; }
a.selected{ color: #FFF !important; background: url(images/catdrophover.png) no-repeat; }
.dropmenu ul{ position: absolute; display: none; padding: 0px; margin: 0px; background: #cc0000; }
.dropmenu ul li{ border: 0; float: none; }
.dropmenu div ul{ position: relative; display: block;}
.dropmenu li div{ z-index: 3000; background: #999; padding: 5px; display: none; position: absolute; }
.dropmenu li div ul{ z-index: 3000; border: none; background: none; position: relative !important; }
.dropmenu li div a{ z-index: 3000; border: none; padding: 5px; }
.dropmenu li div div{ z-index: 3000; display: block; position: relative; background: none; border: none; }
.dropmenu li div div a{ z-index: 3000; display: inline; border: none; color: #666; text-decoration: underline; padding: 0px; margin: 0px; text-transform: none; }
.dropmenu li div div a:hover{ z-index: 3000; color: #000; text-decoration: none; }
ul.left{ z-index: 3000; float: left; width: 150px; }
.tutorials{ z-index: 5000; font-size: 14px; width: 600px; background: #30261F !important; border-left: 1px solid #000 !important; border-right: 1px solid #000 !important; border-bottom: 1px solid #000 !important; border-top: none !important; margin-top: 10px;}
.tutorials li{ padding: 5px 0px; }
.postlist{ margin: 20px 0px; }
.postlist h2{ margin-top: 0px; margin-bottom: 0px;}
.right {float:left; width:140px;}
.left {float:left; width:140px;}

/* -------------------------------------------------------------------------------------- TOP + HEADER */

#top1{
	background:url(http://www.phatshirts.nl/images/header_top.png) no-repeat 50% bottom;
	color:#8a919a;
	margin:0 auto; padding:12px 10px 13px 0;
	position: relative;
	text-align:right;
	width:950px;
	}

#payment{
	float: left;
	margin-left: 5px;
	width: 255px;
	height: 28px;
	background-color: transparent;
	background-image: url(http://www.phatshirts.nl/images/payment/payment.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
}

#wkvoetbal{
	float: left;
	margin-left: 50px;
	width: 104px;
	height: 26px;
	background-color: transparent;
	background-image: url(http://www.phatshirts.nl/images/wkvoetbal.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
}

#boys{
	float: left;
	margin-left: 25px;
	width: 65px;
	height: 20px;
	background-color: transparent;
	background-image: url(http://www.phatshirts.nl/images/boys.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
}

#girls{
	float: left;
	margin-left: 25px;
	width: 70px;
	height: 21px;
	background-color: transparent;
	background-image: url(http://www.phatshirts.nl/images/girls.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 0pt;
}

#top1 a{
	color:#8a919a;
	font-weight:bold;
	}
#top1 a:hover{ color:#FFF; }

#top1 a.admin{
	color:#99ccff;
	font-weight:bold;
	}
#top1 a.admin:hover{ color:#FFF; }

/*////////////////////// HEADER */

#header1 .content1{
	background:url(http://www.phatshirts.nl/images/bg_website.png) repeat-y 50% 50%;
	margin:0 auto; padding:0 10px;
	text-align:left;
	width:940px;
	
	}
	
	/* Logo */
	#header1 #logo{
		float:left;
		width:387px; height:94px;
		}
	#header1 #logo a{
		background:url(http://www.phatshirts.nl/images/logo.jpg) no-repeat;
		display:block;
		float:left;
		width:387px; height:94px;
		}
	#header1 #logo span{ display:block; text-indent:-5000px; }
	
	/* Navigation */
	#navigation1{
		background:url(http://www.phatshirts.nl/images/nav_bg.png) no-repeat;
		display:block;
		float:left;
		width:490px; height:94px;
		}
	#navigation1 ul#menu1{
		list-style:none;
		text-align:right;
		}
	#navigation1 ul#menu1 li{
		display:inline;
		font-family:"Myriad Pro", "Myriad", "Lucida Grande", "Frutiger Roman", Helvetica, sans-serif;
		font-weight:bold;
		font-size:16px;
		float:left;
		line-height:94px;
		margin:0 10px;
		}
	#navigation1 ul#menu1 li.start1{
		margin:0 15px 0 30px;
		}
	#navigation1 ul#menu1 li.end1{
		margin:0 0 0 15px;
		}
	#navigation1 ul#menu1 li a{
		color:#1d2329;
		width:81px; height:94px;
		}
	#navigation1 ul#menu1 li.current{
		color:#606468;
		background:url(http://www.phatshirts.nl/images/current_page_arrow.png) no-repeat 50% 64px;
		}
	
	/* Twitter */
	.twitter1{
		float:left;
		width:63px; height:94px;
		}
	.twitter1 a{
		background:url(http://www.phatshirts.nl/images/twitter.png) no-repeat 50% top;
		display:block;
		width:63px; height:94px;
		}
	.twitter1 a:hover{
		background:url(http://www.phatshirts.nl/images/twitter.png) no-repeat 50% bottom;
		}
       #main1 .content2{
		background:url(http://www.phatshirts.nl/images/bg_website.png) repeat-y 50% 50%;
		margin:0 auto; padding:0 10px;
		text-align:left;
		width:940px;
		}
	.color_block1{
		background:url(http://www.phatshirts.nl/images/color_block.png) no-repeat left top;
		width:940px; 
		height:45px;
		}
       .clear{
	        clear:both;
	        height:1px;
	        }
.inv{ display:none; }

#footer1{
	background:url(http://www.phatshirts.nl/images/bg_website.png) repeat-y 50% 50%;
	margin:0 auto; padding:0 10px;
	text-align:left;
	width:940px;
	}
#footer1 .content1{
	background:url(http://www.phatshirts.nl/images/footer_bg.png) no-repeat left top;
	margin:0 auto; padding:40px 40px 0 40px;
	text-align:left;
	width:860px; height:287px;
	}
	
#footer1 a{ color:#a9abad; }
#footer1 a:hover{ color:#FFF; }

#footer1 .slogan_bottom1{
	color:#FFF;
	font-family:"Myriad Pro", "Myriad", "Lucida Grande", "Frutiger Roman", Helvetica, sans-serif;
	font-weight:bold;
	font-size:34px;
	letter-spacing:-2px;
	padding:7px 0 20px 0;
	text-align:center;
	}
#footer1 .cols_footer1{
	line-height:normal;
	color:#a9abad;
	}

#footer1 .socialLinks1{
	padding:20px 0 0 0;
	}
#footer1 .socialLinks1 a.footer_twitter1{
	background:url(http://www.phatshirts.nl/images/footer_twitter.png) no-repeat left top;
	display:block; float:left;
	width:83px; height:40px;
	}
#footer1 .socialLinks1 a.footer_facebook1{
	background:url(http://www.phatshirts.nl/images/footer_facebook.png) no-repeat left top;
	display:block; float:left;
	width:83px; height:40px;
	}
#footer1 .socialLinks1 a.footer_flickr1{
	background:url(http://www.phatshirts.nl/images/footer_flickr.png) no-repeat left top;
	display:block; float:left;
	width:83px; height:40px;
	}
#footer1 .socialLinks1 a.footer_twitter1:hover,
#footer1 .socialLinks1 a.footer_facebook1:hover,
#footer1 .socialLinks1 a.footer_flickr1:hover{
	background-position:bottom;
	}

#footer1 .cols_footer1 .cols_footer_about1{
	float:left;
	display:block;
	margin:0 40px 0 0;
	width:380px;
	}
#footer1 .cols_footer1 .cols_footer_about1 p{ line-height:21px; }

#footer1 .cols_footer1 .cols_footer_services1{
	float:left;
	display:block;
	margin:0 40px 0 0;
	width:200px;
	}
#footer1 .cols_footer1 .cols_footer_helps1{
	float:left;
	display:block;
	margin:0;
	width:200px;
	}
#footer1 .copyright1{
	text-align:center;
	padding:10px 30px 0 0 ;
	}
#footer1 .footer_listlinks1{
	list-style:none;
	}
#footer .footer_listlinks1 li{
	padding:5px 0;
	}
#footer1 .footer_listlinks1 li a{
	border:1px solid #565b60; border-width:0 0 0 5px;
	color:#a9abad;
	display:block;
	line-height:normal;
	width:170px;
	margin:0 0 0 10px; padding:0 0 0 10px;
	}
	
	
/* -------------------------------------------------------------------------------------- END */

#end1{
	background:url(http://www.phatshirts.nl/images/wrap_bottom.png) no-repeat 50% top;
	margin:0 auto;
	text-align:center;
	width:960px;
	}
#end1 ul{
	list-style:none;
	padding:25px 0 0 0;
	}
#end1 ul li{
	list-style:none;
	display:inline;
	margin:0 15px;
	}
#end1 ul li a{ color:#8a919a; }
#end1 ul li a:hover{ color:#1d2329; }

#end1 .bottom_logo1{
	width:313px; height:100px;
	margin:0 auto;
	}
#end1 .bottom_logo1 a{
	width:313px; height:87px;
	background:url(http://www.phatshirts.nl/images/logo_bottom.png) no-repeat left top;
	display:block; float:left;
	}
#end1 .bottom_logo1 a:hover{
	background:url(http://www.phatshirts.nl/images/logo_bottom.png) no-repeat left top;
	}
#login_error{margin:0 0 0 0px;border-width:1px;border-style:solid;padding:12px;}
.message1{margin:0 0 0 0px;border-width:1px;border-style:solid;padding:12px;}
#login_error {background-color:#ffebe8;border-color:#c00;}
.login {background-color:#ffebe8;border-color:#c00;}
.error {background-color:#ffebe8;border-color:#c00;}
.error a{color:#c00;}
.form-invalid{background-color:#ffebe8!important;}
.form-invalid input {border-color:#c00!important;}
.submit{border-color:#DFDFDF;}
.form-invalid select{border-color:#c00!important;} 
.highlight{background-color:#e4f2fd;color:#d54e21;}
#nav{margin:0 0 0 8px;}
#user_pass #user_login #user_email{font-size:24px;width:97%;padding:3px;margin-top:2px;margin-right:6px;margin-bottom:16px;border:1px solid #e5e5e5;background:#fbfbfb;}

