/*
Theme Name: Tryangles
Theme URI: http://julianguyen.org
Author: Julia Nguyen
Author URI: http://julianguyen.org
*/

/* Custom Fonts */

@font-face {  
	font-family: CodeBold; 
	src: url('fonts/CODE Bold.otf') format("truetype"); 
	-webkit-font-smoothing: antialiased !important;
	font-smooth: always;
}  

@font-face {  
	font-family: CodeLight; 
	src: url('fonts/CODE Light.otf') format("truetype"); 
	-webkit-font-smoothing: antialiased !important;
	font-smooth: always;
}  

@font-face {  
	font-family: GandhiSans; 
	src: url('fonts/GandhiSans-Regular.otf') format("truetype"); 
	-webkit-font-smoothing: antialiased !important;
	font-smooth: always;
}  

@font-face {  
	font-family: GandhiSansBold; 
	src: url('fonts/GandhiSans-Bold.otf') format("truetype"); 
	-webkit-font-smoothing: antialiased !important;
	font-smooth: always;
}  

@font-face {  
	font-family: GandhiSansItalic; 
	src: url('fonts/GandhiSans-Italic.otf') format("truetype"); 
	-webkit-font-smoothing: antialiased !important;
	font-smooth: always;
}  

/* Body, Html */

body, html {
	margin: 0 auto;
	font: 18px GandhiSans;
}

b, strong {
	font-family: GandhiSansBold;
	color: #e54028;
	font-weight: normal;
}

em {
	font-family: GandhiSansItalic;
}

h1 {
	font: 40px CodeLight;
	margin: 0;
}

h2 {
	font: 30px CodeBold;
	margin: 0;
}

h3 {
	font: 20px GandhiSansBold;
	color: #d70060;
	margin: 0;
}

/* Container */

#container {
	margin: 0 auto;
	padding: 0;
}

/* Header */

#header {
	margin: 0 auto;
	padding: 0;
	height: 300px;
	background-color: #D9D647;
	width: 100%;
}

#header_image {
	margin: 0 auto;
	padding: 0;
	background-repeat: no-repeat;
	background-image: url('header.png');
	background-size: 999px 369px;
	width: 999px;
	height: 369px;
	background-position: top center;
	position: relative;
}

#header_image a:link, #header_image a:visited, #header_image a:hover {
	font: 40px CodeLight;
	color: #ffffff;
	text-decoration: none;
}

#header_image a:hover {
	font: 40px CodeLight;
	color: #000000;
	text-decoration: none;
}

#blog {
	position: absolute;
	top: 40px;
	right: 400px;

}

#portfolio {
	position: absolute;
	top: 120px;
	right: 200px;

}

#about {
	position: absolute;
	top: 200px;
	right: 400px;

}

#home {
	bottom: 50px;
    position: absolute;
    right: 270px;
}

/* Content */

#content {
	padding-top: 67px;
	margin: 0 auto;
}

#content p, #content h1, #content h2, #content h3 {
	padding: 0px 20px 10px 20px;
}

.portfolio a:link, .portfolio a:visited {
	color: #ffffff;
	text-decoration: none;
	font: 30px CodeLight;
}

.portfolio a:hover {
	color: #000000;
	text-decoration: none;
	font: 30px CodeLight;
}

.duration {
	padding: 20px;
	background-color: #e54028;
	color: #ffffff;
	margin-bottom: 20px;
}

.gallery {
	border: 10px solid #01a4a4;
}

.design1 {
	background-color: #113f8c;
	background-image: url('design1.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 394px 300px;
	color: #ffffff;
	padding: 20px;
	text-align: right;
}

.design1_rev {
	background-color: #113f8c;
	background-image: url('design1_rev.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 394px 300px;
	color: #ffffff;
	padding: 20px;
	text-align: left;
}

.design2 {
	background-color: #32742c;
	background-image: url('design2.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 870px 300px;
	color: #ffffff;
	padding: 20px;
	text-align: right;
}

.design2_rev {
	background-color: #32742c;
	background-image: url('design2_rev.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: 870px 300px;
	color: #ffffff;
	padding: 20px;
	text-align: left;
}

.design3 {
	background-color: #e54028;
	background-image: url('design3.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	color: #ffffff;
	background-size: 762px 300px;
	padding: 20px;
	text-align: right;
}

.design3_rev {
	background-color: #e54028;
	background-image: url('design3_rev.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	color: #ffffff;
	background-size: 762px 300px;
	padding: 20px;
	text-align: left;
}

.post_info {
	padding: 20px;
	color: #ffffff;
}

.post_info p {
	padding: 0 !impo;
}

/* Back To Top */

#back_to_top {
	position: fixed;
	z-index:1001;
	bottom: 0;
	right: 0;
	overflow: auto;
	padding: 20px;
	color: #000000;
	font-size: 45px;
}

#back_to_top a:link, #back_to_top a:visited {
	color: #000000;
	opacity:1;
	text-decoration: none;
}

#back_to_top a:hover {
	color: #000000;
	opacity:0.5;
	text-decoration: none;
}

/* Footer */

#footer_image {
	background-image: url('footer_image.png');
	background-position: center top;
	background-size: 629px 50px;
	width: 629px;
	height: 50px;
}

#footer {
	background-color: #e00063;
	color: #ffffff;
	text-align: center;
	padding: 20px 20px 10px 20px;
}

#copyright {
	text-align: right;
	font: 20px CodeLight;
}

