@charset "utf-8";
/*
Theme Name: One2Love
Theme URI: http://www.one2love.co.za
Description: Designed by One2Love. Made happen by The Yellow Llama
Version: 2.0
Author: Samuel Kamffer
Author URI: http://www.one2love.co.za
*/

* {margin:0;padding:0;}
a img {border:0;}
.wrapper {width:100%;height:0;overflow:hidden;clear:both;}

*.toggle a {text-decoration:none;}
*.toggle a:hover {text-decoration:underline;}

.navigation {display: block;text-align: center;margin: 20px 0 0 0;}
.alignright {float: right;}
.alignleft {float: left}
img.alignleft {margin: 10px 15px 15px 0;}
img.alignright {margin: 10px 0 15px 15px;}
img.aligncenter {margin: 15px auto;display:block;}

blockquote {margin: 10px 50px 10px 0;background: url(/wp-content/themes/o2l2010/images/blockquote.png) 0 0 no-repeat;padding: 0 0 0 80px;font: bold 12px Times New Roman;}

/***************************** body + fonts */

body {text-align:center;color:#fff;font: 12px Arial, Helvetica, sans-serif;padding: 0 0 100px 0;}
p {line-height:14px;padding: 10px 0;}

a {outline:none;color:#f0ff00;}
a:hover {text-decoration:none;}

ul, ol {padding: 10px 0 10px 15px;}
li {line-height:14px;}

h1 {height:63px;width:530px;padding: 7px 30px 0 30px;font: 22px Arial, Helvetica, sans-serif;text-align:right;background: url(/wp-content/themes/o2l2010/images/h1.png) 0 0 no-repeat;text-transform:uppercase;}
#yoxview h1 {background:none;width:auto;height:auto;padding:0;text-align:left;}

h2 {font: 18px Arial, Helvetica, sans-serif;text-transform:uppercase;}
h3 {font: 18px Arial, Helvetica, sans-serif;text-transform:uppercase;color:#fff;}

/***************************** containers */

#wrap {width:940px;margin:auto;text-align:left;position:relative;z-index:1;background: url(/wp-content/themes/o2l2010/images/overlay2.png);padding: 0 20px 20px 20px;}
#header {height:40px;margin: 0 0 75px 0;}
#main {height:230px;padding: 10px 0;background:#000;border-top:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;margin: 10px 0 50px 0;}
#sidebar, #sidebar1 {width:220px;border-top:1px solid #7a7a7a;padding: 10px 0 0 0;}
.stripes {background: url(/wp-content/themes/o2l2010/images/stripes.png);}
#footer {margin:20px 0 0 0;}

.side_bar {width:220px;}
.main_page {width:700px;}
.fullwidth {width:940px;}
/*.archiveportfolio .main_page, .main_page {min-height:400px;}
#home_work .main_page {min-height:150px;}*/

/***************************** header */

/*nav*/
#nav {padding:0 0 0 20px;}
#nav li {list-style:none;display:block;float:left;position:relative;}
#nav li a {display:block;float:left;text-decoration:none;color:#fff;text-transform:uppercase;font-size:11px;font-weight:bold;height:40px;line-height:40px;padding: 0 20px;background:#434343;}
#nav li a:hover {background:#f0ff00;color:#222;}
#nav li.current_page_item a, #nav .current_page_parent>a {background:#222;color:#fff;}
/*dropdowns*/
#nav ul {position:absolute;padding:0;top:40px;left:0;}
#nav ul li {float:none;}
#nav ul li a {float:none;height:18px;line-height:18px;padding: 0 5px;background: #434343 url(/wp-content/themes/o2l2010/images/arrow.png) 205px 0 no-repeat;width:210px;font-weight:normal;text-transform:inherit;font-size:12px;margin: 1px 0 0 0;}

/*buttons*/
#header .alignright {padding:10px 10px 0 0;}
.button {display:block;float:left;height:20px;color:#222;text-decoration:none;font-weight:bold;text-align:center;line-height:20px;font-size:11px;text-transform:uppercase;margin: 0 10px 0 0;}
.but_contact {width:80px;background: url(/wp-content/themes/o2l2010/images/button_contact.png) 0 0 no-repeat;}
.but_rss {width:30px;background: url(/wp-content/themes/o2l2010/images/button_rss.png) 0 0 no-repeat;}
#header .alignright form {display:block;float:right;}

/*form*/
form .input {width:122px;border:0;background: url(/wp-content/themes/o2l2010/images/input.png) 0 0 no-repeat;float:left;height:20px;color:#222;padding: 2px 0 0 5px;}
form .form_button {height:20px;width:31px;border:0;background: url(/wp-content/themes/o2l2010/images/button_go.png) 0 0 no-repeat;float:left;cursor:pointer;}
#sidebar form.stripes .input, #sidebar1 form.stripes .input {width:160px;}

/*logo+line */
#logoline {height:70px;}
#logo {width:187px;height:62px;display:block;background: url(/wp-content/themes/o2l2010/images/logo.png) 0 0 no-repeat;}

/***************************** home work */

#home_work {margin: 0 0 70px 0;}
.work_box {position:relative;width:160px;height:170px;float:left;margin: 0 20px 0 0;}
.last_box {margin:0;}
.work_img img {border:10px solid #fff;}
.work_plus a {position:absolute;width:30px;height:50px;background: url(/wp-content/themes/o2l2010/images/plus.png) 0 0 no-repeat;right:20px;bottom:0;}

/***************************** home_blog */

.home_blog {width:340px;float:left;margin: 0 20px 20px 0;border-top:1px solid #7a7a7a;}
.nomargin {margin:0;}
.home_blog h3 {margin: 10px 10px 0 0;}
.home_blog h3 a {color:#fff;text-decoration:none;}
.home_blog_meta {width:100px;text-align:right;float:right;border-left:1px solid #7a7a7a;padding: 0 0 0 10px;margin: 2px 0 0 0;}
.home_blog_meta span {margin:0;display:block;float:right;}
.home_blog_meta span.post_comments {margin: 7px 0 0 10px;}
.home_footer span {display:block;text-transform:uppercase;font-size:11px;}
.home_footer span a {text-transform:lowercase;}
.home_footer span.cont_read a {text-transform:uppercase;line-height:40px;border-top:1px solid #7a7a7a;margin: 15px 0 30px 0;display:block;}
.post_thumb {margin: 10px 0 0 0;}
.home_blog img {width:340px;height:auto;}

/***************************** content */

/*sidebar*/
#sidebar h2, #sidebar1 h2 {display:inline;}
#sidebar .button, #sidebar1 .button {float:right;margin:0;}
#sidebar form, #sidebar1 form {padding:10px;margin: 10px 0 0 0;}
#sidebar select, #sidebar1 select {width:200px;color:#fff;background:#222;border:0;}

/*sidebar widget*/
.widget {margin: 30px 0;line-height:14px;border-top: 1px solid #797979;padding: 10px 0;}

/*sidebar twitter*/
#twitter_stuff {width:220px;margin: 30px 0;}
span.twittop, span.twitbottom {width:220px;height:66px;display:block;background: url(/wp-content/themes/o2l2010/images/twittop.png) 0 0 no-repeat;}
span.twitbottom {height:117px;background: url(/wp-content/themes/o2l2010/images/twitbottom.png) 0 0 no-repeat;}
.tweet {padding: 0 20px;margin: -10px 0;}

/*page*/
.post_head {background:#000;border:1px solid #7a7a7a;}
.post_head h3 {padding: 5px 0 5px 10px;width:450px;}
.post_head h3 a {color:#fff;line-height:25px;text-decoration:none;}
.post_meta {border-left:1px solid #7a7a7a;padding: 0 0 0 10px;height:34px;margin: 3px 0 0 0;}
.post_meta span {display:block;float:left;}
.post_date {line-height:33px;}
.post_comments {width:22px;height:19px;background: url(/wp-content/themes/o2l2010/images/comments.png) 0 0 no-repeat;text-align:center;color:#000;font-size:10px;font-weight:bold;line-height:13px;margin: 7px 20px 0 10px;}
.post_comments a {color:#000;font-size:10px;text-decoration:none;}
.post_back a {width:80px;height:20px;padding: 0 10px 0 0;display:block;background: url(/wp-content/themes/o2l2010/images/back.png) 0 0 no-repeat;margin: 7px 10px 0 0;text-transform:uppercase;color:#222;text-align:right;font-size:11px;font-weight:bold;text-decoration:none;line-height:20px;}
.post_footer {border-top:1px solid #7a7a7a;padding: 10px 0;border-bottom:1px solid #7a7a7a;margin: 0 0 40px 0;}
.post_footer span {display:block;text-transform:uppercase;font-size:11px;}
.post_footer span a {text-transform:lowercase;}
/*.post_body {min-height:200px;height:auto;}*/

/*content*/
.difftitle {border-top:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a;padding: 8px 0 5px 0;margin: 0 0 35px 0;}
.archiveportfolio .work_box {margin-bottom: 15px;}

/*gallery*/
#page .attachment-thumbnail {border:5px solid #fff;width:120px;margin: 0 0 1px 0;}
#page .gallery {margin: 0 0 20px 0;background:#000;padding: 0 5px 5px 5px;}

/*single comments*/
#comms {padding: 20px 0;}
#comms label {display:block;color:#bbb;}
#comms p {width:230px;float:left;}
#author, #email, #url {padding: 2px 3px;width:180px;background:#262626;border:1px solid #555;font: 12px Arial;color:#888;}
#comment {width:640px;height:100px;padding: 2px 3px;background:#262626;border:1px solid #555;font: 12px Arial;color:#888;}
#comms p.sub_button {float:none;}
input#submit {background: url(/wp-content/themes/o2l2010/images/button_contact.png) 0 0 no-repeat;border:0;width:80px;height:20px;font-size:11px;line-height:20px;padding: 0 0 2px 0;font-weight:bold;}
#comms ol {padding:0;}
#comms li {list-style:none;margin: 0 0 20px 0;}
#comms li p {width:100%;float:none;clear:both;}
.says {display:none;}
.commentmetadata {display:none;}
.avatar {float:left;}
.fn {font-size:12px;margin: 0 0 0 10px;display:block;float:left;font-weight:bold;font-style:normal;line-height:32px;}
.fn a {text-decoration:none;}
.comment-author {display:block;height:32px;background:#000;padding: 3px;}
#comms li.thread-alt {padding-left:20px;}

#respond p.subscribe-to-comments {float:right;width:230px;clear:both;margin: -35px 45px 0 0;}
#respond p.subscribe-to-comments #subscribe {float:left;margin: 0 5px 0 0;}
#respond p.subscribe-to-comments label {font-size:11px;float:left;}

.reply {margin: 0 0 10px 0;}

/***************************** footer */

.social_side {width:200px;padding:10px;height:22px;}
.social_side a {width:20px;height:20px;margin: 1px 10px 0 0;display:block;float:left;}
.social_twitter {background: url(/wp-content/themes/o2l2010/images/social_twitter.png) 0 0 no-repeat;}
.social_linkedin {background: url(/wp-content/themes/o2l2010/images/social_linkedin.png) 0 0 no-repeat;}
.social_facebook {background: url(/wp-content/themes/o2l2010/images/social_facebook.png) 0 0 no-repeat;}
.social_flickr {background: url(/wp-content/themes/o2l2010/images/social_flickr.png) 0 0 no-repeat;}
.social_google {background: url(/wp-content/themes/o2l2010/images/social_google.png) 0 0 no-repeat;}

.footer_main {width:680px;padding: 0 10px;background:#000;border:1px solid #7a7a7a;height:40px;line-height:40px;}
.footer_main p {line-height:20px;}

#wrap .paginator {padding:0;}

/***************************** Feed images */
.image-feed-small a img {height: 165px;	width: 220px; padding-top: 15px;}
