@charset "utf-8";

/*-------------------- GENERAL RULES --------------------*/

body { background: #383838; background-image: url('../images/body_bg.gif'); margin:10px auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.6em; text-align:center; color:#000;}	
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#000}	
h1 { font-size: 32px; margin-bottom:0.4em; color:#000; background-image:url(../images/orange_pattern.gif); display:inline; padding:15px 40px; line-height:2em }
h2 { font-size:24px; margin-bottom:-12px;line-height:1em }	
h3 { font-size:18px; margin-bottom:-12px;line-height:1.1em }	
h4 { font-size:14px; margin-bottom:-10px;line-height:1.2em}
h5, h6 { font-size:12px; margin-bottom:-10px;line-height:1.2em; font-weight:bold }			
p {	margin:0px 0px 1em;	}	
a {	color:#ff9900; text-decoration:underline; border:none; outline:none }
a:hover {color:#000;text-decoration:none}		
.container { width:780px; margin:0 auto;overflow:hidden; position:relative;	text-align:left; background:url(../images/container_bg.gif); border-top:1px solid #fff }
.header { padding:30px 0px 30px 30px; overflow:hidden; position:relative}	
.navigation { width: 160px; float:left; position:relative; overflow:hidden; }	
.featuredArea {	width:590px; height:250px;float:right;margin-bottom:40px}
#cu3er-container {outline:none; border:none}
.primaryContent{ width:510px; float:left; overflow:hidden; position:relative;}		
.primaryContentWide{ width:780px; float:left; overflow:hidden; position:relative;}		
.sideBar { float:right; width:220px}
.secondaryContent {position:relative; overflow:hidden; margin:50px 0px 30px 0px}
.leftBox {float:left; width:210px; padding-left:40px}
.middleBox {float:left; width:210px; margin-left:50px}
.rightBox { float:right; width:180px; padding-right:40px}
.footer { width: 780px; position:relative; overflow:hidden; padding:15px 0px; margin:0 auto}

/*-------------------- THUMNAIL ROLLOVER ON THE BOTTOM RIGHT --------------------*/		

ul.thumbnail {list-style:none;}
ul.thumbnail li {width:180px;height:135px;float:left;margin:0px;}
ul.thumbnail li a {display:block;position:relative;}
ul.thumbnail li a img {position:absolute;z-index:1;}
ul.thumbnail li span {display:block;height: 180px;width: 135px;position:absolute;z-index:2;}

/*-------------------- HEADER SECTION --------------------*/		
.logo { float:left; margin:6px 0px 0px; padding:0px; }	

.search_container {float:right; width:220px; text-align:left; padding:0px; position:relative; overflow:hidden; font-size:0px}
a#search_handle {cursor:pointer}
#search_field {margin:10px 0px 10px 1px; padding:5px 10px 6px; width:200px; background:0; border:none; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; color:#666; font-style:italic}
#search_submit {display:none}

/*-------------------- NAVIGATION AND FEATURED AREA --------------------*/	

.navigation ul { text-transform:uppercase;}
.navigation ul li {}		
.navigation ul li a { text-decoration: none; color: #555; outline: none; text-transform: uppercase; display: block; position: relative; overflow: hidden; font-size:16px;padding: 11px 30px 11px 30px; line-height:.85em; }
.navigation ul li a span {font-size:10px; text-transform:uppercase; color:#a3a3a3;}	
.navigation ul li a.current {color:#ff9900}	
.navigation ul li a:hover { text-decoration:none; background:url(../images/orange_pattern.gif); color:#000}
.navigation ul li a:hover span { color:#fff}
.min {margin:1px}

#taglines {position:absolute; width:200px; height:210px; left:560px; padding:20px; color:#fff; background:url(../images/black_trans.png); overflow:hidden}
#taglines p {font-size:11px; margin-top:15px; line-height:1.35em}
#taglines h2{color:white}

/*--------------- PRIMARY CONTENT --------------*/

ul.accordion li a.orange, ul.accordion li a.black, ul.accordion li a.gray  {font-size:32px; line-height:2em; display:inline-block; padding:0px 40px; cursor:pointer; text-decoration:none}
ul.accordion li a.orange {background-image:url(../images/orange_pattern.gif); color:#000}
ul.accordion li a.black {background-image:url(../images/black_pattern.gif); color:#fff}
ul.accordion li a.gray {background-image:url(../images/gray_pattern.gif); color:#000}

.main_content {padding:0px 0px 10px 40px; font-size:12px}
ul.vertical {margin-bottom:15px; }
ul.vertical li {margin-left:15px; padding-left:15px; background:url(../images/bullet.gif) left center no-repeat;position:relative; font-size:12px}
.main_content p {margin-top:15px} 
.main_content p.preview {margin-top:5px; font-size:11px; font-style:italic; color:#333}
.main_content h2, .main_content h3 {margin-top:15px}
.main_content h3 a {color:#000; text-decoration:none}
.main_content h3 a:hover{color:#000; text-decoration:underline}
.white {color:#fff;}
.orang {color:#ff9900}

/*-------------------- PRIMARY CONTENT (PORTFOLIO) --------------------*/
.gallery {position:relative; overflow:hidden}
.gallery_row {position:relative; overflow:hidden; margin-bottom:30px}
.gallery_row a {border:none; outline:none}
.leftThumbnail, .middleThumbnail, .rightThumbnail {position:relative; overflow:hidden; width:128px; border:1px solid #e6e6e6; font-size:0px}
.leftThumbnail {float:left}
.middleThumbnail {float:left; margin-left:40px}
.rightThumbnail {float:right}
.projectTitle {text-align:center; padding:5px 10px; background:url(../images/grad_bg.gif) top repeat-x; font-size:10px; text-transform:uppercase; border-top:1px solid #fff}

/*-------------------- PRIMARY CONTENT (PORTFOLIO) --------------------*/

/*-------------------- PRIMARY CONTENT (PORTFOLIO / BLOG / SINGLE --------------------*/

.meta_data {font-size:10px; color:#777; margin:13px 0px 3px 0px; padding:0px 0px 5px 5px; display:block; text-transform:uppercase}
.meta_data a {color:#000; text-decoration:none; font-style:italic}
.meta_data a:hover {text-decoration:underline}
ul.pagination { list-style:none; padding:0px; margin:0px; }	
.pagination li { float:left; margin-right:5px; display:block; }		
.pagination li em { padding:4px 10px; border:1px solid #EBEBEB; text-decoration:none; color:#999; display:block; outline:none; }	
.pagination li a { padding:4px 10px; background-color:#FBFBFB; border:1px solid #EBEBEB; text-decoration:none; color:#999; display:block; outline:none; }	
.pagination li a:hover { background-color:#000; color:#FFF; border:1px solid #000; text-decoration:none; display:block; }	
.pagination li.currentPage { padding:4px 10px; background-color:#000; border:1px solid #000; text-decoration:none; color:#FFF; display:block; }	
.commentWrapper {overflow:hidden; position:relative; margin-bottom:15px}
.gravatar {float:left; width:80px; height:80px}
.comment {float:right; width:330px; padding:15px 20px; background:url(../images/body_bg.gif); color:#fff; font-style:italic; font-size:12px}
.userName {color:#ff9900; font-weight:bold}
.commentMeta {color:#ccc; font-size:10px; font-style:italic; margin-left:10px; padding-left:10px; border-left: 1px solid #fff; text-transform:uppercase}
.replyComment a {font-size:10px; text-transform:uppercase; color:#ccc; font-style:normal; text-decoration:none}
.replyComment a:hover {color:#fff; text-decoration:underline}
	

/*--------------- SIDEBAR --------------*/

ul.sidebar_acc li a.main {font-size:18px; display:block; border-bottom:1px solid #ccc; cursor:pointer; padding:15px 40px 15px 0px; color:#000; text-decoration:none}
ul.sidebar_acc li p {padding-top:10px}
ul.sidebar_open li a.main {font-size:18px; display:block; border-bottom:1px solid #ccc; cursor:pointer; padding:15px 40px 15px 0px; color:#000; text-decoration:none}
ul.sidebar_open li p {padding-top:10px}
.sidebar_cnt {padding:0px 40px 10px 20px; font-size:11px}

ul.listBlack li a, ul.listOrange li a {padding:8px 40px 8px 20px;color:#000; display:block; text-decoration:none; font-size:11px; line-height:1.3em; border-bottom:1px solid #e6e6e6}
ul.listBlack li a:hover {color:#fff; background-color:#000; text-decoration:none}
ul.listOrange li a:hover {color:#000; background-color:#FF9900; text-decoration:none}

/*-------------------- SECONDARY CONTENT --------------------*/
.secondaryContent p {font-size:11px; line-height:1.4em; color:#666}
.bigTitles {font-size:16px; color:#000; margin:0px; padding:0px}
.captions {font-size:10px; color:#a3a3a3; margin:0px 0px 5px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #ccc; display:block}
.captions2 {font-size:10px; color:#a3a3a3; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block}

/*-------------------- LANGUAGE SWITCH --------------------*/
.languageswitch { width: 200px; position:absolute; right:10px; top:10px; overflow:hidden; padding:0px 0px; margin:0 auto;}
.languageswitch ul { font-size:10px; text-transform:uppercase}	
.languageswitch ul li { float:right; }	
.languageswitch ul li a { color:#555; text-decoration:none;display:block ;padding-right:10px; padding-left:10px }		
.languageswitch ul li a:hover { color:#000; text-decoration:none; background-color:#ff9900; }
.languageswitch ul li a.currentPage { color:#000; text-decoration:none;background-color:#ff9900; }		

/*-------------------- FOOTER SECTION --------------------*/
.footerNavigation { width:400px; float:left; }	
.footerNavigation ul { font-size:10px; text-transform:uppercase}	
.footerNavigation ul li { float:left; }	
.footerNavigation ul li a { color:#ccc; text-decoration:none;display:block ;padding-right:10px; padding-left:10px }		
.footerNavigation ul li a:hover { color:#000; text-decoration:none; background-color:#ff9900; }
.footerNavigation ul li a.currentPage { color:#000; text-decoration:none;background-color:#ff9900; }		
.notes { float:right; padding-right:10px; color:#ccc }	

/*-------------------- MISC --------------------*/		
.divider { border-bottom:1px solid #e6e6e6; margin:0px 0px 0px 0px; }
.clearf { clear:both; height:1%; margin:0px; padding:0px; font-size:1px}	
.submitButton { background-color:#000; border:none; border-style:none; padding:6px; font-family:Arial, Helvetica, sans-serif; outline:none; outline-style:none; font-size:10px; text-transform:uppercase; color:#fff }
.imgleft {float:left; margin:0px}
hr {border:0; background-color:#e6e6e6; height:1px; color:#e6e6e6}

/*-------------------- SECONDARY CONTENT (SOCIAL NETWORKING ICONS) --------------------*/
ul.socialIcons li {float:left;}
ul.socialIcons li a {width:18px; height:18px; display:block; padding:0px; margin-right:2px}
ul.socialIcons li.twitter a {background:url(../images/social/twitterB.png) no-repeat}
ul.socialIcons li.twitter a:hover {background:url(../images/social/twitter.png) no-repeat}
ul.socialIcons li.facebook a {background:url(../images/social/facebookB.png) no-repeat}
ul.socialIcons li.facebook a:hover {background:url(../images/social/facebook.png) no-repeat}
ul.socialIcons li.technorati a {background:url(../images/social/technoratiB.png) no-repeat}
ul.socialIcons li.technorati a:hover {background:url(../images/social/technorati.png) no-repeat}
ul.socialIcons li.delicious a {background:url(../images/social/deliciousB.png) no-repeat}
ul.socialIcons li.delicious a:hover {background:url(../images/social/delicious.png) no-repeat}
ul.socialIcons li.flickr a {background:url(../images/social/flickrB.png) no-repeat}
ul.socialIcons li.flickr a:hover {background:url(../images/social/flickr.png) no-repeat}
ul.socialIcons li.youtube a {background:url(../images/social/youtubeB.png) no-repeat}
ul.socialIcons li.youtube a:hover{background:url(../images/social/youtube.png) no-repeat}
ul.socialIcons li.rss a {background:url(../images/social/rssB.png) no-repeat}
ul.socialIcons li.rss a:hover {background:url(../images/social/rss.png) no-repeat}