#footer a:link, a:visited {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #fa8bbe;
	text-decoration: none;

}

.kreply {
	color: #ffffff;
	text-decoration: none;
}

.kebo-tweets .ktweet .ktext {
    margin: 5px 0 0 !important;
}


/* Table */

div.table {
    display: table;
    width: 100%;
    table-layout: fixed;
    text-align: justify;
}

div.table > div.table_row {
    display: table-row;
}

div.table > div.table_row > div.table_cell {
	vertical-align: top;
    display: table-cell;
}

/* Div Formatting */

.center {
	text-align: center;
	margin: 0 auto;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
}

.clear {
	clear: both;
}

.padder {
	padding: 20px;
}

.spacer {
	height: 20px;
}

/* Link Formatting */

a:link, a:visited {
	color: #32742c;
	text-decoration: none;
}

a:hover {
	color: #61ae24;
	text-decoration: none;
}

a.LINK:link, a.LINK:hover, a.LINK:visited {
   font-family: GandhiSansBold !important;
   background-image: url('http://julianguyen.org/wp-content/uploads/2012/10/export_icon16.png');
   background-repeat: no-repeat;
   background-position: right top;
   padding-right: 20px;
   color: #000 !important;
   text-decoration: none;
}

/* Blog Formatting */

a.title:link, a.title:visited {
	color: #ffffff;
	font: 30px CodeBold;
	text-decoration: none;
}

a.title:hover {
	color: #000000;
	font: 30px CodeBold;
	text-decoration: none;
}

.category a:link, .category a:visited {
	color: #ffffff;
	text-decoration: none;
}

.category a:hover {
	color: #000000;
	text-decoration: none;
}

div.pagers a:link, div.pagers a:visited {
	color: #000000;
	text-decoration: none;
	font-size: 45px;
	opacity: 1;
}

div.pagers a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 45px;
	opacity: 0.5;
}

div.mini_pagers a:link, div.pagers a:visited {
	color: #000000;
	text-decoration: none;
	font-size: 18px;
	opacity: 1;
}

div.mini_pagers a:hover {
	color: #000000;
	text-decoration: none;
	font-size: 18px;
	opacity: 0.5;
}

.post_thumbnail {
	border: 10px solid #01a4a4;
}

/* Overrides */

img#wpstats {display:none !important;}

div.sharedaddy div.sd-block {
    background-color: #113f8c;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    color: #ffffff;
}

div.sharedaddy h3, #content div.sharedaddy h3, #main div.sharedaddy h3, #primary div.sharedaddy h3 {
	visibility: hidden !important;
	display: none !important;
}

div.sharedaddy .sd-content {
    float: none !important;
    margin: 0 auto !important;
    padding: 20px !important;
    width: auto !important;
}

.timeline {
	border-radius: 0 !important;
}

/* Tables */

table {
	padding: 10px;
	vertical-align: top;
}

table td {
	padding: 10px;
}

/* Bullets */

li {
	list-style-type : square;
	padding-right: 20px;
}

/* Comments */

input, textarea {
	padding: 10px;
	border: 5px solid #e54028;
	font: 18px GandhiSans;
}

input[type="submit"] {
	background-color: #e54028;
	color: #ffffff;
}

input[type="submit"]:hover {
	background-color: #f18d05;
}

input:hover, textarea:hover {
	border: 5px solid #f18d05;
}

.comment_info {
	background-color: #32742c;
	padding: 20px;
	color: #ffffff;
}

.commenter a:link, .commenter a:visited {
	color: #ffffff;
	text-decoration: none;
}

.commenter a:hover {
	color: #61ae24;
	text-decoration: none;
}

.comment-remix-meta {
    background-color: #61AE24;
    margin-bottom: 20px;
    padding: 20px;
    color: #ffffff;
}

.comment-remix-meta a:link, .comment-remix-meta a:visited {
	color: #ffffff;
	text-decoration: none;
}

.comment-remix-meta a:hover {
	color: #000000;
	text-decoration: none;
}